@charset "UTF-8";

* {
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight: 400;
  font-style: normal;
}

body {
  background-color: #FFD139;
  opacity: 1;
  background-image: -webkit-linear-gradient(45deg, #F4C735 6%, transparent 6%, transparent 94%, #F4C735 94%), -webkit-linear-gradient(315deg, #F4C735 6%, transparent 6%, transparent 94%, #F4C735 94%), -webkit-linear-gradient(45deg, #F4C735 6%, transparent 6%, transparent 94%, #F4C735 94%), -webkit-linear-gradient(315deg, #F4C735 6%, transparent 6%, transparent 94%, #F4C735 94%);
  background-image: linear-gradient(45deg, #F4C735 6%, transparent 6%, transparent 94%, #F4C735 94%), linear-gradient(135deg, #F4C735 6%, transparent 6%, transparent 94%, #F4C735 94%), linear-gradient(45deg, #F4C735 6%, transparent 6%, transparent 94%, #F4C735 94%), linear-gradient(135deg, #F4C735 6%, transparent 6%, transparent 94%, #F4C735 94%);
  background-position: 0 0, 0 0, 52px 52px, 52px 52px;
  background-size: 104px 104px;
  background-repeat: repeat;
}

html {
  height: 100%;
  overflow-x: hidden;
}

img {
  width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

a {
  text-decoration: none;
}

a:hover {
  opacity: 0.8;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.bg_main-color {
  background: #FFD139 !important;
}

.bg_sub-color {
  background: #F4C735 !important;
}

.bg_bg-color {
  background: #E8F6FF !important;
}

.text-color {
  color: #222222 !important;
}

.main-color {
  color: #FFD139 !important;
}

.sub-color {
  color: #F4C735 !important;
}

.blue {
  color: #5099F2 !important;
}

.yellow {
  color: #F4C735 !important;
}

.d_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.justify_center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.justify_between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.justify_around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.align_items_center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.contents_wrapper {
  position: relative;
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}

label {
  cursor: pointer;
}

.main_visual {
  position: relative;
  width: 100%;
  height: clamp(588px, 79.1vw, 1520px);
}

.main_visual .illust_cloud img {
  position: absolute;
  top: clamp(11.5px, 3.125vw, 60px);
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  aspect-ratio: 320/163;
  width: clamp(412px, 104vw, 2003px);
  height: auto;
  z-index: -1;
}

.main_visual .illust_cloud_section img {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -2;
}

.main_visual .main_visual_inner {
  position: relative;
  width: clamp(375px, 93.75vw, 1800px);
  height: clamp(569px, 79.1vw, 1520px);
  margin: 0 auto;
}

.main_visual .main_visual_inner .illust_human img {
  position: absolute;
}

.main_visual .main_visual_inner .illust_human:nth-of-type(1) img {
  top: clamp(187px, 23.85vw, 458px);
  left: clamp(-42px, -2.1vw, -23px);
  aspect-ratio: 377/824;
  width: clamp(99px, 19.37vw, 372px);
  height: auto;
}

.main_visual .main_visual_inner .illust_human:nth-of-type(2) img {
  top: clamp(237px, 36.92vw, 709px);
  right: clamp(-48px, -2.5vw, -27px);
  aspect-ratio: 99/229;
  width: clamp(98px, 18.69vw, 359px);
  height: auto;
  z-index: 2;
}

.main_visual .main_visual_inner h1.catch_copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  margin: 0;
  padding-top: clamp(20px, 5.21vw, 100px);
}

.main_visual .main_visual_inner h1.catch_copy img {
  aspect-ratio: 25/11;
  width: clamp(319px, 54.5vw, 1047px);
  height: auto;
}

.main_visual .main_visual_inner .catch_copy_sub {
  text-align: center;
  font-size: clamp(12px, 1.3vw, 25px);
  line-height: 2;
  letter-spacing: 0.18em;
  margin-top: clamp(30px, 2.23vw, 43px);
}

.main_visual .main_visual_inner .quote h2 {
  text-align: center;
  font-size: clamp(14px, 1.82vw, 35px);
  line-height: 2;
  letter-spacing: 0.18em;
  margin-top: clamp(29px, 4vw, 77px);
}

.main_visual .main_visual_inner .quote h2 .ruby_word {
  position: relative;
  font-size: clamp(14px, 1.82vw, 35px);
  letter-spacing: 0.18em;
}

.main_visual .main_visual_inner .quote h2 .ruby_word::after {
  content: "・・・";
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: clamp(14px, 1.82vw, 35px);
  line-height: 0.18;
  letter-spacing: 0.18em;
  white-space: nowrap;
}

.main_visual .main_visual_inner .quote .quote_inner {
  position: relative;
  width: clamp(335px, 79.1vw, 1520px);
  margin: 0 auto;
  margin-top: clamp(38px, 6.9vw, 133px);
  padding: clamp(30px, 4.3vw, 83px) clamp(22px, 1.77vw, 36px) clamp(25px, 3.8vw, 73px);
  background: rgba(255, 255, 255, 0.8);
  border-radius: clamp(9px, 2.3vw, 45px);
  border: clamp(0.8px, 0.2vw, 4px) solid #F4C735;
  z-index: 3;
}

.main_visual .main_visual_inner .quote .quote_inner h3.quote_ttl {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.main_visual .main_visual_inner .quote .quote_inner h3.quote_ttl img {
  aspect-ratio: 112/33;
  width: clamp(121px, 21.5vw, 413px);
  height: auto;
}

.main_visual .main_visual_inner .quote .quote_inner ul.todays_word li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  font-size: clamp(12px, 1.82vw, 35px);
  line-height: 2;
  letter-spacing: 0.05em;
}

.content_block {
  position: relative;
  width: 100%;
}

.content_block .content_inner {
  max-width: clamp(335px, 79.1vw, 1520px);
  margin: 0 auto;
  position: relative;
}

.content_block:nth-of-type(1) {
  background: #ffffff;
}

.content_block:nth-of-type(1) .illust_cloud img {
  position: absolute;
  top: clamp(-120px, -6.25vw, -34px);
  right: -4.1vw;
  aspect-ratio: 146/75;
  width: clamp(400px, 101.7vw, 1953px);
  height: auto;
  z-index: 1;
}

.content_block:nth-of-type(1) h2 {
  text-align: center;
  font-size: clamp(17px, 2.8vw, 55px);
  line-height: 1.66;
  letter-spacing: 0.15em;
}

.content_block:nth-of-type(1) .speech_bubble {
  position: relative;
  width: 100%;
  height: 34.6vw;
  margin-top: clamp(19px, 3.8vw, 73.2px);
}

.content_block:nth-of-type(1) .speech_bubble .speech_bubble_item {
  position: absolute;
}

.content_block:nth-of-type(1) .speech_bubble .speech_bubble_item:nth-of-type(1) {
  top: 0;
  left: 0;
  aspect-ratio: 702/467;
  width: clamp(210px, 36.5vw, 702px);
  height: auto;
  z-index: 1;
}

.content_block:nth-of-type(1) .speech_bubble .speech_bubble_item:nth-of-type(2) {
  top: 1vw;
  right: 13vw;
  aspect-ratio: 661/408;
  width: clamp(204px, 34.3vw, 660px);
  height: auto;
  z-index: 3;
}

.content_block:nth-of-type(1) .speech_bubble .speech_bubble_item:nth-of-type(3) {
  bottom: 0;
  left: 19vw;
  aspect-ratio: 581/424;
  width: clamp(172px, 30.2vw, 581px);
  height: auto;
  z-index: 2;
}

.content_block:nth-of-type(1) .speech_bubble .speech_bubble_item:nth-of-type(4) {
  bottom: 1vw;
  right: 0;
  aspect-ratio: 645/386;
  width: clamp(227px, 33.9vw, 651px);
  height: auto;
  z-index: 4;
}

.content_block:nth-of-type(1) .speech_bubble .speech_bubble_item img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
  object-fit: fill;
  display: block;
}

.content_block:nth-of-type(1) .speech_bubble .speech_bubble_item p {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  padding: 1.5rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: clamp(12px, 1.56vw, 30px);
  line-height: 1.33;
  letter-spacing: 0.1em;
}

.content_block:nth-of-type(2) {
  background: #E8F6FF;
  padding-top: clamp(51px, 13.6vw, 262px);
}

.content_block:nth-of-type(2)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(../images/cloud-section02.svg);
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 300/41;
  width: 100%;
  height: auto;
}

.content_block:nth-of-type(2) .content_inner {
  padding-top: clamp(74px, 12.65vw, 243px);
}

.content_block:nth-of-type(2) .content_inner .message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.content_block:nth-of-type(2) .content_inner .message .message_ttl img {
  aspect-ratio: 30/13;
  width: clamp(287px, 37.9vw, 728px);
  height: auto;
}

.content_block:nth-of-type(2) .content_inner .message .message_ttl::before {
  content: "";
  position: absolute;
  top: clamp(-139px, -7.2vw, -26px);
  left: clamp(-160px, -8.3vw, -44px);
  background-image: url(../images/cloud03.svg);
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 16/10;
  width: clamp(69px, 15.7vw, 302px);
  height: auto;
}

.content_block:nth-of-type(2) .content_inner .message .message_illust {
  margin-right: -5vw;
}

.content_block:nth-of-type(2) .content_inner .message .message_illust img {
  aspect-ratio: 143/80;
  width: clamp(236px, 44.6vw, 857px);
  height: auto;
}

.content_block:nth-of-type(2) .content_inner .message_txt {
  z-index: 1;
}

.content_block:nth-of-type(2) .content_inner .message_txt::after {
  content: "";
  position: absolute;
  bottom: -7vw;
  right: 0;
  background-image: url(../images/sun.svg);
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 151/150;
  width: clamp(47px, 8.69vw, 167px);
  height: auto;
}

.content_block:nth-of-type(2) .content_inner .message_txt p {
  font-size: clamp(12px, 1.3vw, 25px);
  line-height: 2;
  letter-spacing: 0.1em;
  padding-top: clamp(34px, 2.5vw, 48px);
}

.content_block:nth-of-type(2) .content_inner .message_txt p:nth-of-type(1) {
  padding-top: clamp(35px, 6.1vw, 118px);
}

.content_block:nth-of-type(3) {
  padding-top: clamp(150px, 20.6vw, 396px);
  padding-bottom: clamp(70px, 13.8vw, 265px);
}

.content_block:nth-of-type(3) .media dl.media_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.content_block:nth-of-type(3) .media .media_box {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: clamp(260px, 36.45vw, 700px);
  background: #ffffff;
  border-radius: clamp(21.8px, 3.1vw, 60px);
  padding: clamp(44px, 5.4vw, 104px) clamp(20px, 2.6vw, 50px) clamp(27px, 3.5vw, 68px);
}

.content_block:nth-of-type(3) .media .media_box:nth-of-type(1),
.content_block:nth-of-type(3) .media .media_box:nth-of-type(2) {
  margin-bottom: clamp(114px, 30.7vw, 591px);
}

.content_block:nth-of-type(3) .media .media_box:nth-of-type(1)::before {
  content: "";
  position: absolute;
  top: -22.3vw;
  left: clamp(-107px, -5.57vw, -2px);
  background-image: url(../images/deco-item01.svg);
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 107/150;
  width: clamp(62px, 11.9vw, 229px);
  height: auto;
}

.content_block:nth-of-type(3) .media .media_box:nth-of-type(1)::after {
  content: "";
  position: absolute;
  bottom: clamp(-166px, -8.59vw, -17px);
  right: -3.6vw;
  background-image: url(../images/deco-item02.svg);
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 26/25;
  width: clamp(51px, 10.7vw, 206px);
  height: auto;
  z-index: -1;
}

.content_block:nth-of-type(3) .media .media_box:nth-of-type(2)::before {
  content: "";
  position: absolute;
  top: clamp(-442px, -23vw, -106px);
  right: clamp(-189px, -9.8vw, -55px);
  background-image: url(../images/human04.svg);
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 303/884;
  width: clamp(83px, 15.5vw, 299px);
  height: auto;
  z-index: -1;
}

.content_block:nth-of-type(3) .media .media_box:nth-of-type(3)::before {
  content: "";
  position: absolute;
  top: -27.1vw;
  left: clamp(-194px, -10.1vw, -11px);
  background-image: url(../images/human05.svg);
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 55/134;
  width: clamp(103px, 22.5vw, 433px);
  height: auto;
  z-index: -1;
}

.content_block:nth-of-type(3) .media .media_box:nth-of-type(4)::before {
  content: "";
  position: absolute;
  top: clamp(-234px, -12.1vw, -77px);
  right: -1.6vw;
  background-image: url(../images/deco-item03.svg);
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 51/50;
  width: clamp(86px, 15.8vw, 305px);
  height: auto;
  z-index: -1;
}

.content_block:nth-of-type(3) .media .media_box:nth-of-type(4)::after {
  content: "";
  position: absolute;
  bottom: clamp(-147px, -7.6vw, -45px);
  right: clamp(-181px, -9.4vw, -48px);
  background-image: url(../images/deco-item04.svg);
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 139/150;
  width: clamp(79px, 14vw, 270px);
  height: auto;
  z-index: -1;
}

.content_block:nth-of-type(3) .media .media_box .media_ttl {
  position: absolute;
  top: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 clamp(23px, 3.2vw, 63px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: clamp(20px, 2.8vw, 54px);
  line-height: 1.66;
  letter-spacing: 0.05em;
  color: #5099F2;
}

.content_block:nth-of-type(3) .media .media_box .media_ttl_deco {
  position: absolute;
  top: clamp(-222px, -11.5vw, -80px);
  left: clamp(-15px, -0.78vw, -5px);
  aspect-ratio: 15/7;
  width: 100%;
  height: auto;
}

.content_block:nth-of-type(3) .media .media_box .media_ttl_deco img {
  position: relative;
  width: 100%;
  height: auto;
  display: block;
  z-index: -1;
}

.content_block:nth-of-type(3) .media .media_box .media_tmb {
  position: relative;
}

.content_block:nth-of-type(3) .media .media_box .media_tmb img {
  border-radius: clamp(11px, 1.56vw, 30px);
}

.content_block:nth-of-type(3) .media .media_box dd {
  margin-top: clamp(15px, 1.4vw, 27px);
  font-size: clamp(11px, 1.56vw, 30px);
  line-height: 1.63;
  letter-spacing: 0.05em;
}

.content_block:nth-of-type(3) .media_btn {
  position: relative;
  margin-top: clamp(35px, 7.8vw, 150px);
}

.content_block:nth-of-type(3) .media_btn::before,
.content_block:nth-of-type(3) .media_btn::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.content_block:nth-of-type(3) .media_btn a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  line-height: 1;
  background: #5099F2;
  border-radius: 50rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: clamp(13px, 1.82vw, 35px);
  line-height: 1.14;
  letter-spacing: 0.15em;
  color: #ffffff;
  padding: clamp(6.5px, 1.3vw, 25px) clamp(6.5px, 1.3vw, 25px) clamp(6.5px, 1.3vw, 25px) clamp(23px, 3.3vw, 65px);
  overflow: hidden;
  z-index: 0;
  -webkit-transition: color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out;
}

.content_block:nth-of-type(3) .media_btn a::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  right: clamp(18px, 3.9vw, 76px);
  width: 1400px;
  height: 1400px;
  border-radius: 50%;
  background: #ffffff;
  -webkit-transform: translate(50%, -50%) scale(0);
  transform: translate(50%, -50%) scale(0);
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
  pointer-events: none;
}

.content_block:nth-of-type(3) .media_btn a::after {
  content: "\e800";
  font-family: "fontello";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #5099F2;
  background: #ffffff;
  margin-left: clamp(12px, 1.6vw, 32px);
  width: clamp(25px, 5.2vw, 100px);
  height: clamp(25px, 5.2vw, 100px);
  border-radius: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.content_block:nth-of-type(3) .media_btn a:hover {
  color: #5099F2;
  opacity: 1;
}

.content_block:nth-of-type(3) .media_btn a:hover::before {
  -webkit-transform: translate(50%, -50%) scale(1);
  transform: translate(50%, -50%) scale(1);
}

.content_block:nth-of-type(4) {
  padding-top: clamp(69px, 9vw, 174px);
  padding-bottom: clamp(70px, 13.8vw, 265px);
  /* 背景色切り替え */
  background-color: #FFF0BE;
  opacity: 1;
  background-image: -webkit-linear-gradient(45deg, #FFF7DE 6%, transparent 6%, transparent 94%, #FFF7DE 94%), -webkit-linear-gradient(315deg, #FFF7DE 6%, transparent 6%, transparent 94%, #FFF7DE 94%), -webkit-linear-gradient(45deg, #FFF7DE 6%, transparent 6%, transparent 94%, #FFF7DE 94%), -webkit-linear-gradient(315deg, #FFF7DE 6%, transparent 6%, transparent 94%, #FFF7DE 94%);
  background-image: linear-gradient(45deg, #FFF7DE 6%, transparent 6%, transparent 94%, #FFF7DE 94%), linear-gradient(135deg, #FFF7DE 6%, transparent 6%, transparent 94%, #FFF7DE 94%), linear-gradient(45deg, #FFF7DE 6%, transparent 6%, transparent 94%, #FFF7DE 94%), linear-gradient(135deg, #FFF7DE 6%, transparent 6%, transparent 94%, #FFF7DE 94%);
  background-position: 0 0, 0 0, 52px 52px, 52px 52px;
  background-size: 104px 104px;
  background-repeat: repeat;
}

.content_block:nth-of-type(4) .sns .sns_ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: clamp(35px, 3vw, 58px);
}

.content_block:nth-of-type(4) .sns .sns_ttl:nth-of-type(1) img {
  aspect-ratio: 300/107;
  width: clamp(159px, 24.3vw, 467px);
  height: auto;
}

.content_block:nth-of-type(4) .sns .sns_ttl:nth-of-type(2) img {
  aspect-ratio: 150/73;
  width: clamp(135px, 19.6vw, 378px);
  height: auto;
}

.content_block:nth-of-type(4) .sns .sns_ttl:nth-of-type(3) img {
  aspect-ratio: 14/5;
  width: clamp(184px, 29.4vw, 565px);
  height: auto;
}

.content_block:nth-of-type(4) .sns .sns_box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.content_block:nth-of-type(4) .sns .sns_box:nth-of-type(1),
.content_block:nth-of-type(4) .sns .sns_box:nth-of-type(2) {
  margin-bottom: clamp(49px, 5.1vw, 98px);
}

.content_block:nth-of-type(4) .sns .sns_box:nth-of-type(1) .sns_tmb {
  position: relative;
  width: clamp(260px, 36.45vw, 700px);
}

.content_block:nth-of-type(4) .sns .sns_box:nth-of-type(1)::before {
  content: "";
  position: absolute;
  top: -10.4vw;
  left: -7.1vw;
  background-image: url(../images/deco-item05.svg);
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 5/6;
  width: clamp(51px, 10.4vw, 200px);
  height: auto;
}

.content_block:nth-of-type(4) .sns .sns_box:nth-of-type(2) .sns_tmb {
  width: clamp(195px, 23.1vw, 445px);
}

.content_block:nth-of-type(4) .sns .sns_box:nth-of-type(2)::after {
  content: "";
  position: absolute;
  top: -16vw;
  right: -6.8vw;
  background-image: url(../images/deco-item06.svg);
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 73/75;
  width: clamp(62px, 11.8vw, 228px);
  height: auto;
}

.content_block:nth-of-type(4) .sns .sns_box:nth-of-type(3) .sns_tmb {
  width: clamp(195px, 23.1vw, 445px);
}

.content_block:nth-of-type(4) .sns .sns_box:nth-of-type(3)::before {
  content: "";
  position: absolute;
  top: clamp(-133px, -6.9vw, -38px);
  left: 0.8vw;
  background-image: url(../images/deco-item07.svg);
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 47/25;
  width: clamp(81px, 14.5vw, 280px);
  height: auto;
}

.content_block:nth-of-type(4) .sns .sns_box:nth-of-type(3)::after {
  content: "";
  position: absolute;
  bottom: -7.9vw;
  right: -6.6vw;
  background-image: url(../images/deco-item08.svg);
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 16/15;
  width: clamp(56px, 12.1vw, 234px);
  height: auto;
}

.content_block:nth-of-type(4) .sns .sns_box .sns_tmb {
  max-width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background: #FFD139;
  padding: clamp(8.7px, 1vw, 20px);
  border-radius: clamp(20px, 1.56vw, 30px);
  z-index: 1;
}

.content_block:nth-of-type(4) .sns .sns_box .sns_tmb .sns_tmb_youtube {
  width: 100%;
  aspect-ratio: 16/9;
}

.content_block:nth-of-type(4) .sns .sns_box .sns_tmb .sns_tmb_youtube iframe {
  width: 100%;
  height: 100%;
  border-radius: clamp(13px, 1vw, 20px);
}

.content_block:nth-of-type(4) .sns .sns_box .sns_tmb .sns_tmb_tiktok {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 177.78%;
  overflow: hidden;
}

.content_block:nth-of-type(4) .sns .sns_box .sns_tmb .sns_tmb_tiktok .tiktok-embed,
.content_block:nth-of-type(4) .sns .sns_box .sns_tmb .sns_tmb_tiktok iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  border: none;
  border-radius: clamp(13px, 1vw, 20px);
  margin: 0;
}

.content_block:nth-of-type(4) .sns .sns_box .sns_tmb .sns_tmb_instagram {
  width: 100%;
  aspect-ratio: 9/16;
}

.content_block:nth-of-type(4) .sns .sns_box .sns_tmb .sns_tmb_instagram iframe,
.content_block:nth-of-type(4) .sns .sns_box .sns_tmb .sns_tmb_instagram img {
  width: 100%;
  height: 100%;
  border-radius: clamp(13px, 1vw, 20px);
}

.illust_landscape {
  position: relative;
  margin-top: clamp(-277px, -14.4vw, 48px);
}

.illust_landscape img {
  aspect-ratio: 112/75;
  width: 100%;
  height: auto;
}

footer {
  background: #ffffff;
}

footer .footer_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: clamp(50px, 5.72vw, 110px);
}

footer .footer_logo {
  width: clamp(85px, 11vw, 213px);
  height: auto;
  margin-left: clamp(15px, 3.125vw, 60px);
}

footer .copy small {
  font-weight: 400;
  margin-left: clamp(30px, 5.15vw, 99px);
  font-size: clamp(7px, 0.7vw, 14px);
}

header {
  background: #ffffff;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}

header .header_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: clamp(50px, 6.25vw, 120px);
}

header .header_inner .header_logo {
  width: clamp(85px, 11vw, 213px);
  height: auto;
  margin-left: clamp(15px, 3.125vw, 60px);
}

*,
::after,
::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

::after,
::before {
  text-decoration: inherit;
  vertical-align: inherit;
}

html {
  cursor: default;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-tap-highlight-color: transparent;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  word-break: break-word;
}

body {
  margin: 0;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
  margin: 0;
}

ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0;
}

hr {
  height: 0;
  overflow: visible;
}

main {
  display: block;
}

nav ol,
nav ul {
  list-style: none;
  padding: 0;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

audio,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

iframe {
  border-style: none;
}

img {
  border-style: none;
}

svg:not([fill]) {
  fill: currentColor;
}

svg:not(:root) {
  overflow: hidden;
}

table {
  border-collapse: collapse;
}

button,
input,
select {
  margin: 0;
}

button {
  overflow: visible;
  text-transform: none;
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

fieldset {
  border: 1px solid #a0a0a0;
  padding: 0.35em 0.75em 0.625em;
}

input {
  overflow: visible;
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

select {
  text-transform: none;
}

textarea {
  margin: 0;
  overflow: auto;
  resize: vertical;
}

[type=checkbox],
[type=radio] {
  padding: 0;
}

[type=search]:focus {
  outline-offset: -2px;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

:-moz-focusring {
  outline: 1px dotted ButtonText;
}

:-moz-ui-invalid {
  box-shadow: none;
}

details {
  display: block;
}

dialog {
  background-color: #fff;
  border: solid;
  color: #000;
  display: block;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

dialog:not([open]) {
  display: none;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template {
  display: none;
}

[tabindex],
a,
area,
button,
input,
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

[hidden] {
  display: none;
}

[aria-busy=true] {
  cursor: progress;
}

[aria-controls] {
  cursor: pointer;
}

[aria-disabled=true],
[disabled] {
  cursor: not-allowed;
}

[aria-hidden=false][hidden] {
  display: initial;
}

[aria-hidden=false][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

* {
  color: #222222;
  font-weight: 600;
}

p,
a,
li,
table {
  font-size: 16px;
  font-weight: 600;
}

p {
  text-align: justify;
  text-justify: inter-ideograph;
  line-height: 2;
  margin: 0;
}

h2 {
  font-weight: 800;
}

h3 {
  font-weight: 800;
}

h4 {
  font-weight: 800;
}

.text_link {
  font-weight: bold;
  color: #5099F2;
}

.note {
  margin-top: 10px;
  font-size: 13px;
}

.note a {
  font-size: 13px;
}

.note {
  position: relative;
}

.note::before {
  content: "※";
  left: 0;
  top: 0;
}

@media screen and (min-width: 1025px) {
  .lg_none {
    display: none;
  }
}

@media screen and (min-width: 1280px) {
  .xl_none {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  body {
    background-image: -webkit-linear-gradient(45deg, #F4C735 6%, transparent 6%, transparent 94%, #F4C735 94%), -webkit-linear-gradient(315deg, #F4C735 6%, transparent 6%, transparent 94%, #F4C735 94%), -webkit-linear-gradient(45deg, #F4C735 6%, transparent 6%, transparent 94%, #F4C735 94%), -webkit-linear-gradient(315deg, #F4C735 6%, transparent 6%, transparent 94%, #F4C735 94%);
    background-image: linear-gradient(45deg, #F4C735 6%, transparent 6%, transparent 94%, #F4C735 94%), linear-gradient(135deg, #F4C735 6%, transparent 6%, transparent 94%, #F4C735 94%), linear-gradient(45deg, #F4C735 6%, transparent 6%, transparent 94%, #F4C735 94%), linear-gradient(135deg, #F4C735 6%, transparent 6%, transparent 94%, #F4C735 94%);
    background-position: 0 0, 0 0, 15px 15px, 15px 15px;
    background-size: 30px 30px;
  }

  html {
    -webkit-overflow-scrolling: touch;
  }

  .contents_wrapper {
    overflow: hidden;
  }

  .main_visual {
    height: clamp(588px, 156.8vw, 588px);
  }

  .main_visual .main_visual_inner {
    width: 100%;
    height: clamp(564px, 150vw, 564px);
  }

  .main_visual .main_visual_inner .illust_human:nth-of-type(1) img {
    top: clamp(187px, 49.8vw, 187px);
    left: clamp(-23px, -6.1vw, -18px);
    width: clamp(99px, 26.4vw, 99px);
  }

  .main_visual .main_visual_inner .illust_human:nth-of-type(2) img {
    top: clamp(244px, 65vw, 244px);
    right: clamp(-5px, -1.3vw, -5px);
    width: clamp(98px, 26.1vw, 98px);
  }

  .main_visual .main_visual_inner h1.catch_copy img {
    width: clamp(319px, 85vw, 271px);
  }

  .main_visual .main_visual_inner .catch_copy_sub {
    font-size: clamp(12px, 3.2vw, 12px);
  }

  .main_visual .main_visual_inner .quote h2 {
    font-size: clamp(14px, 3.73vw, 14px);
    line-height: 1.52;
  }

  .main_visual .main_visual_inner .quote h2 .ruby_word {
    font-size: clamp(14px, 3.73vw, 14px);
    line-height: 1.52;
  }

  .main_visual .main_visual_inner .quote h2 .ruby_word::after {
    font-size: clamp(14px, 3.73vw, 14px);
    line-height: 1.52;
  }

  .main_visual .main_visual_inner .quote .quote_inner {
    width: 93.3vw;
    padding: clamp(30px, 8vw, 30px) clamp(22px, 5.8vw, 22px) clamp(25px, 6.6vw, 25px);
  }

  .main_visual .main_visual_inner .quote .quote_inner h3.quote_ttl img {
    width: clamp(121px, 32.2vw, 121px);
  }

  .main_visual .main_visual_inner .quote .quote_inner ul.todays_word li {
    font-size: clamp(12px, 3.2vw, 12px);
  }

  .content_block .content_inner {
    max-width: 93.3vw;
  }

  .content_block:nth-of-type(1) {
    padding-top: clamp(12px, 3.2vw, 12px);
  }

  .content_block:nth-of-type(1) .illust_cloud img {
    top: clamp(-34px, -9vw, -34px);
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    aspect-ratio: 139/150;
    width: clamp(400px, 106vw, 813px);
  }

  .content_block:nth-of-type(1) h2 {
    font-size: clamp(17px, 4.5vw, 17px);
    line-height: 1.66;
    letter-spacing: 0.1em;
  }

  .content_block:nth-of-type(1) .speech_bubble {
    height: 125vw;
  }

  .content_block:nth-of-type(1) .speech_bubble .speech_bubble_item:nth-of-type(1) {
    aspect-ratio: 41/24;
    width: 65.6vw;
    z-index: 4;
  }

  .content_block:nth-of-type(1) .speech_bubble .speech_bubble_item:nth-of-type(2) {
    top: 29vw;
    right: 0;
    aspect-ratio: 661/408;
    width: 70.4vw;
    z-index: 3;
  }

  .content_block:nth-of-type(1) .speech_bubble .speech_bubble_item:nth-of-type(3) {
    bottom: 23.7vw;
    left: 5.6vw;
    aspect-ratio: 39/29;
    width: 58.1vw;
    z-index: 2;
  }

  .content_block:nth-of-type(1) .speech_bubble .speech_bubble_item:nth-of-type(4) {
    bottom: 0;
    right: 0;
    aspect-ratio: 2/1;
    width: 73.3vw;
    z-index: 1;
  }

  .content_block:nth-of-type(1) .speech_bubble .speech_bubble_item p {
    font-size: clamp(12px, 3.2vw, 12px);
    line-height: 1.5;
    letter-spacing: 0.01em;
  }

  .content_block:nth-of-type(2) .content_inner {
    padding-top: clamp(74px, 19.7vw, 74px);
  }

  .content_block:nth-of-type(2) .content_inner .message {
    display: block;
    text-align: center;
  }

  .content_block:nth-of-type(2) .content_inner .message .message_ttl {
    display: inline-block;
  }

  .content_block:nth-of-type(2) .content_inner .message .message_ttl img {
    width: clamp(287px, 76.5vw, 287px);
  }

  .content_block:nth-of-type(2) .content_inner .message .message_ttl::before {
    top: clamp(-26px, -6.9vw, -26px);
    left: clamp(-160px, -8.3vw, -44px);
    width: clamp(69px, 18.4vw, 69px);
  }

  .content_block:nth-of-type(2) .content_inner .message .message_illust {
    text-align: center;
    margin-top: clamp(26px, 6.9vw, 26px);
  }

  .content_block:nth-of-type(2) .content_inner .message .message_illust img {
    width: clamp(236px, 62.9vw, 236px);
  }

  .content_block:nth-of-type(2) .content_inner .message_txt::after {
    bottom: 25vw;
    right: 0;
    width: clamp(47px, 12.5vw, 47px);
  }

  .content_block:nth-of-type(2) .content_inner .message_txt p {
    font-size: clamp(12px, 3.2vw, 12px);
    padding-top: clamp(34px, 9vw, 34px);
    text-align: center;
    letter-spacing: 0.01em;
  }

  .content_block:nth-of-type(2) .content_inner .message_txt p:nth-of-type(1) {
    padding-top: clamp(35px, 9.3vw, 35px);
  }

  .content_block:nth-of-type(3) {
    padding-top: clamp(150px, 40vw, 150px);
    padding-bottom: clamp(70px, 18.6vw, 70px);
  }

  .content_block:nth-of-type(3) .media dl.media_inner {
    display: block;
  }

  .content_block:nth-of-type(3) .media .media_box {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 71.8%;
    margin: 0 auto;
    padding: clamp(44px, 11.7vw, 44px) clamp(20px, 5.3vw, 20px) clamp(27px, 7.2vw, 27px);
  }

  .content_block:nth-of-type(3) .media .media_box:nth-of-type(1),
  .content_block:nth-of-type(3) .media .media_box:nth-of-type(2) {
    margin-bottom: clamp(114px, 30.4vw, 114px);
  }

  .content_block:nth-of-type(3) .media .media_box:nth-of-type(1)::before {
    top: clamp(-127px, -33.8vw, -127px);
    left: initial;
    right: clamp(-107px, -5.57vw, -2px);
    background-image: url(../images/deco-item08.svg);
    aspect-ratio: 16/15;
    width: clamp(56px, 14.9vw, 56px);
  }

  .content_block:nth-of-type(3) .media .media_box:nth-of-type(1)::after {
    bottom: clamp(-166px, -8.59vw, -17px);
    right: initial;
    left: clamp(-44px, -11.7vw, -44px);
    width: clamp(51px, 13.6vw, 51px);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }

  .content_block:nth-of-type(3) .media .media_box:nth-of-type(2)::before {
    top: clamp(-106px, -28.2vw, -106px);
    right: clamp(-55px, -14.6vw, -55px);
    width: clamp(83px, 22.1vw, 83px);
  }

  .content_block:nth-of-type(3) .media .media_box:nth-of-type(3)::before {
    top: clamp(-107px, -28.5vw, -107px);
    left: clamp(-194px, -10.1vw, -11px);
    background-image: url(../images/deco-item01.svg);
    aspect-ratio: 107/150;
    width: clamp(62px, 16.5vw, 62px);
  }

  .content_block:nth-of-type(3) .media .media_box:nth-of-type(3) {
    margin-bottom: clamp(114px, 30.4vw, 114px);
  }

  .content_block:nth-of-type(3) .media .media_box:nth-of-type(3)::after {
    content: "";
    position: absolute;
    bottom: clamp(-258px, -68.8vw, -258px);
    left: clamp(-55px, -14.6vw, -55px);
    background-image: url(../images/human05.svg);
    background-repeat: no-repeat;
    background-size: cover;
    aspect-ratio: 55/134;
    width: clamp(103px, 27.4vw, 103px);
    height: auto;
    z-index: -1;
  }

  .content_block:nth-of-type(3) .media .media_box:nth-of-type(4)::before {
    top: clamp(-70px, -18.6vw, -70px);
    right: 0.7vw;
    width: clamp(86px, 22.9vw, 86px);
  }

  .content_block:nth-of-type(3) .media .media_box:nth-of-type(4)::after {
    bottom: clamp(-45px, -12vw, -45px);
    right: clamp(-48px, -12.8vw, -48px);
    width: clamp(79px, 21vw, 79px);
  }

  .content_block:nth-of-type(3) .media .media_box .media_ttl {
    padding: 0 clamp(23px, 6.1vw, 23px);
    font-size: clamp(20px, 5.3vw, 20px);
  }

  .content_block:nth-of-type(3) .media .media_box .media_ttl_deco {
    top: clamp(-80px, -21.3vw, -80px);
    left: clamp(-5px, -1.3vw, -5px);
  }

  .content_block:nth-of-type(3) .media .media_box dd {
    font-size: clamp(11px, 2.9vw, 11px);
  }

  .content_block:nth-of-type(3) .media_btn {
    margin-top: clamp(35px, 9.3vw, 35px);
  }

  .content_block:nth-of-type(3) .media_btn a {
    font-size: clamp(13px, 3.46vw, 13px);
    padding: clamp(6.5px, 1.7vw, 6.5px) clamp(6.5px, 1.7vw, 6.5px) clamp(6.5px, 1.7vw, 6.5px) clamp(23px, 6.1vw, 23px);
  }

  .content_block:nth-of-type(3) .media_btn a::before {
    right: clamp(18px, 4.8vw, 18px);
    width: 500px;
    height: 500px;
  }

  .content_block:nth-of-type(3) .media_btn a::after {
    margin-left: clamp(12px, 3.2vw, 12px);
    width: clamp(25px, 6.6vw, 25px);
    height: clamp(25px, 6.6vw, 25px);
  }

  .content_block:nth-of-type(4) {
    padding-top: clamp(69px, 18.4vw, 69px);
    padding-bottom: clamp(70px, 18.6vw, 70px);
    background-image: -webkit-linear-gradient(45deg, #FFF7DE 6%, transparent 6%, transparent 94%, #FFF7DE 94%), -webkit-linear-gradient(315deg, #FFF7DE 6%, transparent 6%, transparent 94%, #FFF7DE 94%), -webkit-linear-gradient(45deg, #FFF7DE 6%, transparent 6%, transparent 94%, #FFF7DE 94%), -webkit-linear-gradient(315deg, #FFF7DE 6%, transparent 6%, transparent 94%, #FFF7DE 94%);
    background-image: linear-gradient(45deg, #FFF7DE 6%, transparent 6%, transparent 94%, #FFF7DE 94%), linear-gradient(135deg, #FFF7DE 6%, transparent 6%, transparent 94%, #FFF7DE 94%), linear-gradient(45deg, #FFF7DE 6%, transparent 6%, transparent 94%, #FFF7DE 94%), linear-gradient(135deg, #FFF7DE 6%, transparent 6%, transparent 94%, #FFF7DE 94%);
    background-position: 0 0, 0 0, 15px 15px, 15px 15px;
    background-size: 30px 30px;
  }

  .content_block:nth-of-type(4) .sns .sns_ttl {
    margin-bottom: clamp(35px, 9.3vw, 35px);
  }

  .content_block:nth-of-type(4) .sns .sns_ttl:nth-of-type(1) img {
    width: clamp(159px, 42.4vw, 159px);
  }

  .content_block:nth-of-type(4) .sns .sns_ttl:nth-of-type(2) img {
    width: clamp(135px, 36vw, 135px);
  }

  .content_block:nth-of-type(4) .sns .sns_ttl:nth-of-type(3) img {
    width: clamp(184px, 49vw, 184px);
  }

  .content_block:nth-of-type(4) .sns .sns_box {
    display: block;
    max-width: 91%;
    margin: 0 auto;
  }

  .content_block:nth-of-type(4) .sns .sns_box:nth-of-type(1),
  .content_block:nth-of-type(4) .sns .sns_box:nth-of-type(2) {
    margin-bottom: clamp(49px, 13vw, 49px);
  }

  .content_block:nth-of-type(4) .sns .sns_box:nth-of-type(1) .sns_tmb {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
  }

  .content_block:nth-of-type(4) .sns .sns_box:nth-of-type(1) .sns_tmb:nth-of-type(1) {
    margin-bottom: clamp(35px, 9.3vw, 35px);
  }

  .content_block:nth-of-type(4) .sns .sns_box:nth-of-type(1)::before {
    top: clamp(-38px, -4.9vw, -38px);
    left: clamp(7px, 1.8vw, 7px);
    background-image: url(../images/deco-item07.svg);
    aspect-ratio: 47/25;
    width: clamp(81px, 21.6vw, 81px);
  }

  .content_block:nth-of-type(4) .sns .sns_box:nth-of-type(2) .sns_tmb {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 375px;
    margin: 0 auto;
  }

  .content_block:nth-of-type(4) .sns .sns_box:nth-of-type(2) .sns_tmb:nth-of-type(1),
  .content_block:nth-of-type(4) .sns .sns_box:nth-of-type(2) .sns_tmb:nth-of-type(2) {
    margin-bottom: clamp(35px, 9.3vw, 35px);
  }

  .content_block:nth-of-type(4) .sns .sns_box:nth-of-type(2) .sns_tmb:nth-of-type(1) {
    position: relative;
  }

  .content_block:nth-of-type(4) .sns .sns_box:nth-of-type(2) .sns_tmb:nth-of-type(1)::after {
    content: "";
    position: absolute;
    bottom: clamp(-26px, -6.9vw, -26px);
    right: clamp(-75px, -20vw, -75px);
    background-image: url(../images/deco-item01.svg);
    background-repeat: no-repeat;
    background-size: cover;
    aspect-ratio: 107/150;
    width: clamp(62px, 16.5vw, 62px);
    height: auto;
  }

  .content_block:nth-of-type(4) .sns .sns_box:nth-of-type(2) .sns_tmb:nth-of-type(3) {
    position: relative;
  }

  .content_block:nth-of-type(4) .sns .sns_box:nth-of-type(2) .sns_tmb:nth-of-type(3)::before {
    content: "";
    position: absolute;
    top: clamp(-33px, -8.8vw, -33px);
    left: clamp(-64px, -17vw, -64px);
    background-image: url(../images/deco-item08.svg);
    background-repeat: no-repeat;
    background-size: cover;
    aspect-ratio: 16/15;
    width: clamp(56px, 14.9vw, 56px);
    height: auto;
  }

  .content_block:nth-of-type(4) .sns .sns_box:nth-of-type(2)::after {
    top: clamp(-108px, -28.8vw, -108px);
    left: clamp(-17px, -4.5vw, -17px);
    background-image: url(../images/deco-item05.svg);
    aspect-ratio: 5/6;
    width: clamp(51px, 13.6vw, 51px);
    -webkit-transform: rotateY(180deg) rotateZ(30deg);
    transform: rotateY(180deg) rotateZ(30deg);
  }

  .content_block:nth-of-type(4) .sns .sns_box:nth-of-type(3) .sns_tmb {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 58.3%;
    margin: 0 auto;
  }

  .content_block:nth-of-type(4) .sns .sns_box:nth-of-type(3) .sns_tmb:nth-of-type(1),
  .content_block:nth-of-type(4) .sns .sns_box:nth-of-type(3) .sns_tmb:nth-of-type(2) {
    margin-bottom: clamp(35px, 9.3vw, 35px);
  }

  .content_block:nth-of-type(4) .sns .sns_box:nth-of-type(3) .sns_tmb:nth-of-type(2) {
    position: relative;
  }

  .content_block:nth-of-type(4) .sns .sns_box:nth-of-type(3) .sns_tmb:nth-of-type(2)::before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: clamp(-72px, -19.2vw, -72px);
    background-image: url(../images/deco-item05.svg);
    background-repeat: no-repeat;
    background-size: cover;
    aspect-ratio: 5/6;
    width: clamp(51px, 13.6vw, 51px);
    height: auto;
    -webkit-transform: rotateY(180deg) rotateZ(30deg);
    transform: rotateY(180deg) rotateZ(30deg);
  }

  .content_block:nth-of-type(4) .sns .sns_box:nth-of-type(3)::before {
    top: clamp(-108px, -28.8vw, -108px);
    left: initial;
    right: clamp(-26px, -6.9vw, -26px);
    background-image: url(../images/deco-item04.svg);
    aspect-ratio: 139/150;
    width: clamp(78px, 20.8vw, 78px);
  }

  .content_block:nth-of-type(4) .sns .sns_box:nth-of-type(3)::after {
    bottom: clamp(-49px, -13vw, -49px);
    right: clamp(-20px, -5.3vw, -20px);
    background-image: url(../images/deco-item01.svg);
    aspect-ratio: 107/150;
    width: clamp(62px, 16.5vw, 62px);
  }

  .content_block:nth-of-type(4) .sns .sns_box .sns_tmb {
    padding: clamp(8.7px, 2.3vw, 8.7px);
  }

  footer .footer_inner {
    height: clamp(50px, 13.3vw, 50px);
  }

  footer .footer_logo {
    width: clamp(85px, 22.6vw, 85px);
    margin-left: clamp(15px, 4vw, 15px);
  }

  footer .copy small {
    margin-left: clamp(30px, 8vw, 30px);
    font-size: clamp(7px, 1.8vw, 7px);
  }

  header .header_inner {
    height: clamp(50px, 13.3vw, 50px);
  }

  header .header_inner .header_logo {
    width: clamp(85px, 22.6vw, 85px);
    margin-left: clamp(15px, 4vw, 15px);
  }

  .sm_none {
    display: none;
  }

  p,
  a,
  li,
  table {
    font-size: 16px;
  }

  p {
    line-height: 1.5;
  }
}

@media screen and (max-width: 760px) {
  body {
    min-width: initial;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  body {
    background-image: -webkit-linear-gradient(45deg, #F4C735 6%, transparent 6%, transparent 94%, #F4C735 94%), -webkit-linear-gradient(315deg, #F4C735 6%, transparent 6%, transparent 94%, #F4C735 94%), -webkit-linear-gradient(45deg, #F4C735 6%, transparent 6%, transparent 94%, #F4C735 94%), -webkit-linear-gradient(315deg, #F4C735 6%, transparent 6%, transparent 94%, #F4C735 94%);
    background-image: linear-gradient(45deg, #F4C735 6%, transparent 6%, transparent 94%, #F4C735 94%), linear-gradient(135deg, #F4C735 6%, transparent 6%, transparent 94%, #F4C735 94%), linear-gradient(45deg, #F4C735 6%, transparent 6%, transparent 94%, #F4C735 94%), linear-gradient(135deg, #F4C735 6%, transparent 6%, transparent 94%, #F4C735 94%);
    background-position: 0 0, 0 0, 27px 27px, 27px 27px;
    background-size: 54px 54px;
  }

  .main_visual {
    height: clamp(588px, 136vw, 1049px);
  }

  .main_visual .main_visual_inner {
    width: 100%;
    height: clamp(569px, 130vw, 1001px);
  }

  .main_visual .main_visual_inner .illust_human:nth-of-type(1) img {
    top: clamp(187px, 98.6vw, 370px);
    left: clamp(-23px, -2.3vw, -18px);
    width: clamp(99px, 25.6vw, 197px);
  }

  .main_visual .main_visual_inner .illust_human:nth-of-type(2) img {
    top: clamp(187px, 98.6vw, 370px);
    right: clamp(-7px, -0.9vw, -5px);
    width: clamp(99px, 26vw, 200px);
  }

  .main_visual .main_visual_inner h1.catch_copy img {
    width: clamp(319px, 75.3vw, 579px);
  }

  .main_visual .main_visual_inner .catch_copy_sub {
    font-size: clamp(12px, 2.6vw, 20px);
  }

  .main_visual .main_visual_inner .quote h2 {
    font-size: clamp(14px, 3.25vw, 25px);
  }

  .main_visual .main_visual_inner .quote h2 .ruby_word {
    font-size: clamp(14px, 3.25vw, 25px);
  }

  .main_visual .main_visual_inner .quote h2 .ruby_word::after {
    font-size: clamp(14px, 3.25vw, 25px);
  }

  .main_visual .main_visual_inner .quote .quote_inner {
    width: 86.9vw;
    padding: clamp(30px, 7.6vw, 59px) clamp(22px, 5.5vw, 43px) clamp(25px, 6.5vw, 50px);
  }

  .main_visual .main_visual_inner .quote .quote_inner h3.quote_ttl img {
    width: clamp(121px, 31.1vw, 239px);
  }

  .main_visual .main_visual_inner .quote .quote_inner ul.todays_word li {
    font-size: clamp(12px, 3.1vw, 24px);
  }

  .content_block .content_inner {
    max-width: 86.9vw;
  }

  .content_block:nth-of-type(1) {
    padding-top: clamp(12px, 16vw, 123px);
  }

  .content_block:nth-of-type(1) .illust_cloud img {
    top: clamp(-67px, -8.7vw, -34px);
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    aspect-ratio: 139/150;
    width: clamp(400px, 103vw, 1054px);
  }

  .content_block:nth-of-type(1) h2 {
    font-size: clamp(17px, 4.5vw, 35px);
    line-height: 1.66;
    letter-spacing: 0.1em;
  }

  .content_block:nth-of-type(1) .speech_bubble {
    height: 83.9vw;
  }

  .content_block:nth-of-type(1) .speech_bubble .speech_bubble_item:nth-of-type(1) {
    aspect-ratio: 105/62;
    width: 54.6vw;
    z-index: 4;
  }

  .content_block:nth-of-type(1) .speech_bubble .speech_bubble_item:nth-of-type(2) {
    top: 16.9vw;
    right: 0;
    aspect-ratio: 407/256;
    width: 52.9vw;
    z-index: 3;
  }

  .content_block:nth-of-type(1) .speech_bubble .speech_bubble_item:nth-of-type(3) {
    bottom: 16.9vw;
    left: 5.4vw;
    aspect-ratio: 367/273;
    width: 44.7vw;
    z-index: 2;
  }

  .content_block:nth-of-type(1) .speech_bubble .speech_bubble_item:nth-of-type(4) {
    bottom: 0;
    right: 0;
    aspect-ratio: 454/255;
    width: 58.9vw;
    z-index: 1;
  }

  .content_block:nth-of-type(1) .speech_bubble .speech_bubble_item p {
    font-size: clamp(12px, 2.5vw, 19.9px);
    line-height: 1.5;
    letter-spacing: 0.05em;
  }

  .content_block:nth-of-type(2) .content_inner {
    padding-top: clamp(74px, 16.66vw, 128px);
  }

  .content_block:nth-of-type(2) .content_inner .message {
    display: block;
    text-align: center;
  }

  .content_block:nth-of-type(2) .content_inner .message .message_ttl {
    display: inline-block;
  }

  .content_block:nth-of-type(2) .content_inner .message .message_ttl img {
    width: clamp(287px, 73.4vw, 564px);
  }

  .content_block:nth-of-type(2) .content_inner .message .message_ttl::before {
    top: clamp(-52px, -6.7vw, -26px);
    left: clamp(-160px, -8.3vw, -44px);
    width: clamp(69px, 18.2vw, 140px);
  }

  .content_block:nth-of-type(2) .content_inner .message .message_illust {
    text-align: center;
    margin-top: clamp(26px, 6.7vw, 52px);
  }

  .content_block:nth-of-type(2) .content_inner .message .message_illust img {
    width: clamp(236px, 60.5vw, 465px);
  }

  .content_block:nth-of-type(2) .content_inner .message_txt::after {
    bottom: 18.2vw;
    right: 0;
    width: clamp(47px, 12.3vw, 95px);
  }

  .content_block:nth-of-type(2) .content_inner .message_txt p {
    font-size: clamp(12px, 2.8vw, 22px);
    padding-top: clamp(34px, 5.8vw, 45px);
    text-align: center;
    letter-spacing: 0.05em;
  }

  .content_block:nth-of-type(2) .content_inner .message_txt p:nth-of-type(1) {
    padding-top: clamp(35px, 9.2vw, 71px);
  }

  .content_block:nth-of-type(3) {
    padding-top: clamp(150px, 36.8vw, 283px);
    padding-bottom: clamp(70px, 15.6vw, 120px);
  }

  .content_block:nth-of-type(3) .media dl.media_inner {
    display: block;
  }

  .content_block:nth-of-type(3) .media .media_box {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 77.8%;
    margin: 0 auto;
    padding: clamp(44px, 13vw, 100px) clamp(20px, 5.2vw, 40px) clamp(27px, 5.8vw, 45px);
  }

  .content_block:nth-of-type(3) .media .media_box:nth-of-type(1),
  .content_block:nth-of-type(3) .media .media_box:nth-of-type(2) {
    margin-bottom: clamp(114px, 33.8vw, 260px);
  }

  .content_block:nth-of-type(3) .media .media_box:nth-of-type(1)::before {
    top: clamp(-285px, -37.1vw, -127px);
    left: initial;
    right: clamp(-107px, -5.57vw, -2px);
    background-image: url(../images/deco-item08.svg);
    aspect-ratio: 16/15;
    width: clamp(56px, 14.8vw, 114px);
  }

  .content_block:nth-of-type(3) .media .media_box:nth-of-type(1)::after {
    bottom: clamp(-17px, -1vw, -8px);
    right: initial;
    left: clamp(-90px, -11.7vw, -44px);
    width: clamp(51px, 13.6vw, 105px);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }

  .content_block:nth-of-type(3) .media .media_box:nth-of-type(2)::before {
    top: clamp(-218px, -28.3vw, -106px);
    right: clamp(-110px, -14.3vw, -55px);
    width: clamp(83px, 22vw, 169px);
  }

  .content_block:nth-of-type(3) .media .media_box:nth-of-type(3)::before {
    top: clamp(-271px, -35.2vw, -107px);
    left: clamp(-194px, -10.1vw, -11px);
    background-image: url(../images/deco-item01.svg);
    aspect-ratio: 107/150;
    width: clamp(62px, 16.4vw, 126px);
  }

  .content_block:nth-of-type(3) .media .media_box:nth-of-type(3) {
    margin-bottom: clamp(114px, 33.8vw, 260px);
  }

  .content_block:nth-of-type(3) .media .media_box:nth-of-type(3)::after {
    content: "";
    position: absolute;
    bottom: clamp(-533px, -69.4vw, -258px);
    left: clamp(-113px, -14.7vw, -55px);
    background-image: url(../images/human05.svg);
    background-repeat: no-repeat;
    background-size: cover;
    aspect-ratio: 55/134;
    width: clamp(103px, 27.6vw, 212px);
    height: auto;
    z-index: -1;
  }

  .content_block:nth-of-type(3) .media .media_box:nth-of-type(4)::before {
    top: clamp(-137px, -17.8vw, -77px);
    right: -0.7vw;
    width: clamp(86px, 23.4vw, 180px);
  }

  .content_block:nth-of-type(3) .media .media_box:nth-of-type(4)::after {
    bottom: clamp(-45px, -4.9vw, -38px);
    right: clamp(-100px, -13vw, -48px);
    width: clamp(79px, 20.8vw, 160px);
  }

  .content_block:nth-of-type(3) .media .media_box .media_ttl {
    padding: 0 clamp(23px, 5.9vw, 46px);
    font-size: clamp(20px, 5.2vw, 40px);
  }

  .content_block:nth-of-type(3) .media .media_box .media_ttl_deco {
    top: clamp(-163px, -21.2vw, -80px);
    left: clamp(-11px, -1.4vw, -5px);
  }

  .content_block:nth-of-type(3) .media .media_box dd {
    font-size: clamp(11px, 2.8vw, 22px);
  }

  .content_block:nth-of-type(3) .media_btn {
    margin-top: clamp(35px, 9.2vw, 71px);
  }

  .content_block:nth-of-type(3) .media_btn a {
    font-size: clamp(13px, 3.125vw, 24px);
    padding: clamp(6.5px, 1.69vw, 13px) clamp(6.5px, 1.69vw, 13px) clamp(6.5px, 1.69vw, 13px) clamp(23px, 6.25vw, 48px);
  }

  .content_block:nth-of-type(3) .media_btn a::before {
    right: clamp(18px, 4.6vw, 36px);
    width: 900px;
    height: 900px;
  }

  .content_block:nth-of-type(3) .media_btn a::after {
    margin-left: clamp(12px, 2.7vw, 21px);
    width: clamp(25px, 6.6vw, 51px);
    height: clamp(25px, 6.6vw, 51px);
  }

  .content_block:nth-of-type(4) {
    padding-top: clamp(69px, 15.6vw, 120px);
    padding-bottom: clamp(70px, 15.6vw, 120px);
    background-image: -webkit-linear-gradient(45deg, #FFF7DE 6%, transparent 6%, transparent 94%, #FFF7DE 94%), -webkit-linear-gradient(315deg, #FFF7DE 6%, transparent 6%, transparent 94%, #FFF7DE 94%), -webkit-linear-gradient(45deg, #FFF7DE 6%, transparent 6%, transparent 94%, #FFF7DE 94%), -webkit-linear-gradient(315deg, #FFF7DE 6%, transparent 6%, transparent 94%, #FFF7DE 94%);
    background-image: linear-gradient(45deg, #FFF7DE 6%, transparent 6%, transparent 94%, #FFF7DE 94%), linear-gradient(135deg, #FFF7DE 6%, transparent 6%, transparent 94%, #FFF7DE 94%), linear-gradient(45deg, #FFF7DE 6%, transparent 6%, transparent 94%, #FFF7DE 94%), linear-gradient(135deg, #FFF7DE 6%, transparent 6%, transparent 94%, #FFF7DE 94%);
    background-position: 0 0, 0 0, 27px 27px, 27px 27px;
    background-size: 54px 54px;
  }

  .content_block:nth-of-type(4) .sns .sns_ttl {
    margin-bottom: clamp(35px, 9.3vw, 72px);
  }

  .content_block:nth-of-type(4) .sns .sns_ttl:nth-of-type(1) img {
    width: clamp(159px, 42.8vw, 329px);
  }

  .content_block:nth-of-type(4) .sns .sns_ttl:nth-of-type(2) img {
    width: clamp(135px, 36.1vw, 278px);
  }

  .content_block:nth-of-type(4) .sns .sns_ttl:nth-of-type(3) img {
    width: clamp(184px, 49.3vw, 379px);
  }

  .content_block:nth-of-type(4) .sns .sns_box {
    display: block;
    max-width: 93.1%;
    margin: 0 auto;
  }

  .content_block:nth-of-type(4) .sns .sns_box:nth-of-type(1),
  .content_block:nth-of-type(4) .sns .sns_box:nth-of-type(2) {
    margin-bottom: clamp(49px, 13vw, 100px);
  }

  .content_block:nth-of-type(4) .sns .sns_box:nth-of-type(1) .sns_tmb {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
  }

  .content_block:nth-of-type(4) .sns .sns_box:nth-of-type(1) .sns_tmb:nth-of-type(1) {
    margin-bottom: clamp(35px, 9.3vw, 72px);
  }

  .content_block:nth-of-type(4) .sns .sns_box:nth-of-type(1)::before {
    top: clamp(-77px, -10vw, -38px);
    left: clamp(7px, 1.8vw, 14px);
    background-image: url(../images/deco-item07.svg);
    aspect-ratio: 47/25;
    width: clamp(81px, 21.4vw, 165px);
  }

  .content_block:nth-of-type(4) .sns .sns_box:nth-of-type(2) .sns_tmb {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 59.5%;
    margin: 0 auto;
  }

  .content_block:nth-of-type(4) .sns .sns_box:nth-of-type(2) .sns_tmb:nth-of-type(1),
  .content_block:nth-of-type(4) .sns .sns_box:nth-of-type(2) .sns_tmb:nth-of-type(2) {
    margin-bottom: clamp(35px, 9.3vw, 72px);
  }

  .content_block:nth-of-type(4) .sns .sns_box:nth-of-type(2) .sns_tmb:nth-of-type(1) {
    position: relative;
  }

  .content_block:nth-of-type(4) .sns .sns_box:nth-of-type(2) .sns_tmb:nth-of-type(1)::after {
    content: "";
    position: absolute;
    bottom: clamp(-53px, -6.9vw, -26px);
    right: clamp(-153px, -19.9vw, -75px);
    background-image: url(../images/deco-item01.svg);
    background-repeat: no-repeat;
    background-size: cover;
    aspect-ratio: 107/150;
    width: clamp(62px, 16.4vw, 126px);
    height: auto;
  }

  .content_block:nth-of-type(4) .sns .sns_box:nth-of-type(2) .sns_tmb:nth-of-type(3) {
    position: relative;
  }

  .content_block:nth-of-type(4) .sns .sns_box:nth-of-type(2) .sns_tmb:nth-of-type(3)::before {
    content: "";
    position: absolute;
    top: clamp(-67px, -8.7vw, -33px);
    left: clamp(-130px, -16.9vw, -64px);
    background-image: url(../images/deco-item08.svg);
    background-repeat: no-repeat;
    background-size: cover;
    aspect-ratio: 16/15;
    width: clamp(56px, 14.8vw, 114px);
    height: auto;
  }

  .content_block:nth-of-type(4) .sns .sns_box:nth-of-type(2)::after {
    top: clamp(-221px, -28.7vw, -108px);
    left: clamp(-34px, -4.4vw, -17px);
    background-image: url(../images/deco-item05.svg);
    aspect-ratio: 5/6;
    width: clamp(51px, 13.6vw, 105px);
    -webkit-transform: rotateY(180deg) rotateZ(30deg);
    transform: rotateY(180deg) rotateZ(30deg);
  }

  .content_block:nth-of-type(4) .sns .sns_box:nth-of-type(3) .sns_tmb {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 59.5%;
    margin: 0 auto;
  }

  .content_block:nth-of-type(4) .sns .sns_box:nth-of-type(3) .sns_tmb:nth-of-type(1),
  .content_block:nth-of-type(4) .sns .sns_box:nth-of-type(3) .sns_tmb:nth-of-type(2) {
    margin-bottom: clamp(35px, 9.3vw, 72px);
  }

  .content_block:nth-of-type(4) .sns .sns_box:nth-of-type(3) .sns_tmb:nth-of-type(2) {
    position: relative;
  }

  .content_block:nth-of-type(4) .sns .sns_box:nth-of-type(3) .sns_tmb:nth-of-type(2)::before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: clamp(-147px, -19.1vw, -72px);
    background-image: url(../images/deco-item05.svg);
    background-repeat: no-repeat;
    background-size: cover;
    aspect-ratio: 5/6;
    width: clamp(51px, 13.6vw, 105px);
    height: auto;
    -webkit-transform: rotateY(180deg) rotateZ(30deg);
    transform: rotateY(180deg) rotateZ(30deg);
  }

  .content_block:nth-of-type(4) .sns .sns_box:nth-of-type(3)::before {
    top: clamp(-269px, -35vw, -131px);
    left: initial;
    right: clamp(-55px, -7.1vw, -26px);
    background-image: url(../images/deco-item04.svg);
    aspect-ratio: 139/150;
    width: clamp(78px, 20.9vw, 161px);
  }

  .content_block:nth-of-type(4) .sns .sns_box:nth-of-type(3)::after {
    bottom: clamp(-98px, -12.7vw, -49px);
    right: clamp(-41px, -5.3vw, -20px);
    background-image: url(../images/deco-item01.svg);
    aspect-ratio: 107/150;
    width: clamp(62px, 16.4vw, 126px);
  }

  .content_block:nth-of-type(4) .sns .sns_box .sns_tmb {
    padding: clamp(8.7px, 2.2vw, 17px);
  }

  footer .footer_inner {
    height: clamp(50px, 13.2vw, 102px);
  }

  footer .footer_logo {
    width: clamp(85px, 22.7vw, 175px);
    margin-left: clamp(15px, 2.8vw, 22px);
  }

  footer .copy small {
    margin-left: clamp(30px, 7.8vw, 60px);
    font-size: clamp(7px, 1.5vw, 12px);
  }

  header .header_inner {
    height: clamp(50px, 10.4vw, 80px);
  }

  header .header_inner .header_logo {
    width: clamp(85px, 19.5vw, 150px);
    margin-left: clamp(15px, 2.8vw, 22px);
  }

  .md_none {
    display: none;
  }
}
/*# sourceMappingURL=style.css.map */