:root{--noto-sans-font:"Noto Sans JP",sans-serif;--font-family-roboto: 'Roboto', sans-serif;}
.c-pagetop { display: none; z-index: 999; right: 24px; bottom: 0; cursor: pointer; transition: bottom 0.3s; background: #333333; font-size: 0; position: fixed; }
[id*="optio"],
[class*="optio"] {
display: none !important;
}
#module_breadcrumbs {max-width: 1200px!important;}
.c-pagetop img { width: 50px; transition: all 0.3s; transform: translateY(0px); }
.c-pagetop.is-bottom { position: absolute;bottom: 0;right: calc(24px - (100vw - 100%)); }
.c-pagetop a {display: block;}
main{font-family:var(--noto-sans-font);font-weight:400;color:#333333;position: relative;}
html.is-scroll-locked {overflow: hidden;}
main .anchor-point {font-size: 0;line-height: 0;position: relative;top: -100px;}
main img { height: auto; vertical-align: bottom; width: 100%; }
main .l-wrap { margin-left: auto; margin-right: auto; max-width: 1200px; padding-left: 13px; padding-right: 13px; position: relative; }
main .l-wrap--large { max-width: 1466px; }
main .l-column { display: grid; }
main .l-column.l-column--3 { grid-template-columns: 1fr 1fr 1fr; column-gap: calc(56 / 1174 * 100%);row-gap: 56px;}
main .c-btn {display: inline-block; min-width: 200px; padding: 18px 30px; color: #fff; text-align: center; text-decoration: none; border-radius: 6px;position: relative;width: 100%;letter-spacing: 0.03em;}
main .c-btn.c-btn--opacity {transition: opacity 0.3s;}
main .c-btn.c-btn--red {background-color: #ff0000;border: 1px solid #ff0000;}
main .c-btn.c-btn--black {background-color: #333333;border: 1px solid #333333;}
main .c-btn.c-btn--white {color: #333333;border: 1px solid #858585;background-color: #fff;}
main .c-btn.c-btn--white::before {background-color: #c1c1c1;}
main .c-btn.c-btn--white::after {background-color: #333333;}
main .c-btn.c-btn--white:not(.c-btn--opacity) {transition: color 0.3s, background-color 0.3s, border-color 0.3s;}
main .c-btn.c-btn--black:not(.c-btn--opacity) {transition: color 0.3s, background-color 0.3s, border-color 0.3s;}
main .c-btn.c-btn--red:not(.c-btn--opacity) {transition: color 0.3s, background-color 0.3s, border-color 0.3s;}
main .c-btn::before {content: "";position: absolute;top: calc(50% - 12px);bottom: 0;right: 63px;width: 1px;height: 24px;background-color: #ffffff;opacity: 0.5;}
main .c-btn::after {content: ""; position: absolute; top: calc(50% - 5px); right: 24px; width: 13px; height: 11px; background-color: #ffffff; mask-image: url(/business/showroom/sask/common/img/img_arrow_white_right.svg); mask-size: contain; mask-repeat: no-repeat; -webkit-mask-image: url(/business/showroom/sask/common/img/img_arrow_white_right.svg); -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; }
main .c-btn--anchor::after{transform: rotate(90deg);right: 25px;}
main .c-btn.c-btn--blank::after {width: 14px;height: 14px;top: calc(50% - 7px);mask-image: url(/business/showroom/sask/common/img/img_blank.svg);-webkit-mask-image: url(/business/showroom/sask/common/img/img_blank.svg);}

@media (any-hover: hover){
    .c-pagetop:hover img { transform: translateY(-4px); }
    main .c-btn.c-btn--opacity:hover {opacity: 0.7;}
    main .c-btn.c-btn--white:hover {background-color: #333333;color: #ffffff;}
    main .c-btn.c-btn--white:hover::before {background-color: #fff;}
    main .c-btn.c-btn--white:hover::after {background-color: #fff;}
    main .c-btn.c-btn--black:not(.c-btn--opacity):hover {color: #333333;background-color: #fff;border: 1px solid #858585;}
    main .c-btn.c-btn--black:not(.c-btn--opacity):hover::before {background-color: #333333;}
    main .c-btn.c-btn--black:not(.c-btn--opacity):hover::after {background-color: #333333;}
    main .c-btn.c-btn--red:not(.c-btn--opacity):hover {color: #333333;background-color: #fff;border: 1px solid #858585;}
    main .c-btn.c-btn--red:not(.c-btn--opacity):hover::before {background-color: #333333;}
    main .c-btn.c-btn--red:not(.c-btn--opacity):hover::after {background-color: #333333;}
}
@media print, screen and (min-width: 768px){
    .pc_only {display: block!important;}
    .sp_only {display: none!important;}
}
@media only screen and (max-width: 767.98px){
    .pc_only {display: none!important;}
    .sp_only {display: block!important;}
    .c-pagetop { bottom: 68px; }
    .c-pagetop img { width: 37px; }
    .c-pagetop.is-bottom { bottom: 0;right: calc(24px - (100vw - 100%)); }
    main .anchor-point {top: -60px;}
    main {position: relative;padding-bottom: 55px!important;}
    main .l-wrap {padding: 0 20px;}
    main .l-column.l-column--3 { grid-template-columns: 1fr;row-gap: 50px; }
    main .c-btn {padding: 20px 15px 20px 13px;border-radius: 3px;font-size: calc(16 / 14 * 1em);}
    main .c-btn::after {right: 14px;}
    main .c-btn::before {right: 40px;}
    main .c-btn--align-left {text-align: left;}
    main .c-btn.c-btn--blank::after {width: 14px;height: 14px;top: calc(50% - 7px);}
}
/*
local-nav
================================================ */
main .m-local-nav {padding-top: 50px;}
main .m-local-nav__inner {display: flex;align-items: center;justify-content: center;}
main .m-local-nav__inner ul {display: flex;align-items: center;margin-right: 10px;}
main .m-local-nav__inner ul li a {padding: 0 22px;border-right: 1px solid #e8e8e8;text-decoration: none;transition: opacity 0.3s;color: #333333;display: block;letter-spacing: 0.03em;}
main .m-local-nav__inner ul li {flex-shrink: 0;}
main .m-local-nav__inner ul li:last-child a {border-right: none;}
main .m-local-nav__inner ul li:first-child a {padding-left: 0;}
main .m-local-nav__actions {display: flex;align-items: center;}
main .m-local-nav__actions .m-local-nav__btn + .m-local-nav__btn {margin-left: 10px;}
main .m-local-nav__actions .c-btn {text-align: left;min-width: 280px;}
main .m-local-nav-hamburger, .m-local-nav-close{display: none;}
@media (any-hover: hover){
    main .m-local-nav__inner ul li a:hover {opacity: 0.7;}
}
@media (min-width: 768px) {
    main .m-local-nav {position: sticky;top: 0;z-index: 1000;}
    main .m-local-nav.is-fixed {background-color: #ffffff;box-shadow: 0 6px 8px rgba(0, 0, 0, 0.1);padding-top: 17px;padding-bottom: 12px;transition: box-shadow 0.3s ease, padding 0.3s ease;}
    main .m-local-nav.is-fixed .c-btn {padding: 16px 30px;}
    main .m-local-nav-fixed {display: none;}
}
@media print, screen and (min-width: 768px) and (max-width: 1230px){
    main .m-local-nav__actions .c-btn {min-width: 180px;padding: 10px 20px;font-size: calc(14 / 16 * 1em);}
    main .m-local-nav__actions .c-btn::before {right: 40px;}
    main .m-local-nav__actions .c-btn::after {right: 12px;}
}
@media print, screen and (min-width: 768px) and (max-width: 1080px){
    main .m-local-nav__inner ul li a { padding: 0 calc(15 / 1230 * 100vw);font-size: calc(12 / 16 * 1em);}
}
@media only screen and (max-width: 767.98px){
    main .m-local-nav {padding-top: 0;position: relative;}
    main .m-local-nav-hamburger {display: flex;align-items: center;justify-content: center;gap: 8px;position: absolute;top: 13px;right: 13px;width: 100px;height: 40px;cursor: pointer;z-index: 999;color: #fff;background-color: #333333;border-radius: 2px;box-shadow: 0 0 20px rgba(0, 0, 0, .16);will-change: transform;transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;}
    main .m-local-nav-hamburger.is-fixed {position: fixed;top: 13px;}
    main .m-local-nav-close {position: fixed;top: 13px;right: 13px;width: 100px;height: 40px;cursor: pointer;z-index: 1002;color: #fff;background-color: #333333;border-radius: 2px;display: flex;align-items: center;justify-content: center;gap: 8px;}
    main .m-local-nav-line {display: block;position: relative;width: 14px;height: 2px;background-color: #fff;}
    main .m-local-nav-line::before,
    main .m-local-nav-line::after {content: "";position: absolute;width: 100%;height: 2px;background-color: #fff;left: 0;}
    main .m-local-nav-line::before {top: -6px;}
    main .m-local-nav-line::after {top: 6px;}
    main .m-local-nav-txt {font-size: calc(14 / 14 * 1em);font-family: var(--font-family-roboto);margin-top: 2px;}
    main .m-local-nav-close__line {display: block;position: relative;width: 14px;height: 14px;}
    main .m-local-nav-close__line::before,
    main .m-local-nav-close__line::after {content: "";position: absolute;width: 100%;height: 2px;background-color: #fff;top: 50%;left: 0;}
    main .m-local-nav-close__line::before {transform: rotate(45deg);}
    main .m-local-nav-close__line::after {transform: rotate(-45deg);}
    main .m-local-nav-close__txt {font-size: calc(14 / 14 * 1em);font-family: var(--font-family-roboto);margin-top: 2px;}
    main .m-local-nav-line::before,
    main .m-local-nav-line::after {content: "";position: absolute;width: 100%;height: 2px;background-color: #fff;transition: all 0.3s;}
    main .m-local-nav-line::before {top: -6px;left: 0;}
    main .m-local-nav-line::after {top: 6px;left: 0;}
    main .m-local-nav__inner {display: block;}
    main .m-local-nav__inner ul li a {padding: 0;border-right: none;font-size: calc(16 / 14 * 1em);}
    main .m-local-nav__menu {position: fixed;top: 0;left: 0;width: 100%;z-index: 1000;padding: 60px 20px 60px;overflow-y: auto;background-color: #fff;transform: translateY(-100%);transition: transform 0.2s ease-out;}
    main .m-local-nav__menu.is-open {transform: translateY(0);}
    main .m-local-nav__list {display: block !important;}
    main .m-local-nav__inner ul li + li {margin-top: 16px;padding-top: 18px;border-top: 1px solid #e8e8e8;}
    main .m-local-nav__actions {margin-top: 30px;}
    main .m-local-nav__actions .c-btn {min-width: auto;}
    main .m-local-nav__actions .m-local-nav__btn{width: 100%;}
    main .m-local-nav-fixed .c-btn {border-radius: 0;min-width: auto;text-align: left;}
    main .m-local-nav-fixed .m-local-nav-fixed__inner{display: grid;grid-template-columns: 1fr 1fr;}
    .m-local-nav-fixed { position: fixed; bottom: 0; left: 0; right: 0; opacity: 0; visibility: hidden; transform: translateY(100%); transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease; z-index: 100; will-change: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
    .m-local-nav-fixed.is-visible { opacity: 1; visibility: visible; transform: translateY(0); }
    main .m-local-nav__btn .c-btn::before { right: 26px; }
    main .m-local-nav__btn .c-btn:after { right: 8px; width: 12px; height: 10px; }
    main .m-local-nav__actions .m-local-nav__btn + .m-local-nav__btn {margin-left: 7px;}
}
/*
support
================================================ */
main .m-support {overflow: hidden;margin-top: 140px;}
main .m-support-list {display: grid;grid-template-columns: 1fr 1fr;}
main .m-support-item {position: relative;z-index: 1;transition: opacity 0.3s;}
main .m-support-item a {color: #fff;display: block;padding: 100px 120px 100px 78px;text-decoration: none;}
main .m-support-item a::before {content: "";position: absolute;top: calc(50% - 40px);right: 90px;width: 80px;height: 80px;border-radius: 6px;border: 1px solid #fff;}
main .m-support-item a::after {content: "";position: absolute;top: calc(50% - 7px);right: 120px;width: 18px;height: 13px;background-image: url('/business/showroom/sask/common/img/img_arrow_white_right.svg');background-size: contain;background-repeat: no-repeat;}
main .m-support-item::before {content: "";position: absolute;top: 0;bottom: 0;z-index: -1;}
main .m-support-item.m-support-item--application::before {background-color: #ff0000;right: 0;left: -100vw;}
main .m-support-item.m-support-item--contact::before {background-color: #333333;left: 0;right: -100vw;}
main .m-support-title p{line-height: 1;}
main .m-support-title__en {font-family: var(--font-family-roboto);font-weight: 100;font-size: calc(60 / 16 * 1em);letter-spacing: 0.04em;overflow-wrap: anywhere;text-transform: uppercase;}
main .m-support-title__ja {margin-top: 40px;font-size: calc(18 / 16 * 1em);letter-spacing: 0.08em;font-weight: 350;}
@media (any-hover: hover){
    main .m-support-item:hover {opacity: 0.7;}
}
@media print, screen and (min-width: 768px) and (max-width: 1300px){
    main .m-support-item a {padding: 100px 120px 100px 30px;}
    main .m-support-item a::before {top: calc(50% - 30px); right: 20px; width: 60px; height: 60px;}
    main .m-support-item a::after { right: 38px;}
}
@media only screen and (max-width: 767.98px){
    main .m-support {margin-top: 70px;}
    main .m-support-list { grid-template-columns: 1fr; }
    main .m-support-item a { padding: 53px 70px 53px 20px; }
    main .m-support-title__en { font-size: calc(38 / 14 * 1em); letter-spacing: 0; }
    main .m-support-title__ja { margin-top: 12px; font-size: calc(15 / 14 * 1em); letter-spacing: 0; }
    main .m-support-item a::before { top: calc(50% - 20px); right: 20px; width: 40px; height: 40px; border-radius: 2px; }
    main .m-support-item a::after{top: calc(50% - 3px); right: 33px; width: 12px; height: 9px;}
}
/*
m-video-thumbnail
================================================ */
main .m-video-thumbnail {position: relative;cursor: pointer;overflow: hidden;border-radius: 6px;transition: opacity 0.3s;}
main .m-video-thumbnail img,
main .m-video-thumbnail video {display: block;width: 100%;height: auto;pointer-events: none;}
main .m-video-thumbnail__play {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 89px;height: 89px;background-image: url('/business/showroom/sask/common/img/img_icon_play.png');background-size: contain;background-position: center;background-repeat: no-repeat;transition: all 0.3s;z-index: 1;}
main .m-video-text {margin-top: 10px;font-weight: 350;letter-spacing: 0.03em;}
main .m-video-thumbnail--border {border: 1px solid #e8e8e8;}
@media (any-hover: hover){
    main .m-video-thumbnail:hover {opacity: 0.85;}
    main .m-video-thumbnail:hover .m-video-thumbnail__play {transform: translate(-50%, -50%) scale(1.1);}
}
/*
m-video-modal
================================================ */
.m-video-modal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;display: none;align-items: center;justify-content: center;}
.m-video-modal.is-active {display: flex;}
.m-video-modal__overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);cursor: pointer;}
.m-video-modal__content {position: relative;z-index: 1;width: 90%;max-width: 1174px;margin: 0 auto;}
.m-video-modal__close {position: absolute;top: 3.536%;right: 2.17%;width: 36px;height: 36px;background: transparent;border: none;color: #fff;font-size: calc(32 / 16 * 1em);cursor: pointer;transition: opacity 0.3s;z-index: 2;background-color: #333333;border-radius: 4px;}
.m-video-modal__close span {display: block;width: 100%;height: 100%;background-image: url('/business/showroom/sask/common/img/img_close.svg');background-size: 16px 16px;background-position: center;background-repeat: no-repeat;}
.m-video-modal__close:hover {opacity: 0.7;}
.m-video-modal__iframe-bg {background-color: #fff;padding: calc(80 / 1174 * 100%) calc(100 / 1174 * 100%);}
.m-video-modal__iframe-wrapper {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;background: #000;}
.m-video-modal__player {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.m-video-modal__player iframe,
.m-video-modal__player video {width: 100%;height: 100%;border: none;}
@media only screen and (max-width: 767.98px){
    .m-video-modal__content {width: 100%;margin: 0 20px;}
    .m-video-modal__close {top: 13px;right: 13px;width: 35px;height: 35px;}
    .m-video-modal__iframe-bg {padding: 63px 30px 30px;}
}
/*
m-page-header
================================================ */
main .m-page-header { position: relative; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; display: flex; align-items: center;background-image: url(/business/showroom/sask/event/img/img_header_pc.jpg); }
main .m-page-header.m-page-header--under {background-image: url(/business/showroom/sask/event/img/img_header_under_pc.jpg);}
main .m-page-header .l-wrap { width: 100%; }
main .m-page-header__title { font-size: calc(58 / 16 * 1em);font-weight: 250;line-height: 1;display: flex;flex-direction: column;align-items: flex-start;}
main .m-page-header__title-bg{ display: inline-block; background-color: rgb(255, 255, 255); padding: 0px 3px 6px;letter-spacing: -0.02em; }
main .m-page-header__title-bg + .m-page-header__title-bg { margin-top: 12px; }
main .m-page-header__subtitle {font-size: calc(22 / 16 * 1em);line-height: 1;}
main .m-page-header__subtitle-bg { display: inline-block; background-color: rgb(255, 255, 255); padding: 2px 3px 6px;}
main .m-page-header__subtitle + .m-page-header__title {margin-top: 30px;}

@media print, screen and (min-width: 768px){
    main .m-page-header { min-height: 330px; }
}
@media only screen and (max-width: 767.98px){
    main .m-page-header { min-height: 230px;background-position: 50% 0;background-image: url(/business/showroom/sask/event/img/img_header_sp.jpg); }
    main .m-page-header.m-page-header--under {background-image: url(/business/showroom/sask/event/img/img_header_under_sp.jpg);}
    main .m-page-header__title-bg + .m-page-header__title-bg { margin-top: 10px; }
    main .m-page-header__title {font-size: min(calc(66 / 750 * 100vw), 60px);}
    main .m-page-header__subtitle {font-size: calc(16 / 14 * 1em);}
    main .m-page-header__subtitle + .m-page-header__title {margin-top: 15px;}
}
/*
m-event-content
================================================ */
main .m-event-content {margin-top: 50px;padding: 124px 0 140px;position: relative;}
main .m-event-content__title {font-size: calc(26 / 16 * 1em);text-align: center;letter-spacing: 0.06em;font-weight: 450;}
main .m-event-content__bg { content: ""; position: absolute; top: 0; left: 0; right: 80px; bottom: 0; background-color: #faf9f9; z-index: -1; }
@media print, screen and (min-width: 768px) and (max-width: 1380px) {
    main .m-event-content__bg { right: 0; }
}
@media only screen and (max-width: 767.98px){
    main .m-event-content { margin-top: 30px; padding: 60px 0 70px;padding-right: 26px; }
    main .m-event-content__title { font-size: calc(18 / 14 * 1em);text-align: left;line-height: calc(62 / 36);letter-spacing: 0; }
    main .m-event-content__bg { right: 20px; }
}
/*
m-card
================================================ */
main .m-card-list {margin-top: 90px;}
main .m-card-item__title {margin-top: 30px;font-size: calc(21 / 16 * 1em);letter-spacing: 0.05em;font-weight: 500;}
main .m-card-item__date {margin-top: 18px;letter-spacing: 0.05em;}
main .m-card-item__text {margin-top: 14px;letter-spacing: 0.04em;}
main .m-card-item__btn {padding-top: 40px;margin-top: auto;}
main .m-card-item__btn + .m-card-item__btn {margin-top: 20px;padding-top: 0;}
main .m-card-item { display: flex; flex-direction: column; }
@media print, screen and (min-width: 768px) and (max-width: 1080px){
    main .m-card-item__btn .c-btn::after { right: 12px; }
    main .m-card-item__btn .c-btn::before { right: 33px; }
}
@media only screen and (max-width: 767.98px){
    main .m-card-list { margin-top: 30px; }
    main .m-card-item__title { margin-top: 24px; line-height: calc(54 / 36); }
    main .m-card-item__text { margin-top: 10px; letter-spacing: 0.02em; line-height: calc(46 / 28); }
    main .m-card-item__btn { padding-top: 26px; }
    main .m-card-item__btn + .m-card-item__btn { margin-top: 12px; }
}
/*
m-back-to-top
================================================ */
main .m-back-to-top {margin-top: 60px;}
main .m-back-to-top .c-btn::before { left: 73px; right: auto; }
main .m-back-to-top .c-btn::after { left: 30px; right: auto; transform: scaleX(-1); }
@media only screen and (max-width: 767.98px){
    main .m-back-to-top { margin-top: 40px; }
    main .m-back-to-top .c-btn::before { left: 50px;}
    main .m-back-to-top .c-btn::after { left: 20px;}
}
/*
m-event-block
================================================ */
main .m-event-block {margin-top: 80px;}
main .m-event-item__title {font-size: calc(26 / 16 * 1em);font-weight: 350;letter-spacing: 0.05em;}
main .m-event-item__title + .m-event-item__text {margin-top: 20px;}

main .m-event-item__lead {margin-top: 20px; font-size: calc(18 / 16 * 1em);font-weight: 450;letter-spacing: 0.05em;}
main .m-event-item__text {line-height: calc(32 / 16);letter-spacing: 0.03em;}
main .m-event-item {display: flex; align-items: center;}
main .m-event-item + .m-event-item {margin-top: 120px;}
main .m-event-item.m-event-item--reverse{justify-content: flex-end;}
main .m-event-item__img {margin-left: 0;margin-right: calc(50% - 50vw);width: calc(750 / 1174 * 100%);}
main .m-event-item.m-event-item--reverse .m-event-item__img {margin-left: calc(50% - 50vw);margin-right: 0;}
main .m-event-item.m-event-item--reverse .m-event-item__content {margin-left: calc(100 / 1174 * 100%);margin-right: 0;}
main .m-event-item__content {width: calc(537 / 1174 * 100%);margin-right: calc(100 / 1174 * 100%);}
main .m-event-item__btn {margin-top: 50px;}
main .m-event-item__btn + .m-event-item__btn {margin-top: 20px;}
main .m-event-btn {margin-top: 100px;}
main .m-event-btn .c-btn {padding: 38px 30px;font-size: calc(20 / 16 * 1em);}
main .m-event-btn .c-btn::before { top: calc(50% - 35px); height: 71px; }
@media only screen and (max-width: 767.98px){
    main .m-event-item {flex-direction: column;}
    main .m-event-block {margin-top: 44px;}
    main .m-event-item.m-event-item--reverse .m-event-item__img {width: calc(658 / 750 * 100vw);}
    main .m-event-item.m-event-item--reverse .m-event-item__content {margin-left: 0;width: 100%;}
    main .m-event-item__content { width: 100%; margin-right: 0; }
    main .m-event-item__content {order: 2;}
    main .m-event-item__img { width: calc(710 / 750 * 100vw); }
    main .m-event-item__title { font-size: calc(18 / 14 * 1em); margin-top: 28px; }
    main .m-event-item__lead { margin-top: 24px; font-size: calc(14 / 14 * 1em); }
    main .m-event-item__text { line-height: calc(46 / 28);margin-top: 2px; }
    main .m-event-item__btn { margin-top: 26px; }
    main .m-event-item__btn + .m-event-item__btn { margin-top: 10px; }
    main .m-event-item + .m-event-item { margin-top: 60px; }
    main .m-event-btn { margin-top: 40px; }
    main .m-event-btn .c-btn { padding: 36px 30px;font-size: calc(16 / 14 * 1em); }
    main .m-event-btn .c-btn::before { top: calc(50% - 31px); height: 62px;}
}