body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use { margin: 0 auto; max-width: 920px; font-weight: 400; line-height: 1.67; color: #000000; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use { max-width: 100%; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .scroll-hint-icon-wrap { transition: all 0.5s; } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .scroll-hint-icon-wrap.is_none { opacity: 0; } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .scroll-hint-icon-wrap.is-active { transition-delay: 3.5s; opacity: 0; } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .pankuzu { margin: 0; margin-top: 25px; text-align: center; color: #818181; font-family: "Noto Sans JP", sans-serif; font-size: 11px; letter-spacing: 0.2em; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .pankuzu { font-size: 2.6666666667vw; margin-top: 6.6666666667vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .pankuzu a { color: #818181; font-family: "Noto Sans JP", sans-serif; font-size: 11px; letter-spacing: 0.2em; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .pankuzu a { font-size: 2.6666666667vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use h1.large_h1 { font-weight: 400; } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use h1.large_h1 .large_h1_en { font-weight: 400; text-align: center; color: #808080; margin-top: 50px; font-size: 26px; letter-spacing: 5.2px; line-height: 35px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use h1.large_h1 .large_h1_en { margin-top: 5.3333333333vw; font-size: 6.9333333333vw; letter-spacing: 1.2133333333vw; line-height: 9.8666666667vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use h1.large_h1 .large_h1_ja { font-weight: 400; text-align: center; margin-top: 5px; font-size: 12px; letter-spacing: 2.4px; line-height: 16px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use h1.large_h1 .large_h1_ja { margin-top: 0.8vw; font-size: 3.2vw; letter-spacing: 0.64vw; line-height: 4.2666666667vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_mv { margin-top: 38px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_mv { margin-top: 7.4666666667vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_ttl { text-align: center; font-family: "Shippori Mincho", serif; margin-top: 50px; font-weight: 600; font-size: 28px; letter-spacing: 3.36px; line-height: 40px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_ttl { margin-top: 5.3333333333vw; font-size: 5.8666666667vw; letter-spacing: 0.704vw; line-height: 9.3333333333vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_ttl_sub { text-align: center; margin-top: 20px; font-weight: 400; font-size: 14px; letter-spacing: 2.8px; line-height: 27px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_ttl_sub { margin-top: 5.3333333333vw; font-size: 2.9333333333vw; letter-spacing: 0.2346666667vw; line-height: 5.3333333333vw; padding: 0 5.3333333333vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use ul.large_form_ul { margin: 40px auto 0; display: flex; justify-content: center; gap: 7px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use ul.large_form_ul { margin-top: 5.3333333333vw; gap: 4.8vw; border: 1px solid #DADADA; border-radius: 1.3333333333vw; width: 89.3333333333vw; padding: 5.3333333333vw 0; align-items: flex-start; flex-direction: column; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use ul.large_form_ul li.large_form_li { border: 1px solid #DADADA; border-radius: 5px; padding: 19px 0; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use ul.large_form_ul li.large_form_li { width: 100%; border: none; padding: 0; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use ul.large_form_ul li.large_form_li a { display: flex; align-items: center; justify-content: center; gap: 10px; width: 363px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use ul.large_form_ul li.large_form_li a { justify-content: flex-start; gap: 3.2vw; width: 100%; padding-left: 8.1866666667vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use ul.large_form_ul li.large_form_li a.large_a_mail { gap: 29px; width: 360px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use ul.large_form_ul li.large_form_li a.large_a_mail { gap: 3.2vw; width: 100%; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use ul.large_form_ul li.large_form_li a .large_form_img { width: 65px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use ul.large_form_ul li.large_form_li a .large_form_img { width: 11.2vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use ul.large_form_ul li.large_form_li a .large_form_txt .large_form_txt_01 { font-size: 14px; letter-spacing: 1.4px; line-height: 20px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use ul.large_form_ul li.large_form_li a .large_form_txt .large_form_txt_01 { font-size: 2.9333333333vw; letter-spacing: 0.5866666667vw; line-height: 4.2666666667vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use ul.large_form_ul li.large_form_li a .large_form_txt .large_form_txt_tel { font-weight: bold; font-size: 28px; letter-spacing: 2.8px; line-height: 40px; margin: 2.5px 0; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use ul.large_form_ul li.large_form_li a .large_form_txt .large_form_txt_tel { font-size: 6.4vw; letter-spacing: 0.64vw; line-height: 9.3333333333vw; margin: 0.1333333333vw 0; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use ul.large_form_ul li.large_form_li a .large_form_txt .large_form_txt_mail { display: flex; align-items: center; justify-content: center; border: 1px solid #808080; color: #808080; line-height: 1; border-radius: 5px; width: 203px; height: 37px; font-size: 12px; letter-spacing: 2.4px; margin: 9px 0 7px 0; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use ul.large_form_ul li.large_form_li a .large_form_txt .large_form_txt_mail { border-radius: 1.3333333333vw; width: 50.9333333333vw; height: 9.6vw; font-size: 2.9333333333vw; letter-spacing: 0.5866666667vw; margin: 1.3333333333vw 0; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use ul.large_form_ul li.large_form_li a .large_form_txt .large_form_txt_02 { font-size: 12px; letter-spacing: 1.2px; line-height: 17px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use ul.large_form_ul li.large_form_li a .large_form_txt .large_form_txt_02 { font-size: 2.9333333333vw; letter-spacing: 0.2346666667vw; line-height: 4.2666666667vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow { position: relative; margin-top: 75px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow { margin-top: 12.472vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_flow_ttl { margin: 0 auto; width: 291px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_flow_ttl { width: 54.6666666667vw; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_flow_main { background-color: #FFF0D7; border-radius: 10px; padding: 20px; margin: 26px auto 0; max-width: 880px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_flow_main { border-radius: 0; padding: 9.8666666667vw 5.3333333333vw 5.3333333333vw; margin: 0 auto; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_flow_main .large_flow_main_inner { background-color: #ffffff; border-radius: 10px; padding: 40px 17px 28px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_flow_main .large_flow_main_inner { border-radius: 2.6666666667vw; padding: 8vw 3.4666666667vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_flow_main .large_flow_main_inner ul.large_flow_main_ul { display: flex; justify-content: space-between; gap: 20px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_flow_main .large_flow_main_inner ul.large_flow_main_ul { flex-direction: column; gap: 5.3333333333vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_flow_main .large_flow_main_inner ul.large_flow_main_ul li.large_flow_main_li { display: flex; flex-direction: column; width: calc((100% - 80px) / 5); } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_flow_main .large_flow_main_inner ul.large_flow_main_ul li.large_flow_main_li { flex-direction: row; gap: 2vw; width: 100%; } } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_flow_main .large_flow_main_inner ul.large_flow_main_ul li.large_flow_main_li:last-child { padding-top: 3.2vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_flow_main .large_flow_main_inner ul.large_flow_main_ul li.large_flow_main_li .large_flow_main_li_num { margin: 0 auto; width: 41.64px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_flow_main .large_flow_main_inner ul.large_flow_main_ul li.large_flow_main_li .large_flow_main_li_num { margin: 0; width: 8vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_flow_main .large_flow_main_inner ul.large_flow_main_ul li.large_flow_main_li .large_flow_main_li_img { margin-top: 15px; width: 100%; flex-shrink: 0; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_flow_main .large_flow_main_inner ul.large_flow_main_ul li.large_flow_main_li .large_flow_main_li_img { margin-top: 0; width: 26.6666666667vw; } } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_flow_main .large_flow_main_inner ul.large_flow_main_ul li.large_flow_main_li .large_flow_main_li_txt .large_flow_main_li_txt_top { display: flex; align-items: center; gap: 2.6666666667vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_flow_main .large_flow_main_inner ul.large_flow_main_ul li.large_flow_main_li .large_flow_main_li_txt .large_flow_main_li_txt_top .large_flow_main_li_txt_ttl { text-align: center; font-weight: bold; font-size: 14px; letter-spacing: 1.4px; line-height: 20px; margin-top: 15px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_flow_main .large_flow_main_inner ul.large_flow_main_ul li.large_flow_main_li .large_flow_main_li_txt .large_flow_main_li_txt_top .large_flow_main_li_txt_ttl { text-align: left; font-size: 3.7333333333vw; letter-spacing: 0.3733333333vw; line-height: 5.3333333333vw; margin-top: 0; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_flow_main .large_flow_main_inner ul.large_flow_main_ul li.large_flow_main_li .large_flow_main_li_txt .large_flow_main_li_txt_bottom { font-weight: 400; font-size: 12px; letter-spacing: 2.7px; line-height: 20px; margin-top: 10px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_flow_main .large_flow_main_inner ul.large_flow_main_ul li.large_flow_main_li .large_flow_main_li_txt .large_flow_main_li_txt_bottom { font-size: 3.2vw; letter-spacing: 0.64vw; line-height: 5.3333333333vw; margin-top: 1.6vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_cese { margin-top: 40px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_cese { margin-top: 10.6666666667vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_cese.mt50 { margin-top: 50px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_cese.mt50 { margin-top: 13.3333333333vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_cese .large_cese_ttl { background-size: 8px 2px, 8px 2px; background-position: left top, left bottom; background-repeat: repeat-x, repeat-x; background-image: linear-gradient(to right, #000 2px, transparent 2px), linear-gradient(to right, #000 2px, transparent 2px); text-align: center; display: flex; justify-content: center; align-items: center; width: 100%; line-height: 1; height: 40px; font-size: 16px; letter-spacing: 6.4px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_cese .large_cese_ttl { margin: 0 auto; width: 89.3333333333vw; height: 11.2vw; font-size: 3.2vw; letter-spacing: 1.28vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_cese_main { margin-top: 40px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_cese_main { margin-top: 5.8666666667vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_cese_main .large_cese_main_top { position: relative; display: flex; gap: 19px; padding: 0 21.5px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_cese_main .large_cese_main_top { flex-direction: column; gap: 5.3333333333vw; } } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_cese_main .large_cese_main_top { padding: 0 5.3333333333vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_cese_main .large_cese_main_top .large_cese_main_top_txt { display: flex; gap: 10px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_cese_main .large_cese_main_top .large_cese_main_top_txt { justify-content: space-between; width: 100%; gap: 0; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_cese_main .large_cese_main_top .large_cese_main_top_txt img { flex-shrink: 0; width: 163px; height: 74px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_cese_main .large_cese_main_top .large_cese_main_top_txt img { width: calc((100% - 3.4666666667vw) / 3); height: auto; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_cese_main .large_cese_main_top .large_cese_main_top_img { width: 100%; height: auto; max-width: 360px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_cese_main .large_cese_main_top .large_cese_main_top_img { margin: 0 auto; max-width: 100%; width: 73.3333333333vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_cese_main .large_cese_main_top .large_cese_main_top_txt_02 { font-size: 14px; letter-spacing: 2.8px; line-height: 27px; } @media screen and (min-width: 800.1px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_cese_main .large_cese_main_top .large_cese_main_top_txt_02 { position: absolute; bottom: 0; left: 21.5px; } } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_cese_main .large_cese_main_top .large_cese_main_top_txt_02 { font-size: 2.9333333333vw; letter-spacing: 0.2346666667vw; line-height: 5.3333333333vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how { margin-top: 63px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how { margin-top: 10.6666666667vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how#design { padding-top: 60px; margin-top: 3px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how#design { padding-top: 8vw; margin-top: 2.6666666667vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how .large_how_ttl { display: flex; align-items: center; gap: 10px; padding: 0 21.5px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how .large_how_ttl { gap: 2.6666666667vw; padding: 0 5.3333333333vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how .large_how_ttl.mt40 { margin-top: 40px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how .large_how_ttl.mt40 { margin-top: 10.6666666667vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how .large_how_ttl .large_how_ttl_01 { font-weight: bold; color: #B3161B; display: flex; align-items: center; justify-content: center; border-top: 1px solid #B3161B; border-bottom: 1px solid #B3161B; width: -moz-fit-content; width: fit-content; line-height: 1; height: 29px; font-size: 14px; letter-spacing: 2.8px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how .large_how_ttl .large_how_ttl_01 { height: 7.7333333333vw; font-size: 3.7333333333vw; letter-spacing: 0.7466666667vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how .large_how_ttl .large_how_ttl_02 { display: flex; align-items: center; justify-content: center; background-color: #B3161C; color: #ffffff; border-radius: 50%; line-height: 1; letter-spacing: 0; width: 30px; height: 30px; font-size: 14px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how .large_how_ttl .large_how_ttl_02 { width: 8vw; height: 8vw; font-size: 3.7333333333vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how .large_how_ttl .large_how_ttl_03 { font-weight: bold; line-height: 1; font-style: 14px; letter-spacing: 2.8px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how .large_how_ttl .large_how_ttl_03 { font-size: 3.7333333333vw; letter-spacing: 0.3733333333vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how p.large_how_p { font-weight: 400; margin-top: 20px; font-size: 14px; letter-spacing: 2.8px; line-height: 27px; padding: 0 21.5px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how p.large_how_p { margin-top: 5.3333333333vw; font-size: 2.9333333333vw; letter-spacing: 0.2346666667vw; line-height: 5.3333333333vw; padding: 0 5.3333333333vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how p.large_how_p.mt30_10 { margin-top: 30px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how p.large_how_p.mt30_10 { margin-top: 2.6666666667vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how p.large_how_p.mt20_10 { margin-top: 20px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how p.large_how_p.mt20_10 { margin-top: 2.6666666667vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how p.large_how_p.mt12_5 { margin-top: 12px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how p.large_how_p.mt12_5 { margin-top: 1.3333333333vw; } } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how p.large_how_p.mt20_15 { margin-top: 4vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how p.large_how_p a.p_a { text-decoration: underline; color: #B3161C; font-size: 14px; letter-spacing: 2.8px; line-height: 27px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how p.large_how_p a.p_a { font-size: 2.9333333333vw; letter-spacing: 0.2346666667vw; line-height: 5.3333333333vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how p.large_how_p span { font-size: 14px; letter-spacing: 2.8px; line-height: 27px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how p.large_how_p span { font-size: 2.9333333333vw; letter-spacing: 0.2346666667vw; line-height: 5.3333333333vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how p.large_how_p span.c_red { color: #B3161C; } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how .large_how_p_kome { text-align: center; line-height: 1; font-size: 11px; letter-spacing: 2.2px; padding: 0 21.5px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how .large_how_p_kome { color: #808080; text-align: left; font-size: 2.4vw; letter-spacing: 0.24vw; margin-top: 5.3333333333vw; padding: 0 5.3333333333vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how .large_how_ul_wrap { overflow: hidden; margin-top: 20px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how .large_how_ul_wrap { margin-top: 5.3333333333vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how .large_how_ul_wrap ul.large_how_ul { display: flex; gap: 30px; overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; padding: 0 40px; padding-bottom: 23px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how .large_how_ul_wrap ul.large_how_ul { gap: 8vw; padding: 0 5.3333333333vw; padding-bottom: 2.6666666667vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how .large_how_ul_wrap ul.large_how_ul::-webkit-scrollbar { display: none; } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how .large_how_ul_wrap ul.large_how_ul li.large_how_li { flex-shrink: 0; width: 180px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how .large_how_ul_wrap ul.large_how_ul li.large_how_li { width: 28.8vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how .large_how_ul_wrap ul.large_how_ul li.large_how_li .large_how_li_txt { font-weight: bold; text-align: center; line-height: 1; font-size: 14px; letter-spacing: 1.4px; margin-top: 10px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how .large_how_ul_wrap ul.large_how_ul li.large_how_li .large_how_li_txt { font-size: 2.9333333333vw; letter-spacing: 0.2933333333vw; margin-top: 2.6666666667vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how .large_how_table_wrap_all { margin-top: 20px; padding: 0 20px; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how .large_how_table_wrap_all { margin-top: 4.2666666667vw; padding-left: 5.3333333333vw; padding-right: 5.3333333333vw; } } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how .large_how_table_wrap { overflow-x: auto; padding-bottom: 2.6666666667vw; width: 100vw; position: relative; left: 50%; transform: translateX(-50%); padding: 0 5.3333333333vw; padding-bottom: 2.6666666667vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how table.large_how_table { width: 100%; border-collapse: collapse; transform: translateZ(0); border: 1px solid #7F8080; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how table.large_how_table { width: 153.3333333333vw; } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how table.large_how_table tr { width: 100%; } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how table.large_how_table tr td { font-weight: 400; border: 1px solid #7F8080; text-align: center; padding: 10px 0; line-height: 25px; font-size: 13px; letter-spacing: 2.6px; width: 20%; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how table.large_how_table tr td { padding: 1.8666666667vw 0; line-height: 4.8986666667vw; font-size: 2.9333333333vw; letter-spacing: 0.2933333333vw; width: calc((100% - 40vw) / 4); } } body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how table.large_how_table tr td.c_y { background-color: #FFF0D7; } @media screen and (max-width: 800px) { body:has(.corporate-use) #sysAll #sysWrap #sysMain .corporate-use .large_flow .large_how table.large_how_table tr td.c_y { width: 40vw; } } body:has(.corporate-use) #sysAll #sysFooter { margin-top: 100px; } @media (max-width: 800px) { body:has(.corporate-use) #sysAll #sysFooter { margin-top: 13.3333333333vw; } }/*# sourceMappingURL=corporate-use.css.map */