@charset "UTF-8";
/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                Breadcrumb
//////////////////////////////////////////////////////////////////////////////////////////////
*/
#breadcrumb .cateList {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
}
.cateList {
  /* width: 110rem; */
  /* margin: 2rem auto; */
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  display: flex;
  align-items: center;
  /* font-size: 1.2rem; */
  color: #000;
  width: min(1100 * (100vw/1400), 1100px);
  margin: min(20 * (100vw/1400), 20px) auto;
  font-size: min(12 * (100vw/1400), 12px) auto;
}
.cateList li {
  /* margin-left: 0.2rem; */
  /* margin-right: 0.5rem; */
  margin-left: min(2 * (100vw/1400), 2px);
  margin-right: min(5 * (100vw/1400), 5px);
}
@media screen and (max-width: 767px) {
  .cateList {
    font-size: calc(20*100vw/750);
    line-height: 2;
    margin-block: calc(10*100vw/750);
    width: calc(700*100vw/750);
  }
  .cateList li {
    margin-left: calc(2*100vw/750);
    margin-right: calc(5*100vw/750);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                SETTING
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.FR250326TAWTOE {
  --font-yuMincho: "游明朝", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  --font-hiragino: "Hiragino Mincho ProN W3","ヒラギノ明朝 ProN W3", "Hiragino Sans", sans-serif;
  --font-dnp: "dnp-shuei-mincho-pr6n", sans-serif;
  --font-miller: "miller-banner", serif;
  --font-century: "century-gothic", sans-serif;
  --font-noto: "noto-sans-cjk-jp", sans-serif;
  --font-garamond: "garamond-premier-pro", serif;
  --font-aldine: "adobe-aldine", sans-serif;
  --color-gray: #58595B;
  --color-white: #fff;
  --color-black: #000;
  --color-lightbrown: #CCBDAC;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  min-height: calc(var(--vh, 1vh) * 100);
  font-feature-settings: "palt"; 
  overflow: clip;
}
.FR250326TAWTOE {
  font-family: var(--font-noto);
  font-weight: var(--fw-regular);
  /* border-bottom: solid 0.5px #000; */
}
.FR250326TAWTOE picture {
  width: 100%;
  height: 100%;
}
.FR250326TAWTOE img {
  display: block;
  width: 100%;
  height: auto;
}
.FR250326TAWTOE a {
  display: block;
}

@media screen and (min-width: 768px) {
  .FR250326TAWTOE .sp_only {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .FR250326TAWTOE .pc_only {
    display: none !important;
  }
}

.lp_border_bottom {
  width: 120rem;
  margin: 0 auto;
  border-bottom: solid 1px #58595B;
}
@media screen and (max-width: 767px) {
  .lp_border_bottom {
    width: 100%;
  }
  .archive {
    border-top: none !important;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
  FIRSTVIEW
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.FR250326TAWTOE .firstview {
  /* width: 120rem; */
  /* margin: 0 auto 10.9rem; */
  width: min(1200*(100vw / 1400), 1200px);
  margin: 0 auto min(109*(100vw / 1400), 109px);
  position: relative;
}

@media screen and (max-width: 767px) {
  .FR250326TAWTOE .firstview {
    width: calc(750*100vw/750);
    margin: 0 auto calc(136*100vw/750);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
  ANIMATION
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.FR250326TAWTOE .js-fade {
  /* transform: translateY(100px); */
  opacity: 0;
  transition-duration: 1.1s;
}
.FR250326TAWTOE .js-fade.delay_01 {
  transition-delay: 0.5s;
}
.FR250326TAWTOE .js-fade.is-active {
  /* transform: translateY(0); */
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .FR250326TAWTOE .js-fade,
  .FR250326TAWTOE .fade_pc {
    opacity: 0;
    /* transform: translateY(100px); */
  }
  .FR250326TAWTOE .fade_pc.is-active,
  .FR250326TAWTOE .js-fade.is-active {
    opacity: 1;
    transition-duration: 1.1s;
    /* transform: translateY(0); */
  }
}
@media screen and (max-width: 767px) {
  .FR250326TAWTOE .js-fade,
  .FR250326TAWTOE .fade_sp {
    opacity: 0;
    /* transform: translateY(100px); */
  }
  .FR250326TAWTOE .fade_sp.is-active,
  .FR250326TAWTOE .js-fade.is-active {
    opacity: 1;
    transition-duration: 1.1s;
    /* transform: translateY(0); */
  }
}

/* 左方向からのフェードイン */
.FR250326TAWTOE .js-fade.js-fade_left {
  opacity: 0;
  transform: translate3d(-10%, 0, 0);
}
.FR250326TAWTOE .js-fade.js-fade_left.is-active {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -moz-transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -o-transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -ms-transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* 右方向からのフェードイン */
.FR250326TAWTOE .js-fade.js-fade_right {
  opacity: 0;
  transform: translate3d(10%, 0, 0);
}
.FR250326TAWTOE .js-fade.js-fade_right.is-active {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -moz-transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -o-transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -ms-transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* 下方向からのフェードイン */
.FR250326TAWTOE .js-fade.js-fade_bottom {
  opacity: 0;
  transform: translate3d(0, 10%, 0);
}
.FR250326TAWTOE .js-fade.js-fade_bottom.is-active {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -moz-transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -o-transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -ms-transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 680ms cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 680ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
/* ズームイン */
.FR250326TAWTOE .js-animation-trigger.anim-zoom-in {
  overflow: hidden;
}
.FR250326TAWTOE .js-animation-trigger.anim-zoom-in img {
  opacity: 0;
  transform: scale(1.1);
  transition: all 1.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.FR250326TAWTOE .js-animation-trigger.anim-zoom-in.is-active img {
  opacity: 1;
  transform: scale(1);
}
/* クリップパスで一文字ずつ */
.FR250326TAWTOE .js-clippath_anime {
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0);
  transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.FR250326TAWTOE .js-clippath_anime.is-active {
  -webkit-clip-path: inset(0 0% 0 0);
  clip-path: inset(0 0% 0 0);
}






/*
//////////////////////////////////////////////////////////////////////////////////////////////
  FR250326TAWTOE
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.firstview__ttl_img {
  position: absolute;
  top: 40%;
  left: 21.7%;
  /* width: 68rem; */
  width: min(680 * (100vw/1400), 680px);
  pointer-events: none;
}
.bg_blue {
  background-color: #C4D7E2;
  /* padding-bottom: 15.5rem; */
  padding-bottom: min(152* (100vw/1400), 152px);
}

/* blue_area */
.blue_area {

}
.blue_area__img01_border {
  border-radius: 50%;
  border: solid 3px #fff;
  /* padding: 1.4rem; */
  padding: min(14 * (100vw/1400), 14px);
  width: fit-content;
  margin: 0 auto;
  position: relative;
  z-index: 50;
}
.blue_area__img01 {
  border-radius: 50%;
  /* width: 101rem; */
  width: min(1010 * (100vw/1400), 1010px);
  /* height: 56.8rem; */
  height: min(568 * (100vw/1400), 568px);
  margin: 0 auto;
}
.blue_area__img01_text {
  /* width: 49.7rem; */
  width: min(497 * (100vw/1400), 497px);
  position: absolute;
  /* top: 5.7rem; */
  top: min(57 * (100vw/1400), 57px);
  /* right: 7.7rem; */
  right: min(77 * (100vw/1400), 77px);
  pointer-events: none;
}
.blue_area__img02_block {
  /* width: 90rem; */
  width: min(900 * (100vw/1400), 900px);
  /* margin: -11.2rem auto 8rem; */
  margin: max(-112 * (100vw/1400), -112px) auto min(80 * (100vw/1400), 80px);
  position: relative;
  /* left: 5.5rem; */
  left: min(55 * (100vw/1400), 55px);
}
.flex_base {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.blue_area__img02_block_left {
  /* width: 32rem; */
  width: min(320 * (100vw/1400), 320px);
  /* margin-top: 22.9rem; */
  margin-top: min(229 * (100vw/1400), 229px);
}
.lp_lead_jp {
  text-align: center;
  /* font-size: 1.7rem; */
  font-size: min(17 * (100vw/1400), 17px);
  line-height: 2;
  letter-spacing: 0.16em;
  color: #fff;
}
.blue_area__img02_block_right {
  /* width: 46.9rem; */
  width: min(469 * (100vw/1400), 469px);
}
.blue_area__img03_block {
  /* width: 101rem; */
  width: min(1010 * (100vw/1400), 1010px);
  margin: 0 auto;
}
.blue_area__img03 , .blue_area__img04 {
  /* width: 48rem; */
  width: min(480 * (100vw/1400), 480px);
  position: relative;
}
.blue_area__img03_text {
  /* width: 17.4rem; */
  width: min(174 * (100vw/1400), 174px);
  position: absolute;
  /* top: 5.5rem; */
  top: min(55 * (100vw/1400), 55px);
  /* left: -7rem; */
  left: max(-70 * (100vw/1400), -70px);
  pointer-events: none;
}
.blue_area__img04_text {
  /* width: 20.6rem; */
  width: min(206 * (100vw/1400), 206px);
  position: absolute;
  /* bottom: 6rem; */
  bottom: min(60 * (100vw/1400), 60px);
  /* right: -7rem; */
  right: max(-70 * (100vw/1400), -70px);
  pointer-events: none;
}
.credit_wrap {
  display: flex;
  flex-wrap: wrap;
  /* gap: 0 0.2rem; */
  gap: 0 min(2 * (100vw/1400), 2px);
  /* margin-top: 2.2rem; */
  margin-top: min(22 * (100vw/1400), 22px);
}
.credit_wrap.credit_wrap01 {
  justify-content: right;
  /* width: 36.6rem; */
  width: min(366 * (100vw/1400), 366px);
  margin-left: auto;
}
.credit_wrap a , .credit_wrap div {
  /* font-size: 1.2rem; */
  font-size: min(12 * (100vw/1400), 12px);
  line-height: 1.9;
  letter-spacing: 0.06em;
  color: #fff;
  font-family: var(--font-garamond);
  font-weight: var(--fw-regular);
}
.credit_wrap div span {
  font-size: 0.87em;
  letter-spacing: 0.08em;
}

/* white_area */
.bg_white {
  background-color: #fff;
  /* padding: 16.3rem 0 15.5rem; */
  padding: min(163* (100vw/1400), 163px) 0 min(150* (100vw/1400), 150px);
}
.white_area {

}
.white_area__img01_border {
  border-radius: 50%;
  border: solid 3px #19386B;
  /* padding: 1.4rem; */
  padding: min(14 * (100vw/1400), 14px);
  width: fit-content;
  margin: 0 auto;
  position: relative;
  z-index: 50;
}
.white_area__img01 {
  border-radius: 50%;
  /* width: 45rem; */
  width: min(450 * (100vw/1400), 450px);
  /* height: 60rem; */
  height: min(600 * (100vw/1400), 600px);
  margin: 0 auto;
}
.white_area__img01_text {
  /* width: 18.4rem; */
  width: min(184 * (100vw/1400), 184px);
  position: absolute;
  /* top: -2.5rem; */
  top: max(-25 * (100vw/1400), -25px);
  /* left: -5rem; */
  left: max(-50 * (100vw/1400), -50px);
  pointer-events: none;
}
.white_area__img02_block {
  /* width: 101rem; */
  width: min(1010 * (100vw/1400), 1010px);
  /* margin: 7.8rem auto 0; */
  margin: min(78 * (100vw/1400), 78px) auto 0;
}
.white_area__img02 , .white_area__img03 {
  /* width: 48rem; */
  width: min(480 * (100vw/1400), 480px);
}
.credit_wrap.credit_wrap02 {
  justify-content: right;
  /* width: 32rem; */
  width: min(320 * (100vw/1400), 320px);
  margin-left: auto;
  /* margin-top: 2rem; */
  margin-top: min(20 * (100vw/1400), 20px);
  /* gap: 0 0.3rem; */
  gap: 0 min(3 * (100vw/1400), 3px);
}
.credit_wrap.credit_wrap02 a {
  color: #19386B;
}

/* yellow_area */
.yellow_area {

}
.bg_yellow {
  background-color: #FFFCDE;
  /* padding: 16.3rem 0 15.5rem; */
  padding: min(163 * (100vw/1400), 163px) 0 min(152* (100vw/1400), 152px);
}
.yellow_area__img01_border {
  border-radius: 50%;
  border: solid 3px #19386B;
  /* padding: 1.4rem; */
  padding: min(14 * (100vw/1400), 14px);
  width: fit-content;
  margin: 0 auto;
  position: relative;
  z-index: 50;
}
.yellow_area__img01 {
  border-radius: 50%;
  /* width: 45rem; */
  width: min(450 * (100vw/1400), 450px);
  /* height: 60rem; */
  height: min(600 * (100vw/1400), 600px);
  margin: 0 auto;
}
.yellow_area__img01_text {
  /* width: 17rem; */
  width: min(170 * (100vw/1400), 170px);
  position: absolute;
  /* top: -2.6rem; */
  top: max(-26 * (100vw/1400), -26px);
  /* right: -5.2rem; */
  right: max(-52 * (100vw/1400), -52px);
  pointer-events: none;
}
.yellow_area__img02_block {
  /* width: 101rem; */
  width: min(1010 * (100vw/1400), 1010px);
  /* margin: 7.8rem auto 0; */
  margin: min(78 * (100vw/1400), 78px) auto 0;
}
.yellow_area__img02 , .yellow_area__img03 {
  /* width: 48rem; */
  width: min(480 * (100vw/1400), 480px);
}
.credit_wrap.credit_wrap03 {
  justify-content: left;
  /* width: 35rem; */
  width: min(350 * (100vw/1400), 350px);
  /* margin-top: 2rem; */
  margin-top: min(20 * (100vw/1400), 20px);
  /* gap: 0 0.3rem; */
  gap: 0 min(3 * (100vw/1400), 3px);
}
.credit_wrap.credit_wrap03 a , .credit_wrap.credit_wrap03 div {
  color: #19386B;
}

/* black_area */
.black_area {

}
.bg_white02 {
  background-color: #fff;
  /* padding: 16.3rem 0 15.5rem; */
  padding: min(163 * (100vw/1400), 163px) 0 min(152* (100vw/1400), 152px);
}
.black_area__img01_border {
  border-radius: 50%;
  border: solid 3px #19386B;
  /* padding: 1.4rem; */
  padding: min(14 * (100vw/1400), 14px);
  width: fit-content;
  margin: 0 auto;
  position: relative;
  z-index: 50;
}
.black_area__img01 {
  border-radius: 50%;
  /* width: 45rem; */
  width: min(450 * (100vw/1400), 450px);
  /* height: 60rem; */
  height: min(600 * (100vw/1400), 600px);
  margin: 0 auto;
}
.black_area__img01_text {
  /* width: 17.6rem; */
  width: min(176 * (100vw/1400), 176px);
  position: absolute;
  /* top: -2.8rem; */
  top: max(-28 * (100vw/1400), -28px);
  /* left: -5.5rem; */
  left: max(-55 * (100vw/1400), -55px);
  pointer-events: none;
}
.black_area__img02_block {
  /* width: 101rem; */
  width: min(1010 * (100vw/1400), 1010px);
  margin: min(78 * (100vw/1400), 78px) auto 0;
  /* margin: 7.8rem auto 0; */
}
.black_area__img02 , .black_area__img03 {
  /* width: 48rem; */
  width: min(480 * (100vw/1400), 480px);
}
.credit_wrap.credit_wrap04 {
  justify-content: right;
  /* width: 25rem; */
  width: min(250 * (100vw/1400), 250px);
  margin-left: auto;
  /* margin-top: 2rem; */
  margin-top: min(20 * (100vw/1400), 20px);
  /* gap: 0 0.3rem; */
  gap: 0 min(3 * (100vw/1400), 3px);
}
.credit_wrap.credit_wrap04 a {
  color: #19386B;
}

/* check_all_items */
.check_all_items {
  /* width: 48rem; */
  width: min(480 * (100vw/1400), 480px);
  margin: 0 auto 13.7rem;
  margin: 0 auto min(137 * (100vw/1400), 137px);
}

/* staff_text */
.staff_text {
  font-family: var(--font-garamond);
  text-align: center;
  /* font-size: 1.4rem; */
  font-size: min(14 * (100vw/1400), 14px);
  color: #19386B;
  line-height: 1.75;
  letter-spacing: 0.06em;
  /* margin-bottom: 13.5rem; */
  margin-bottom: min(135 * (100vw/1400), 135px);
}

.blue_area__img03 {
  /* margin-top: 0.5rem; */
  margin-top: min(5 * (100vw/1400), 5px);
}


/* 追加 */
.top_text_box {
  /* margin: 0 auto 9.1rem; */
  margin: 0 auto min(89* (100vw/1400), 89px);
}
.top_text_box__ttl {
  font-family: var(--font-aldine);
  text-align: center;
  /* font-size: 6rem; */
  font-size: min(60 * (100vw/1400), 60px);
  color: #fff;
  /* margin-bottom: 1.2rem; */
  margin-bottom: min(14 * (100vw/1400), 14px);
  letter-spacing: 0.05em;
}
.top_text_box__lead {
  text-align: center;
  /* font-size: 1.8rem; */
  font-size: min(18 * (100vw/1400), 18px);
  color: #fff;
  letter-spacing: 0.23em;
  line-height: 2;
}





/* =====================================### SP ###===================================== */
@media screen and (max-width: 767px) {
.firstview__ttl_img {
  top: 44%;
  left: 8.3%;
  width: calc(625* (100vw /750));
}
/*  */
.blue_area__img01_border {
  padding: calc(16* (100vw /750));
  border: solid calc(4*(100vw / 750)) #fff;
}
.blue_area__img01 {
  width: calc(640* (100vw /750));
  height: calc(1138* (100vw /750));
}
.blue_area__img01_text {
  width: calc(206* (100vw /750));
  top: calc(85* (100vw /750));
  right: calc(405* (100vw /750));
}
.blue_area__img02_block {
  width: 100%;
  margin: calc(75* (100vw /750)) auto calc(103* (100vw /750));
  left: unset;
}
.blue_area__img02_block_left {
  width: 100%;
  margin-top: 0;
  margin-bottom: calc(78* (100vw /750));
}
.lp_lead_jp {
  font-size: calc(26* (100vw /750));
  letter-spacing: 0.14em;
}
.blue_area__img02_block_right {
  width: calc(593* (100vw /750));
  position: relative;
  left: calc(-37* (100vw /750));
  margin: 0 auto;
}
.blue_area__img03_block {
  width: calc(670* (100vw /750));
  margin: 0 auto;
}
.blue_area__img03 {
  margin-top: 0;
  width: calc(670* (100vw /750));
  margin-bottom: calc(80* (100vw /750));
}
.blue_area__img04 {
  width: calc(525* (100vw /750));
  margin: 0 auto;
}
.blue_area__img03_text {
  width: calc(180* (100vw /750));
  top: calc(42* (100vw /750));
  left: calc(-77* (100vw /750));
}
.blue_area__img04_text {
  width: calc(214* (100vw /750));
  bottom: calc(60* (100vw /750));
  right: calc(-77* (100vw /750));
}
.credit_wrap {
  gap: 0 calc(5* (100vw /750));
  margin-top: calc(30* (100vw /750));
}
.credit_wrap.credit_wrap01 {
  justify-content: left;
  width: calc(480* (100vw /750));
  margin-left: auto;
  margin-right: calc(-15* (100vw /750));
}
.credit_wrap a , .credit_wrap div {
  font-size: calc(24* (100vw /750));
  line-height: 1.9;
}
.bg_blue {
  padding-bottom: calc(165* (100vw /750));
}
/*  */
.bg_white {
  padding: calc(220* (100vw /750)) 0 calc(165* (100vw /750));
}
.white_area__img01_border {
  padding: calc(15* (100vw /750));
  padding-bottom: calc(7* (100vw /750));
  border: solid calc(4*(100vw / 750)) #19386B;
}
.white_area__img01 {
  width: calc(555* (100vw /750));
  height: calc(750* (100vw /750));
}
.white_area__img01_text {
  width: calc(266* (100vw /750));
  top: calc(-75* (100vw /750));
  left: calc(-45* (100vw /750));
}
.white_area__img02_block {
  width: calc(660* (100vw /750));
  margin: calc(80* (100vw /750)) auto 0;
}
.white_area__img02 {
  width: 100%;
  margin-bottom: calc(80* (100vw /750));
}
.white_area__img03 {
  /* width: calc(520* (100vw /750)); */
  border: solid calc(4* (100vw /750)) #19386B;
  padding: calc(15* (100vw /750));
  width: fit-content;
  margin-left: auto;
}
.white_area__img03 a {
  width: calc(480* (100vw /750));
}
.credit_wrap.credit_wrap02 {
  justify-content: left;
  width: calc(485* (100vw /750));
  margin-left: unset;
  margin-top: calc(30* (100vw /750));
  gap: 0 calc(5*(100vw / 750));
}
/*  */
.bg_yellow {
  background-color: #FFFCDE;
  padding: calc(205* (100vw /750)) 0 calc(165* (100vw /750));
}
.yellow_area__img01_border {
  border: solid calc(4* (100vw /750)) #19386B;
  padding: calc(15* (100vw /750));
}
.yellow_area__img01 {
  width: calc(555* (100vw /750));
  height: calc(740* (100vw /750));
}
.yellow_area__img01_text {
  width: calc(238* (100vw /750));
  top: calc(-69* (100vw /750));
  right: calc(-55* (100vw /750));
}
.yellow_area__img02_block {
  width: 100%;
  margin: calc(80* (100vw /750)) auto 0;
}
.yellow_area__img02 {
  width: calc(615* (100vw /750));
}
.yellow_area__img03 {
  width: calc(660* (100vw /750));
  margin-top: calc(80* (100vw /750));
  margin-left: auto;
}
.credit_wrap.credit_wrap03 {
  width: calc(495* (100vw /750));
  margin-top: calc(30* (100vw /750));
  margin-left: auto;
  margin-right: calc(30* (100vw /750));
  gap: 0 calc(5*(100vw / 750));
}
/*  */
.bg_white02 {
  padding: calc(212* (100vw /750)) 0 calc(162* (100vw /750));
}
.black_area__img01_border {
  border: solid calc(4* (100vw /750)) #19386B;
  padding: calc(15* (100vw /750));
}
.black_area__img01 {
  width: calc(555* (100vw /750));
  height: calc(740* (100vw /750));
}
.black_area__img01_text {
  width: calc(251* (100vw /750));
  top: calc(-75* (100vw /750));
  left: calc(-58* (100vw /750));
}
.black_area__img02_block {
  width: 100%;
  margin: calc(80* (100vw /750)) auto 0;
}
.sp_slide_area {
  width: 100%;
}
.sp_slide_area a {
  width: calc(600* (100vw /750));
  margin: 0 calc(15* (100vw /750));
}
.sp_slide_area a img {
  max-width: 100%;
  height: auto;
}
.credit_wrap.credit_wrap04 {
  justify-content: center;
  width: calc(500* (100vw /750));
  margin-right: auto;
  margin-top: calc(30* (100vw /750));
  gap: 0 calc(5*(100vw / 750));
}
.check_all_items {
  width: calc(570* (100vw /750));
  margin: 0 auto calc(155* (100vw /750));
}
.staff_text {
  font-size: calc(24* (100vw /750));
  margin-bottom: calc(150* (100vw /750));
}


/* 追加 */
.top_text_box {
  margin: 0 auto calc(110* (100vw /750));
}
.top_text_box__ttl {
  font-size: calc(90* (100vw /750));
  margin-bottom: calc(25* (100vw /750));
}
.top_text_box__lead {
  font-size: calc(29* (100vw /750));
  letter-spacing: 0.14em;
}

.credit_wrap div span {
  font-size: 0.9em;
  letter-spacing: 0.09em;
}

}