@charset "UTF-8";

body {
  background: #ffdb35;
}
.l-root {
  padding-top: 0;
  overflow: visible!important;
}
.p-share {
  background-color: #0d6fb8
}
.l-header {
  display: none!important;
}
.anv {
  font-family: "heisei-kaku-gothic-std", sans-serif;
  font-weight: 700;
  font-style: normal;
}
@media (min-width: 1080px) {
  .p-recommended {
      padding-top: 170px;
  }
}
@media (max-width: 1079px) {
  .p-share__list img {
      width: auto;
  }
  .l-gnav img {
    width: auto;
  }
  .p-recommended {
    overflow: hidden;
  }
}

.modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: block;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}
body.modal-open {
  overflow: hidden;
  touch-action: none;
  overscroll-behavior: none;
}
.modal[aria-hidden="false"] {
  opacity: 1;
  pointer-events: auto;
}
.modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  transition: opacity 0.4s ease;
}
.modal-panel {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -30%);
  opacity: 0;
  transition: opacity 0.4s ease, transform 0.4s ease;
  background: #ffda2e;
  border-radius: 30px;
  overflow-y: auto;
  max-width: var(--max-width, 1040px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  outline: none;
  height: calc(100vh - 8%);
  width: 90%;
}
.modal.is-opening .modal-panel {
  opacity: 1;
  transform: translate(-50%, -50%);
}
.modal.is-closing .modal-panel {
  opacity: 0;
  transform: translate(-50%, -30%);
}

.modal-close {
  position: fixed;
  right: 30px;
  margin: auto;
  width: 35px;
  height: 35px;
  border: none;
  cursor: pointer;
  z-index: 999;
  line-height: 1;
  top: 30px;
  opacity: 1;
  transition: opacity 0.4s ease, top 0.3s ease;
}
.modal.is-opening .modal-close {
  opacity: 1;
}
.modal-close.is-closing {
  opacity: 0;
}
.modal-close .u-batsu {
  width: 35px;
  height: 35px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
}
.modal-close  .u-batsu:before, .modal-close  .u-batsu:after {
  height: 35px;
  width: 4px;
  background: #fff;
}

.modal-body {
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;
  padding: 0 ;
  padding: 50px 7% 100px;
  color: #0d6fb8;
}
.gallery-slider {
  position: relative;
  margin-bottom: 60px;
}
.slider-main {
  position: relative;
  width: 100%;
  height: 409px;
  overflow: hidden;
  background: #fff;
}
.slider-main img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transform: scale(1.02);
  transition: opacity .28s ease, transform .28s ease;
}
.slider-main img.active {
  opacity: 1;
  transform: scale(1);
}
.slider-controls {
  margin: 32px auto 0;
}
.prev-slider,.next-slider {
  position: absolute;
  top: 36%;
  z-index: 10;
  cursor: pointer;
  background: none;
}
.prev-slider::before,.next-slider::before {
  content: '';
  width: 16px;
  height: 16px;
  border-top: solid 2px #008CBD;
  border-right: solid 2px #008CBD;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.prev-slider {
  display: inline-block;
  width: 58px;
  height: 58px;
  left: 2%;
}
.next-slider {
  display: inline-block;
  width: 58px;
  height: 58px;
  right: 2%;
}
.prev-slider::before {
  left: 0;
  transform: rotate(-135deg);
}
.next-slider::before {
  left: 0;
  transform: rotate(45deg);
}
.thumbnails {
  display: flex;
  -webkit-overflow-scrolling: touch;
  justify-content: center;
}
.thumbnails .thumb {
  border: 1px solid transparent;
  width: 76px;
  height: 76px;
  cursor: pointer;
  margin:  0 10px;
  padding: 0;
}
.thumbnails .thumb.active {
  border-color: #008CBD;
}

.modal-fixbtn {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 9999;
  width: 440px;
  background-color: #ffdf00;
  border: none;
}
.u-modal-kv {
  position: relative;
  margin: 0 auto;
}
/*.u-modal-inner_sp {
  padding: 30px 7% 50px;
  position: relative;
}*/
.u-modal-ttl {
  font-size: 2.8rem;
  position: relative;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 2em;
}
.u-modal-ttl span {
  font-size: 1.6rem;
  display: block;
}
.modal .u-txt {
  line-height: 2;
  font-size: 1.6rem;
}
.modal .u-txt_add {
  line-height: 1.4;
  font-size: 1rem;
}
.modal .u-lists_kome {
  font-size: calc(16vw /14);
  color: #7d7d7d;
  margin-top: 30px;
}
.u-modal-btn {
  color: #0d6fb8;
  font-size: 1.2rem;
  padding: 1.5em 0;
  background: #fff;
  border-radius: 25px;
  max-width: 213px;
  text-align: center;
  position: relative;
  margin: 30px 0 0 auto;
  transition: all .3s;
}
.u-modal-btn::after {
  display: block;
  content: '';
  position: absolute;
  right: 1.5em;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #fdd54b;
  width: 12px;
  height: 14px;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}


.modal-body {
  -ms-overflow-style: none;
  scrollbar-width: none;
  scrollbar-width: 16px;
  scrollbar-color: #3760d0;
}
.modal-body::-webkit-scrollbar {
  width: 16px;
}
.modal-body::-webkit-scrollbar-thumb {
  background: #276976;
  border-radius: 8px;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  background-clip: padding-box;
}
.modal-body::-webkit-scrollbar-track { 
  margin-top: 4px;
  margin-bottom: 4px;
  background-color: #fff;
}

@media (min-width: 1080px) {
.u-modal-btn:hover {
  cursor: pointer;
  background: #0d6fb8;
  color: #fff;
}
}

@media (max-width: 1079px) {
  .modal-panel { 
    width: calc(100% - 8%);
    height: calc(100vh - 10%);
    top: 50%;
    border-radius: 20px;
  }
  .modal-close {
    width: calc(60vw / 7.5);
    height: calc(60vw / 7.5);
    top: 20px;
    right: 5%;
  }
  .modal-close .u-batsu:before, .modal-close .u-batsu:after {
    height: calc(60vw / 7.5);
  }
  .modal-body {
    padding: 30px 5% 50px;
  }
  .gallery-slider {
    margin-bottom: 0;
  }
  .slider-main {
    height: calc(714vw / 7.5);
  }
  .slider-controls {
    margin: 20px auto 0;
  }
  .prev-slider, .next-slider {
    top: 44%;
  }
  .prev-slider {
    width: 30px;
    height: 30px;
  }
  .next-slider {
    width: 30px;
    height: 30px;
  }
  .thumbnails .thumb {
    width: 42px;
    height: 42px;
    margin:  0 5px;
  }
  .u-modal-ttl {
    font-size: 1.5rem;
    line-height: 1.5;
    margin-bottom: 1em;
  }

  .u-modal-ttl {
    font-size: 1.4rem;
    line-height: 1.6;
    margin-bottom: 2em;
  }
  .u-modal-ttl span {
    font-size: 1rem;
  }
  .modal .u-txt {
    line-height: 1.8;
    font-size: 1.2rem;
  }
  .modal .u-lists_kome {
    font-size: calc(16vw / 7.5);
  }
  .u-modal-btn {
    border-radius: calc(60vw / 7.5);
    padding: 1.6em 0;
    font-size: calc(18vw / 7.5);
    width: calc(270vw / 7.5);
    margin: 20px 0 0 auto;
  }
  .u-modal-btn::after {
    right: 2em;
    width: calc(10vw / 7.5);
    height: calc(12vw / 7.5);
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
  }

}





/* kv
//* -------------------------------------------------- */
.anv-kv {
/*  height: calc(1720vw / 14);*/
  background:#ffdb35;
  position: relative;
  overflow: hidden;
}
.anv-kv picture {
  display: block;
}
.anv-kv__ttl {
  position: absolute;
  width: calc(356vw / 14);
  top: calc(398vw / 14);
  left: calc(190vw / 14);
}
.anv-kv__txt {
  position: absolute;
  font-size: calc(18vw / 14);
  top: calc(825vw / 14);
  left: calc(192vw / 14);
  line-height: 2.5;
  color:#005faf;
}
@media screen and (min-width: 1px) and (max-width: 1079px) {
.anv-kv__ttl {
  width: calc(366vw / 7.5);
  top: calc(490vw / 7.5);
  left: calc(35vw / 7.5);
}
.anv-kv__txt {
  font-size: calc(18vw / 7.5);
  top: calc(940vw / 7.5);
  left: calc(42vw / 7.5);
}
}


/* loop
//* -------------------------------------------------- */
.anv-kv__slider01 {
  position: absolute;
  top: calc(1500vw / 14);
  left: calc(-160vw / 14);
  overflow: hidden;
  transform: rotate(30deg);
  width: 75vw;
}
.anv-kv__slider02 {
  position: absolute;
  top: calc(-100vw / 14);
  right: calc(-140vw / 14);
  overflow: hidden;
  transform: rotate(30deg);
  width: 65vw;
}
.infinite-sliderA .swiper-wrapper,
.infinite-sliderB .swiper-wrapper,
.infinite-sliderC .swiper-wrapper {
  transition-timing-function: linear;
}
.infinite-sliderA .swiper-slide,
.infinite-sliderB .swiper-slide,
.infinite-sliderC .swiper-slide {
  width: auto!important;
}
.loop-slider {
  color: #fef69c;
  font-size: calc(16vw / 14);
  padding: 1.2em 0;
  box-shadow: 0px 8px 20px -5px rgba(0, 0, 0, 0.4);
}
.loop-slider a {
  color: #fef69c;
}
.loop-slider.top {
  background-color: #0d6fb8;
  transform: rotate(-7deg)translateY(calc(50vw / 14));
  z-index: 1;
  position: relative;
  margin: calc(50vw /14) 0 calc(100vw /14);
}
.loop-slider.bottom {
  background-color: #0a4876;
  margin: calc(50vw /14) 0 calc(100vw /14);
  transform: rotate(4deg)translateY(calc(-70vw / 14));
  z-index: 0;
}
.anv-kv__slider02 .loop-slider.top {
  transform: rotate(0deg)translateY(calc(40vw / 14));
}
.anv-kv__slider02 .loop-slider.bottom {
  transform: rotate(-10deg)translateY(calc(-80vw / 14));
}
.infinite-sliderA .swiper-slide,
.infinite-sliderB .swiper-slide,
.infinite-sliderC .swiper-slide {
  padding: 0 calc(15vw /14);
}

@media (min-width: 1080px) {
.loop-slider a:hover {
  cursor: pointer;
  color: #fff;
}
}
@media screen and (min-width: 1px) and (max-width: 1079px) {
.anv-kv__slider01 {
  top: inherit;
  bottom: calc(30vw / 7.5);
  left: calc(-50vw / 7.5);
  transform: rotate(-20deg);
  width: 180vw;
}
.anv-kv__slider02 {
  top: calc(-120vw / 7.5);
  left: calc(-80vw / 7.5);
  right: inherit;
  transform: rotate(-20deg);
  width: 75vw;
}
.loop-slider {
  font-size: calc(16vw / 7.5);
}
.loop-slider.top {
  transform: rotate(-10deg)translateY(calc(50vw / 7.5));
  margin: calc(50vw /7.5) 0 calc(100vw /7.5);
}
.loop-slider.bottom {
  margin: calc(50vw /7.5) 0 calc(100vw /7.5);
  transform: rotate(4deg)translateY(calc(-70vw / 7.5));
}
.anv-kv__slider02 .loop-slider.top {
  transform: rotate(-20deg)translateY(calc(50vw / 7.5));
}
.anv-kv__slider02 .loop-slider.bottom {
  transform: rotate(5deg)translateY(calc(-80vw / 7.5));
}
.infinite-sliderA .swiper-slide,
.infinite-sliderB .swiper-slide,
.infinite-sliderC .swiper-slide {
  padding: 0 calc(15vw /7.5);
}

}

/* loop
//* -------------------------------------------------- */
/*.loops {
  padding: calc(50vw /14) 0 calc(100vw /14);
  position: relative;
}
.loop-slider {
  display: flex;
  overflow: hidden;
  white-space: nowrap;
  color: #fef69c;
  font-size: calc(16vw / 14);
  padding: 1.2em 0;
  box-shadow: 0px 8px 20px -5px rgba(0, 0, 0, 0.4);
}
.loop-slider.top {
  background-color: #0d6fb8;
  transform: rotate(-7deg)translateY(calc(50vw / 14));
  z-index: 1;
  position: relative;
}
.loop-slider.bottom {
  background-color: #0a4876;
  transform: rotate(4deg);
  z-index: 0;
}
.anv-kv__slider02 .loop-slider.top {
  transform: rotate(0deg)translateY(calc(40vw / 14));
}
.anv-kv__slider02 .loop-slider.bottom {
  transform: rotate(-10deg)translateX(calc(-60vw / 14));
}
.loop-track {
  display: flex;
  padding: 0 calc(10vw /14);
  align-items: center;
  animation: loop 30s linear infinite;
}
.loop-slider.bottom .loop-track {
  animation-direction: reverse;
}
.loop-track .item {
  flex: 0 0 auto;
  padding: 0 1rem;
}
.item {
  flex: 0 0 auto;
  padding: 0 2rem;
}
@keyframes loop {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}
*/

/*@media screen and (min-width: 1px) and (max-width: 1079px) {
  .loops {
    padding: 30px 0;
  }
  .loop-slider.bottom {
    margin-top: 30px;
  }
  .loop-track {
    animation: loop 45s linear infinite;
  }
  .loop-track .item {
    flex: 0 0 auto;
    padding: 0 1rem;
    font-size: calc(40vw /7.5);
  }
  .item .loop-img1 {
    width: calc(153vw /7.5);
    width: 77px;
  }
  .item .loop-img2 {
    width: calc(94vw /7.5);
    width: 47px;
  }
  .item .loop-img3 {
    width: calc(105vw /7.5);
    width: 54px;
  }
}
*/

.anv-confetti {
  pointer-events: none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.anv-confetti canvas {
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  inset:0;
}




.anv-container {
  margin-top: -42px;
}
.c-stBlock {
  width: 100%;
  height: 100vh;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
.c-stBlock:not(.c-stBlock__first) {
  padding-top: 60px;
}
.anv-file {
  line-height: 1;
  padding: 1em 0 1.8em;
  margin: 0;
  font-size: calc(16vw / 14);
  font-size: 16px;
  color: #027edb;
  position: relative;
  width: 187px;
  text-align: center;
  background: url(./img/bg_file.png) no-repeat top left;
  background-size: 100% auto;
  z-index: 1;
  text-indent: -2em;
  letter-spacing: 0.04em;
}
.anv-ttl {
  margin: -20px 0 0;
  overflow-x: hidden;
  position: relative;
}
.anv-ttl h2 {
  background: #fff07c;
  padding: 1.3em 8% 1.3em 115px;
  font-size: calc(24vw / 14);
  font-size: 24px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-radius: 0 65px 0 0;
  line-height: 1;
  color: #0d6fb8;
  position: relative;
  width: 101%;
  margin-top: 1px;
}
.anv-ttl span {
  position: relative;
  padding-left: calc(84vw / 14);
}
.anv-ttl span::before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(./img/ico_ribon.svg) no-repeat;
  background-size: 100% auto;
  width: calc(54vw / 14);
  height: calc(28vw / 14);
  max-width: 54px;
  max-height: 28px;
}

.anv-content{
  flex:0 0 auto;
  width:100%;
  background:#ccc;
  overflow: hidden;
}
.anv-content a {
  display:block;
  width:100%;
  height:100%;
  overflow:hidden;
  position: relative;
  height: calc(100vh - 130px);
}
.anv-content img {
  display:block;
  width:100%;
  height:100%;
  height: auto;
  object-fit:cover;
  transform-origin:center;
  will-change:transform;
  height: calc(100vh - 60px);
  transform: scale(1.3);
}
.c-stBlock.is-inview .anv-content img {
  transform: scale(1.3);
  animation: zoomImg 3s ease-out forwards;
}
@keyframes zoomImg {
  0%   { transform: scale(1.3); }
  60% { transform: scale(1); }
  100% { transform: scale(1); }
}

.c-stBlock.is-stuck .anv-ttl:before {
  display: block;
  content: '';
  width: 186px;
  height: 2px;
  background: #fff07c;
  top: 1px;
  left: 0;
  position: absolute;
  z-index: 1;
}



@media screen and (min-width: 1px) and (max-width: 1079px) {
.anv-container {
  margin-top: -20px;
}
.c-stBlock {
  height: 64.333vw;
}
.anv-content a {
  height: calc(61.333vw - 38px);
}
.anv-content img {
  height: calc(61.333vw - 38px);
}
.c-stBlock.is-inview .anv-content img {
  transform: scale(1.3);
  animation: zoomImg 3s .5s ease-out forwards;
}
.c-stBlock:not(.c-stBlock__first) {
  padding-top: 38px;
}
.anv-file {
  font-size: 10px;
  width: 95px;
}
.anv-ttl {
  margin: -17px 0 0;
}
.anv-ttl h2 {
  padding: 1.3em 3%;
  font-size: 13px;
  border-width: 1px;
  border-radius: 0 30px 0 0;
}
.anv-ttl span {
  padding-left: 40px;
}
.anv-ttl span::before {
  width: 27px;
  height: 14px;
}
.c-stBlock.is-stuck .anv-ttl:before {
    width: 94px;
}
}



/* UI */
.anv-ui{
  position: fixed;
  top: 10px;
  right: 20px;
  z-index: 99;
}
.anv-btn {
  background: #000;
  color :#fff;
  border-radius: calc(30vw / 14);
  padding: 1.8em 0;
  cursor: pointer;
  user-select: none;
  font-size: calc(12vw / 14);
  width: calc(216vw / 14);
  text-align: center;
}
.anv-btn::after {
  display: block;
  content: '';
  position: absolute;
  right: 2em;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #f0d834;
  width: calc(7vw / 14);
  height: calc(9vw / 14);
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
/* list mode(一覧) */
.anv-container.is-list .anv-container__pinwrap {
  height:auto;
  margin-top: -10px;
  overflow:visible;
}
.anv-container.is-list .anv-section{
  position:relative;
  inset:auto;
  height:auto;
}
.anv-container.is-list .anv-section__pin {
  display:block;
  height:auto;
  background:transparent;
}
.anv-container.is-list .anv-ttl {
  display:block;
  margin:0;
  width:100%;
  cursor:pointer;
  border-radius: 0;
  border-bottom: none;
}
.anv-container.is-list .anv-ttl::after {
  display: block;
  content: '';
  position: absolute;
  right: 5%;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #000;
  width: calc(8vw / 14);
  height: calc(6vw / 14);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.anv-container.is-list .anv-content{
  height:0;
  overflow:hidden;
  padding:0;
  margin:0;
}

@media screen and (min-width: 1px) and (max-width: 1079px) {
.anv-ui{
  top: calc(-60vw / 7.5);
  right: 3%;
}
.anv-btn {
  border-radius: calc(60vw / 7.5);
  padding: 1.8em 0;
  font-size: calc(16vw / 7.5);
  width: calc(270vw / 7.5);
}
.anv-btn::after {
  right: 2em;
  width: calc(7vw / 7.5);
  height: calc(9vw / 7.5);
}
}




.anv-content__btn {
  position: absolute;
  bottom: 4%;
  right: 2%;
  color: #0d6fb8;
  font-size: calc(12vw / 14);
  padding: 1.2em 0;
  background: #fff;
  border-radius: 30px;
  width: calc(213vw / 14);
  text-align: center;
  transition: all .3s;
}
.anv-content__btn::after {
  display: block;
  content: '';
  position: absolute;
  right: 1.5em;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #fdd54b;
  width: calc(12vw / 14);
  height: calc(14vw / 14);
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
/*@media (min-width:ď1080px) {
.anv-container.is-paper .anv-content a:hover .anv-content__btn {
  cursor: pointer;
  background: #0d6fb8;
  color: #fff;
}
}*/
@media screen and (min-width: 1px) and (max-width: 1079px) {
.anv-content__btn {
  bottom: 4%;
  right: 2%;
  font-size: calc(12vw / 7.5);
  padding: 1.2em 0;
  border-radius: calc(21vw / 7.5);
  width: calc(213vw / 7.5);
}
.anv-content__btn::after {
  right: 1.5em;
  width: calc(12vw / 7.5);
  height: calc(14vw / 7.5);
}

}



.anv-cmsn {
  flex:0 0 auto;
  padding: 1.5em 0;
  background: #000;
  margin: 0 auto;
  font-size: 20px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  line-height: 1;
  color: #cbcbcb;
  padding-left: calc(188vw / 14);
  letter-spacing: 0.05em;
  position: relative;
}

.anv-links {
  padding: 90px 0;
}
.anv-links a {
  position: relative;
  display: block;
  max-width: 400px;
  background: #fff07c;
  color: #3585ae;
  font-size: 14px;
  margin: 0 auto;
  text-align: center;
  padding: 2em 0 1.8em;
  border-radius: 50px;
  border: 1px solid #fff;
  box-shadow: 10px 10px 0px -4px #0d6fb8;
}
.anv-links a:hover {
  transform: translateY(4px);
  box-shadow: none;
}
.anv-links a::before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: -14px;
  right: 0;
  margin: auto;
  background: url(./img/ico_ribon.svg) no-repeat;
  background-size: 100% auto;
  width: 58px;
  height: 29px;
}
.anv-links span {
  position: relative;
  display: block;
}
.anv-links span::after {
  display: block;
  content: '';
  position: absolute;
  right: 1.5em;
  top: 0;
  bottom: 0;
  margin: auto;
  background-color: #000;
  width: calc(6vw / 14);
  height: calc(8vw / 14);
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}

@media screen and (min-width: 1px) and (max-width: 1079px) {
.anv-cmsn {
  padding: 1.5em 0;
  font-size: 16px;
  padding-left: 1em;
  margin: 0 auto;
}
.anv-links {
  padding: 45px 0;
}
.anv-links a {
  max-width: 570px;
  width: calc(570vw /7.5);
  font-size: calc(20vw /7.5);
  padding: 2em 0 1.8em;
  border-radius: calc(50vw /7.5);
  box-shadow: 9px 9px 0px -4px #027edb;
}
.anv-links a::before {
  top: -14px;
  width: calc(83vw /7.5);
  height: calc(42vw /7.5);
}
.anv-links span::after {
  right: 1.5em;
  width: calc(6vw / 7.5);
  height: calc(8vw / 7.5);
}
}




#modal__monchicchi.modal .u-modal-ttl02,
#modal__squishyMascot.modal .u-modal-ttl02 {
  line-height: 1.6;
  font-size: 2.4rem;
}
#modal__monchicchi.modal .u-modal-img,
#modal__squishyMascot.modal .u-modal-img {
  margin-left: auto;
  margin-right: auto;
}
#modal__monchicchi.modal .u-flex p {
  line-height: 1.6;
}
.bg_blue {
  background: #0d6fb8;
  border-radius: 30px;
  color: #fff;
}
.u-modal-content {
  padding: 30px 7%;
}
.u-modal-content__ttl {
  text-align: center;
  background: #fff07c;
  border-radius: 24px;
  line-height: 1;
  font-size: 2rem;
  color: #0d6fb8;
  padding: .8em 2em;
  margin: 0 auto;
  font-weight: bold;
  max-width: 463px;
}
.u-modal-content__section {
  padding: 40px 0;
}
.u-modal-content__section:not(:last-child) {
  border-bottom: 1px solid #fff07c;
}
.u-modal-content__section--ttl {
  font-size: 2rem;
  color: #fff07c;
  font-weight: bold;
  line-height: 1.3;
}
.u-modal-content__section--ttl span {
  font-size: 3rem;
}
.u-modal-content .u-txt_sm {
  line-height: 1.8;
}
.u-modal-content .u-lists_ten {
  font-size: 1.4rem;
  line-height: 2;
}
.u-modal-content .u-lists_ten li {
  margin-top: .5em;
}

@media screen and (min-width: 1px) and (max-width: 1079px) {
#modal__squishyMascot.modal .u-modal-ttl02,
#modal__monchicchi.modal .u-modal-ttl02 {
  font-size: 1.4rem;
}
.bg_blue {
  border-radius: 15px;
}
.u-modal-content {
  padding: 20px 5%;
}
.u-modal-content__ttl {
  border-radius: 20px;
  font-size: 1.4rem;
  padding: .8em 2em;
  max-width: 260px;
}
.u-modal-content__section {
  padding: 20px 0;
}
.u-modal-content__section:not(:last-child) {
  border-bottom: 1px solid #fff07c;
}
.u-modal-content__section--ttl {
  font-size: 1.2rem;
}
.u-modal-content__section--ttl span {
  font-size: 2.2rem;
}
.u-modal-content .u-txt_sm {
  line-height: 1.6;
}
.u-modal-content .u-lists_ten {
  font-size: 1rem;
  line-height: 1.6;
}
}