@charset"UTF-8"

/* ===============================
   index style
   =============================== */

/* ============================================= common */
body {
   overflow-x:hidden;}
.top_button_normal {
   display: inline-block;
   text-align: center;
   padding: 1rem 3.6rem;
   background-color: var(--color-white);
   border: 1px solid #4D4D4D;
   color: #4D4D4D;
   border-radius: 0.7rem;
   transition: 0.3s;
}
.top_button_normal span {
   position: relative;
   font-size: 1.8rem;
   line-height: 1;
   display: inline-block;
   padding-right: 2rem;
   transition: 0.3s;
}
.top_button_normal span::before {
   content: "";
   display: block;
   position: absolute;
   width: 1.2rem;
   aspect-ratio: 1 / 1;
   right: 0;
   top: calc(50% - 0.5rem);
   border-right: 2px solid #4D4D4D;
   border-top: 2px solid #4D4D4D;
   transform: rotate(45deg);
   transition: 0.3s;
}
@media screen and (min-width: 769px) {
   .top_button_normal:hover {
      background-color: var(--color-main);
      color: var(--color-white);
      border-color: var(--color-main);
   }
   .top_button_normal:hover span {
      transform: translateX(0.5rem);
   }
   .top_button_normal:hover span::before {
      border-color: var(--color-white);
   }
}

/* ============================================= header */
.top_header {
   background: linear-gradient(to bottom, #111 0, transparent 100%);
   background: linear-gradient(to bottom, #737373 0, transparent 100%);
   background: transparent;
   box-shadow: unset;
}
.toppage::before {
   content: "";
   display: block;
   position: fixed;
   z-index: 5;
   top: 0;
   left: 0;
   width: 100%;
   height: 10.8rem;
   background: linear-gradient(to bottom, #737373 0, transparent 100%);
   mix-blend-mode: multiply;
}
@media screen and (max-width: 768px) {
   .toppage::before {
      height: 6.4rem;
   }
}
/* ============================================= global_navigation */
@media screen and (min-width: 769px) {
   .top_header .global_navigation_parent > label span,
   .top_header .global_navigation_menu > li > a {
      color: var(--color-white);
   }
   .top_header .global_navigation_search_icon.active i,
   .top_header .global_navigation_search_icon:hover i {
      filter: brightness(0) invert(1) saturate(0);
   }
   .top_header .global_navigation_language li a,
   .top_header .global_navigation_language li span {
      color: var(--color-white);
   }
   .top_header .global_navigation_language::before {
      background-color: var(--color-white);
   }
   .top_header .global_navigation_language li a {
      border-color: var(--color-white);
   }
}
@media screen and (min-width: 1280px) {
   .top_header .global_navigation_menu > li:last-of-type a::after {
      background-color: var(--color-white);
   }
}
/* ============================================= first view */
.top_firstview {
   position: relative;
   z-index: 3;
}
.top_firstview_video {
   position: relative;
   z-index: 1;
	width: 100%;
	height: 100vh;
   overflow: hidden;
}
.top_firstview_video video {
   position: absolute;
   width: 100%; 
   height: 100%;
   object-fit:cover;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);   
}
.top_firstview_image {
   position: absolute;
   top: 0;
   left: 0;
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
   height: 100%;
   padding: 0 2.4rem 40px;
}
.top_firstview_image img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%; 
   height: 100%;
   object-fit: cover;
   transition: transform 10s;
}
.top_firstview_image.active img {
   transform: scale(1.1);
}
.top_firstview_image .top_button_normal {
   padding: .5rem 2.6rem;
   box-shadow: #00000099 0 0 30px;
   transform: translateY(20px);
   opacity: 0;
   transition: transform .8s .8s ease-out, opacity .8s .8s ease-out;
}
.top_firstview_image.active .top_button_normal {
   opacity: 1;
   transform: translateY(0);
}
.top_firstview_image .top_firstview_texts {
   width: 100%;
   max-width: 940px;
   margin: 0 auto;
   z-index: 2;
   color: #fff;
}
.top_firstview_image .top_firstview_title {
   font-size: 11rem;
   font-family: var(--font-english);
   font-weight: 600;
   margin-bottom: 2rem;
   text-shadow: #00000099 0 0 .27em;
}
.top_firstview_image .top_firstview_title span {
   position: relative;
   clip-path: inset(-0.3em 100% -0.3em -0.3em);
   transition: clip-path 1s .6s ease-out;
}
.top_firstview_image.active .top_firstview_title span {
   clip-path: inset(-0.3em -0.3em -0.3em -0.3em);
}
.top_firstview_image .top_firstview_title span::before {
   content: "";
   position: absolute;
   left: 0;
   top: 28%;
   width: 3px;
   height: 74%;
   background: #fff;
   transition: left 1s .6s ease-out;
}
.top_firstview_image.active .top_firstview_title span::before {
   left: calc(100% + .27em);
}
@media screen and (max-width: 768px) {
   .top_firstview_image .top_firstview_title {
      font-size: 5.6rem;
   }
}

/* ============================================= news */
.top_news {
   padding: 7.2rem 2rem 5rem;
   background-color: var(--color-white);
}
.top_news_feature {
   margin: 0 auto 7.6rem;
   padding: 0;
   max-width: 927px;
}
.top_news_feature .news_slider {
   padding:  0 3.2rem;
}
.top_news_feature .news_box {
   display: block;
   position: relative;
   margin: 0 2.1rem;
   text-decoration: none;
   color: var(--color-black);
}
.top_news_feature .slide_arrow {
   position: absolute;
   width: 3.2rem;
   aspect-ratio: 32 / 40;
   top: 5.2rem;
   background-repeat: no-repeat;
   background-position: 0 0;
   background-size: cover;
   cursor: pointer;
   transition: 0.3s;
}
.top_news_feature .slide_arrow_prev {
   left: 0;
   background-image: url("../imgs/top/news_prev.svg");
}
.top_news_feature .slide_arrow_next {
   right: 0;
   background-image: url("../imgs/top/news_next.svg");
}
.top_news_feature .news_img {
   margin: 0 0 1.2rem;
   overflow: hidden;
}
.top_news_feature .news_tag {
   position: absolute;
   top: 1.1rem;
   right: -1.6rem;
   background-color: #BE8214;
   color: var(--color-white);
   padding: 0 0.5rem;
}
.top_news_feature .news_subject {
   font-size: 1.4rem;
   padding-right: 7rem;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   line-clamp: 2;
   overflow: hidden;
   transition: 0.3s;
   background-repeat: no-repeat;
   background-position: calc(100% - 1rem) 50%;
   background-size: 5rem auto;
   background-image: url("../imgs/top/news_arrow.svg");
}
.top_news_normal {
   margin: 0 auto;
   max-width: 1120px;
   display: grid;
   grid-template-columns: 18.6rem 1fr;
}
.top_news_normal a {
   text-decoration: none;
}
.top_news_normal li {
   list-style: none;
}
.top_news_normal .news_title {
   font-family: var(--font-english);
   font-size: 5.2rem;
   font-weight: 600;
}
.top_news_normal .news_tab {
   position: relative;
   grid-column: 1 / 2;
   grid-row: 2 / 3;
   padding: 0 0 0 3rem;
   display: grid;
   gap: 1rem 0;
}
.top_news_normal .news_tab::before {
   content: "";
   display: block;
   position: absolute;
   bottom: 0;
   left: 0;
   width: 0.8rem;
   height: 100%;
   background-color: #B8B8B8;
}
.top_news_normal .news_tab a {
   color: #4d4d4d;
}
.top_news_normal .news_tab .current a {
   color: var(--color-black);
   font-weight: bold;
}
.top_news_normal .news_list {
   grid-column: 2 / 3;
   grid-row: 1 / 3;
}
.top_news_normal .news_list {
	display: none;
}
.top_news_normal .news_list.is-active {
	display: block;
	animation: tabFade 1s ease;
}
@keyframes tabFade {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}
.top_news_normal .news_list a {
   position: relative;
   display: grid;
   color: var(--color-black);
   grid-template-columns: auto 1fr;
   align-items: center;
   gap: 0 2rem;
   padding: 2rem 2rem 2rem 0;
   border-bottom: 1px solid #B8B8B8;
}
.top_news_normal .news_list a::before {
   content: "";
   display: block;
   position: absolute;
   width: 1rem;
   aspect-ratio: 1 / 1;
   right: 0;
   top: calc(50% - 0.4rem);
   border-right: 2px solid #8C8C8C;
   border-top: 2px solid #8C8C8C;
   transform: rotate(45deg);
   transition: 0.3s;
}
.top_news_normal .news_list .news_meta {
   display: grid;
   grid-template-columns: 7.2rem 1fr;
   gap: 0 2rem;
   align-items: center;
}
.top_news_normal .news_list .news_tag {
   display: inline-block;
   font-size: 1.2rem;
   color: var(--color-white);
   background-color: var(--color-news-event);
   text-align: center;
   line-height: 1;
   padding: 0.35rem 0 0.65rem;
}
.top_news_normal .news_list .news_tag.category_new_products {
	background-color: var(--color-news-new_products);
}
.top_news_normal .news_list .news_tag.category_information {
	background-color: var(--color-news-information);
}
.top_news_normal .news_list .news_tag.category_event {
	background-color: var(--color-news-event);
}
.top_news_normal .news_list .news_tag.category_important {
	background-color: var(--color-news-important);
}
.top_news_normal .news_list .news_date {
   font-size: 1.4rem;
}
.top_news_normal .news_list .news_subject {
   transition: 0.3s;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
   line-clamp: 1;
   overflow: hidden;
   padding-right: 2rem;
}
.top_news_normal .news_button {
   grid-row: 3 / 4;
   grid-column: 1 / 3;
   padding: 4.2rem 0 0 19.8rem;
   position: relative;
   z-index: 6;
}
.top_news_normal .news_button .top_button_normal {
   padding: 0.6rem 3rem;
}
@media screen and (min-width: 769px) {
   .top_news_feature .slide_arrow:hover {
      opacity: 0.75;
   }
   .top_news_feature .news_box .news_img img {
      transition: 0.3s;
   }
   .top_news_feature .news_box:hover .news_img img {
      opacity: 0.75;
      transform: scale(1.05);
   }
   .top_news_feature .news_box:hover .news_subject {
      background-position: 100% 50%;
      color: color-mix(in srgb, var(--color-black) 50%, var(--color-white));
   }
   .top_news_normal .news_tab a:hover {
      color: #007DC8;
   }
   .top_news_normal .news_list a:hover::before {
      border-color: var(--color-main);
   }
   .top_news_normal .news_list a:hover .news_subject {
      transform: translateX(2rem);
      color: color-mix(in srgb, var(--color-black) 50%, var(--color-white));
   }
}
@media screen and (max-width: 768px) {
   .top_news {
      padding: 2.9rem 0 9.3rem;
   }
   .top_news_feature {
      margin: 0 auto 2.9rem;
   }
   .top_news_feature .news_slider {
      padding: 0 4.8rem;
   }
   .top_news_feature .news_box {
      margin: 0;
      padding: 0 1.2rem;
   }
   .top_news_feature .news_tag {
      right: 0;
   }
   .top_news_normal {
      grid-template-columns: 1fr;
      padding: 0 2.4rem;
   }
   .top_news_normal .news_title {
      font-size: 4.4rem;
      margin-left: 1.9rem;
      line-height: 1;
   }
   .top_news_normal .news_tab {
      padding: 0 0 0 1.9rem;
      grid-column: unset;
      grid-row: unset;
      grid-template-columns: repeat(5, auto);
      font-size: 1.4rem;
   }
   .top_news_normal .news_tab::before {
      height: 7.2rem;
   }
   .top_news_normal .news_list {
      grid-column: unset;
      grid-row: unset;
      margin: 0 0 3rem;
   }
   .top_news_normal .news_list a {
      grid-template-columns: 1fr;
      gap: 0.5rem 0;
      padding: 1.6rem 2rem 1.6rem 0;
   }
   .top_news_normal .news_list a::before {
      top: unset;
      bottom: 3rem;
   }
   .top_news_normal .news_list .news_subject {
      -webkit-line-clamp: 2;
      line-clamp: 2;
      font-size: 1.4rem;
      padding-right: 0;
   }
   .top_news_normal .news_button {
      grid-row: unset;
      grid-column: unset;
      padding: 0;
   }
}
/* ============================================= parallax */
.top_parallax {
   display: flex;
   justify-content: center;
   align-items: center;
   background-attachment: fixed;
   background-position: 0 0;
   background-size: cover;
   background-repeat: no-repeat;
   background-image: url("../imgs/top/parallax_background.jpg");
}
.top_parallax_01 {
   height: 28.2rem;
}
.top_parallax_02 {
   height: 19.4rem;
}
@media screen and (max-width: 768px) {
   .top_parallax {
      background: unset;
   }
   .top_parallax::before {
      content: "";
      display: block;
      position: fixed;
      z-index: -1;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: cover;
      background-image: url("../imgs/top/parallax_background.jpg");
   }
   .top_parallax_01 {
      height: 10.8rem;
   }
   .top_parallax_02 {
      height: 16rem;
   }
}
/* ============================================= product map */
.top_products_map {
   position: relative;
   padding: 26.8rem 2rem 30.8rem;
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: cover;
   background-image: url("../imgs/top/product_map_background.jpg");
}
.top_products_map::before {
   content: "";
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: var(--color-main);
   opacity: 0.15;
}
.top_products_map_container {
   color: var(--color-white);
   margin: 0 auto;
   max-width: 1000px;
   position: relative;
   z-index: 5;
}
.top_products_map_title {
   font-size: 11rem;
   font-family: var(--font-english);
   font-weight: 600;
   margin-bottom: 2rem;
}
.top_products_map_title span {
   display: block;
   line-height: 1.2;
   text-shadow: 0 0px 30px rgba(0, 0, 0, 0.2);
}
.top_products_map_lead {
   font-size: 2rem;
   margin-bottom: 3rem;
}
.top_products_map_lead span {
   display: inline-block;
}
.top_products_map_decoration {
   position: absolute;
}
.top_products_map_decoration_01 {
   right: 1rem;
   top: -12rem;
   width: 40rem;
}
.top_products_map_decoration_02 {
   left: 2rem;
   bottom: -7rem;
}
.top_products_map .top_button_normal {
   border: 1px solid #8C8C8C;
   color: #8C8C8C;
}
.top_products_map .top_button_normal span::before {
   border-right: 2px solid #8C8C8C;
   border-top: 2px solid #8C8C8C;
}
@media screen and (min-width: 769px) {
   .top_products_map .top_button_normal:hover {
      background-color: var(--color-main);
      color: var(--color-white);
      border-color: var(--color-main);
   }
   .top_products_map .top_button_normal:hover span::before {
      border-color: var(--color-white);
   }
}

@media screen and (min-width: 1280px) {
   .top_products_map_decoration_01 {
      right: 2rem;
      top: -18rem;
      width: 60.3rem;
   }
   .top_products_map_decoration_02 {
      left: 20rem;
   }
}
@media screen and (max-width: 768px) {
   .top_products_map {
      background-image: url("../imgs/top/product_map_background_sp.jpg");
      padding: 19rem 2.2rem 15.6rem;
   }
   .top_products_map_title {
      font-size: 5.6rem;
      margin-bottom: 2rem;
   }
   .top_products_map_lead {
      font-size: 2rem;
      margin-bottom: 3rem;
   }
   .top_products_map_decoration_01 {
      right: 0;
      top: -8rem;
      width: 28rem;
   }
   .top_products_map_decoration_02 {
      left: 4rem;
      bottom: -3rem;
      width: 8.2rem;
   }
}


/* ============================================= product */
.top_products {
   position: relative;
   padding: 4.8rem  2.5rem 5.1rem;
   background-color: var(--color-white);
}
.top_products_title {
   position: absolute;
   width: 100%;
   padding: 0 2.5rem;
   top: -15.7rem;
   left: 0;
   font-size: 7.5rem;
   color: var(--color-white);
   line-height: 1;
   font-family: var(--font-english);
}
.top_products_title span {
   display: block;
   text-align: right;
   margin: 0 auto;
   max-width: 966px;
}
.top_products_list {
   display: grid;
   margin: 0 auto;
   max-width: 1392px;
   grid-template-columns: repeat(4, 1fr);
}
.top_products_list {
   padding: 0;
   border-top: 1px solid #E4E4E4;
   border-left: 1px solid #E4E4E4;
}
.top_products_list li {
   list-style: none;
   text-align: center;
   border-bottom: 1px solid #E4E4E4;
   border-right: 1px solid #E4E4E4;
}
.top_products_list li a {
   color: var(--color-black);
   display: grid;
   grid-template-rows: auto 1fr;
   text-decoration: none;
   aspect-ratio: 348 / 265;
   background-repeat: no-repeat;
   background-position: 0 0;
   background-size: auto 100%;
   background-image: url("../imgs/top/product_item_background_a_01.png");
   transition: 0.3s;
   padding: 2rem 0 0;
}
.top_products_list li:nth-of-type(n+5):nth-child(-n+8) a {
   background-position: 100% 0;
   background-image: url("../imgs/top/product_item_background_b_01.png");
}
.top_products_list li p {
   font-weight: bold;
   position: relative;
   width: fit-content;
   margin: 0 auto;
   padding-bottom: 1.8rem;
   transition: 0.3s;
}
.top_products_list li p::before {
   content: "";
   display: block;
   position: absolute;
   left: calc(50% - 4.5rem);
   width: 9rem;
   height: 2px;
   bottom: 0;
   background-color: #B9D8EA;
   transition: 0.3s;
}
.top_products_list .external p span {
   display: inline-block;
   position: relative;
   padding-right: 1.8rem;
   background-repeat: no-repeat;
   background-position: 100% 50%;
   background-size: 1.2rem auto;
   background-image: url("../imgs/common/icon_external.svg");
}
.top_products_list li p i {
   font-style: normal;
}
.top_products_list li figure {
   display: block;
   align-self: center;
   margin: 0 auto;
}
.top_products_list li figure img {
   width: 23.5rem;
   transition: 0.3s;
}
@media screen and (min-width: 769px) {
   .top_products_list li a:hover {
      background-color: #ebebeb;
   }
   .top_products_list li a:hover p {
      padding-top: 0.5rem;
      padding-bottom: 1.3rem;
      color: #8C8C8C;
   }
   .top_products_list li a:hover p::before {
      background-color: #007DC8;
      left: 0;
      width: 100%;
   }
   .top_products_list li a:hover img {
      transform: scale(1.08);
   }
   }
@media screen and (max-width: 1280px) {
   .top_products_list {
      grid-template-columns: repeat(3, 1fr);
   }
   .top_products_list li:nth-of-type(n+5):nth-child(-n+8) a,
   .top_products_list li a {
      background-position: 0 0;
      background-image: url("../imgs/top/product_item_background_a_01.png");
   }
   .top_products_list li:nth-of-type(n+10):nth-child(-n+12) a,
   .top_products_list li:nth-of-type(n+4):nth-child(-n+6) a {
      background-position: 100% 0;
      background-image: url("../imgs/top/product_item_background_b_01.png");
   }
}
@media screen and (max-width: 1000px) {
   .top_products_list {
      grid-template-columns: repeat(2, 1fr);
   }
   .top_products_list li:nth-of-type(n+5):nth-child(-n+8) a,
   .top_products_list li:nth-of-type(n+10):nth-child(-n+12) a,
   .top_products_list li:nth-of-type(n+4):nth-child(-n+6) a,
   .top_products_list li a {
      background-position: 0 0;
      background-image: url("../imgs/top/product_item_background_a_01.png");
   }
   .top_products_list li:nth-of-type(n+11):nth-child(-n+12) a,
   .top_products_list li:nth-of-type(n+7):nth-child(-n+8) a,
   .top_products_list li:nth-of-type(n+3):nth-child(-n+4) a {
      background-position: 100% 0;
      background-image: url("../imgs/top/product_item_background_b_01.png");
   }
}
@media screen and (max-width: 768px) {
   .top_products {
      padding: 2.4rem  0 3.6rem;
   }
   .top_products_title {
      padding: 0 4rem;
      top: -5.7rem;
      font-size: 3.2rem;
   }
   .top_products_list li a {
      aspect-ratio: 188 / 217;
   }
   .top_products_list li p,
   .top_products_list li a:hover p {
      font-size: 1.4rem;
      padding-bottom: 1.2rem;
   }
   .top_products_list li p i {
      display: block;
   }
   .top_products_list li figure img {
      width: 14.8rem;
   }
}

/* ============================================= CTA */
.top_cta {
   padding: 13.8rem 2rem 14.7rem;
   overflow: hidden;
   position: relative;
   background-color: var(--color-white);
}
.top_cta ul {
   padding: 0;
}
.top_cta li {
   list-style: none;
}
.top_cta_container {
   margin: 0 auto;
   position: relative;
   max-width: var(--content-width);
}
.top_cta_decoration {
   position: absolute;
   z-index: 0;
   width: 49.1rem;
   left: calc(50% + 12rem);
   top: -10rem;
}
.top_cta_banner {
   margin: 0 auto 12.5rem;
   max-width: 60rem;
   background-repeat: no-repeat;
   background-position: 0 0;
   background-size: 100% 100%;
   background-image: url("../imgs/top/cta_banner_02.png");
}
.top_cta_banner img {
   transition: 0.3s;
}
.top_cta_container > ul {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 0 3.2rem;
}
.top_cta_label,
.top_cta_container > ul > li > a {
   display: grid;
   align-items: center;
   width: 100%;
   text-align: center;
   border: 1px solid #007DC8;
   text-decoration: none;
   color: #007DC8;
   cursor: pointer;
   padding: 2rem 1rem;
   transition: 0.3s;
}
.top_cta_label span {
   display: block;
   margin: 0 auto;
   padding-right: 3.6rem;
   position: relative;
}
.top_cta_label span::before {
   content: "";
   display: block;
   position: absolute;
   width: 1.2rem;
   aspect-ratio: 1 / 1;
   right: 0;
   top: calc(50% - 0.7rem);
   border-right: 2px solid #007DC8;
   border-top: 2px solid #007DC8;
   transform: rotate(135deg);
   transition: 0.3s;
}
.top_cta_check {
   display: none;
}
.top_cta_pulldown {
   position: relative;
}
.top_cta_check ~ ul {
   opacity: 0;
   height: 0;
   width: 100%;
   position: absolute;
   transition: 0.3s;
}
.top_cta_check:checked ~ ul {
   opacity: 1;
   height: auto;
   padding: 0.8rem 0;
   background-color: #F1F1F1;
}
.top_cta_check:checked ~ label,
.top_cta_check:checked ~ label:hover {
   background-color: #007DC8;
   color: #fff;
}
.top_cta_check:checked ~ label span::before {
   transform: rotate(-45deg);
   top: calc(50% - 0.3rem);
   border-color: var(--color-white);
}
.top_cta_check ~ ul li a {
   display: block;   
   color: #8C8C8C;
   padding: 1.2rem 1.6rem;
   text-decoration: none;
   transition: 0.3s;
}
.top_cta_check ~ ul .external a span {
   display: inline-block;
   position: relative;
   padding-right: 1.8rem;
   background-repeat: no-repeat;
   background-position: 100% 50%;
   background-size: 1.2rem auto;
   background-image: url("../imgs/common/icon_external.svg");
   opacity: 0.5;
}
@media screen and (min-width: 769px) {
   .top_cta_banner a:hover img {
      opacity: 0;
   }
   .top_cta_label:hover,
   .top_cta_container > ul > li > a:hover {
      background-color: #007DC8;
      color: var(--color-white);
   }
   .top_cta_label:hover span::before {
      border-color: var(--color-white);
   }
   .top_cta_check ~ ul li a:hover {
      background-color: rgba(0,0,0,0.1);
      color: var(--color-black);
   }
   .top_cta_check ~ ul .external a:hover span {
      opacity: 1;
   }
}
@media screen and (max-width: 768px) {
   .top_cta {
      padding: 7.2rem 2.4rem 6rem;
   }
   .top_cta_decoration {
      width: 19.8rem;
      left: unset;
      right: 0;
      top: -4rem;
   }
   .top_cta_banner {
      margin: 0 auto 5.8rem 0;
      width: 26.4rem;
   }
   .top_cta_container > ul {
      grid-template-columns: repeat(2, 1fr);
      gap: 1.6rem;
   }
   .top_cta_container li,
   .top_cta_container li a {
      font-size: 1.4rem;
   }
   .top_cta_label,
   .top_cta_container > ul > li > a {
      padding: 1.2rem 0;
   }
   .top_cta_label span {
      padding-right: 3rem;
   }
   .top_cta_label span::before {
      width: 1rem;
      top: calc(50% - 0.7rem);
   }
}