/* TOP section 4 — PC truth 201:823 / SP truth 229:5044. */
.sect4,
.sect4 * { box-sizing:border-box; }
.sect4 { position:relative; width:1366px; height:1230.365967px; margin:0; overflow:hidden; color:#333; }
.sect4 img { display:block; max-width:none; }
.sect4 h2,
.sect4 h3,
.sect4 p,
.sect4 span,
.sect4 small,
.sect4 strong { margin:0; }
.sect4 button { margin:0; padding:0; border-radius:0; appearance:none; -webkit-appearance:none; font:inherit; cursor:pointer; }
.sect4 .trim { display:flex; align-items:center; }

.sect4-pc { position:relative; display:block; width:1366px; height:1230.365967px; overflow:hidden; background:#f7e730; }
.sect4-pc__canvas { position:absolute; left:0; top:0; width:1366px; height:1230.365967px; overflow:hidden; transform-origin:0 0; }
.sect4-pc__background { position:absolute; z-index:1; left:428px; top:281.511719px; width:938px; height:981px; }
.sect4-pc__inner { position:absolute; z-index:2; left:100px; top:100px; width:1166px; height:1030.365967px; overflow:visible; }

/* PC intro + overlapping photography. */
.sect4-pc__intro-column { position:absolute; left:0; top:0; width:457px; height:914.337402px; overflow:visible; }
.sect4-pc__intro { position:absolute; left:0; top:0; width:457px; height:222.337402px; }
.sect4-pc__heading { position:absolute; left:0; top:0; width:438.832336px; height:153.337646px; }
.sect4-pc__heading-row { position:absolute; left:0; top:0; width:438.832336px; height:65.337593px; }
.sect4-pc__symbol { position:absolute; left:0; top:7.168701px; width:70px; height:51px; }
.sect4-pc__works { position:absolute; left:77.999991px; top:0; width:360.832346px; height:65.337593px; overflow:visible; white-space:nowrap; color:#333; font:500 96px/138.720001px "Jost",sans-serif; letter-spacing:0; }
.sect4-pc__headline { position:absolute; left:17.416168px; top:89.337646px; width:404px; height:64px; overflow:visible; white-space:nowrap; color:#333; font:700 20px/32px "Noto Sans JP",sans-serif; letter-spacing:4px; }
.sect4-pc__lead { position:absolute; left:0; top:193.337402px; width:457px; height:29px; overflow:visible; white-space:nowrap; color:#333; font:500 16px/28.8px "Noto Sans JP",sans-serif; letter-spacing:2.4px; }
.sect4-pc__photos { position:absolute; left:0; top:282.337402px; width:457px; height:632px; overflow:visible; }
.sect4-pc__photo-square { position:absolute; z-index:1; left:0; top:0; width:296px; height:296px; }
.sect4-pc__photo-tall { position:absolute; z-index:2; left:161px; top:257.174316px; width:296px; height:433px; }

/* PC search card. */
.sect4-pc__search { position:absolute; left:517px; top:0; width:649px; height:1030.365967px; }
.sect4-pc__filters { position:absolute; left:0; top:0; width:649px; height:844.365906px; border:1px solid #989898; background:#fff; }
.sect4-pc__area { position:absolute; left:24px; top:32px; width:599px; height:341.841553px; }
.sect4-pc__filter-heading { position:absolute; left:0; top:0; height:32.841478px; }
.sect4-pc__filter-heading--area { width:428.799866px; }
.sect4-pc__step { position:absolute; left:0; top:0; height:32.841478px; overflow:visible; white-space:nowrap; color:#333; font:700 48px/69.360001px "Jost","Noto Sans JP",sans-serif; letter-spacing:0; }
.sect4-pc__filter-heading--area .sect4-pc__step { width:69.799847px; }
.sect4-pc__filter-title { position:absolute; top:8.920654px; height:15px; overflow:visible; white-space:nowrap; color:#333; font:500 20px/24px "Noto Sans JP",sans-serif; letter-spacing:1px; }
.sect4-pc__filter-heading--area .sect4-pc__filter-title { left:93.799866px; width:335px; }
.sect4-pc__area-body { position:absolute; left:0; top:56.841553px; width:599px; height:285px; }
.sect4-pc__map { position:absolute; left:138px; top:0; width:323px; height:215px; overflow:visible; }
.sect4-pc__map-image { position:absolute; left:0; top:0; width:323px; height:215px; }

.sect4-map-pin { position:absolute; display:block; width:51px; height:20px; border:1px solid #333; border-radius:105px; background:#fff; color:#333; }
.sect4-map-pin > span { position:absolute; left:10px; top:4px; width:29px; height:10px; overflow:visible; white-space:nowrap; color:#333; font:700 14px/16.800001px "Noto Sans JP",sans-serif; letter-spacing:.7px; }
.sect4-map-pin > i { position:absolute; left:21px; top:25px; width:7px; height:7px; border:1px solid #333; border-radius:50%; background:#fff; }
.sect4-map-pin > b { position:absolute; left:24px; top:19px; width:1px; height:6px; background:#333; }
.sect4-map-pin.is-disabled { border-color:rgba(51,51,51,.49); }
.sect4-map-pin.is-disabled > span { color:rgba(51,51,51,.5); }
.sect4-pc__map .sect4-map-pin--abashiri { left:167px; top:90.395996px; }
.sect4-pc__map .sect4-map-pin--kitami { left:87px; top:126.395996px; }
.sect4-pc__map .sect4-map-pin--bihoro { left:162px; top:132.395996px; }
.sect4-pc__map .sect4-map-pin--obihiro { left:0; top:195.395996px; }

.sect4-choice { position:absolute; display:block; border:1px solid #989898; background:#333; color:#fff; }
.sect4-choice.is-selected { background:#f7e730; color:#333; }
.sect4-choice.is-disabled { background:rgba(51,51,51,.5); color:#fff; }
.sect4-choice > span,
.sect4-choice > small { position:absolute; overflow:visible; white-space:nowrap; color:inherit; font-family:"Noto Sans JP",sans-serif; font-weight:700; }
.sect4-pc__choices { position:absolute; left:0; width:599px; }
.sect4-pc__choices--area { top:239px; height:46px; }
.sect4-pc__choices--area .sect4-choice { top:0; width:113.4px; height:46px; }
.sect4-pc__choices--area .sect4-choice:nth-child(1) { left:0; }
.sect4-pc__choices--area .sect4-choice:nth-child(2) { left:121.4px; }
.sect4-pc__choices--area .sect4-choice:nth-child(3) { left:242.8px; }
.sect4-pc__choices--area .sect4-choice:nth-child(4) { left:364.2px; }
.sect4-pc__choices--area .sect4-choice:nth-child(5) { left:485.6px; }
.sect4-pc__choices--area .sect4-choice > span { top:16px; height:12px; font-size:16px; line-height:19.2px; letter-spacing:.8px; }
.sect4-pc__choices--area .sect4-choice:nth-child(1) > span { left:31.7px; width:48px; }
.sect4-pc__choices--area .sect4-choice:nth-child(2) > span,
.sect4-pc__choices--area .sect4-choice:nth-child(3) > span,
.sect4-pc__choices--area .sect4-choice:nth-child(4) > span { left:39.2px; width:33px; }
.sect4-pc__choices--area .sect4-choice:nth-child(5) > span { left:10.2px; width:33px; }
.sect4-pc__choices--area .sect4-choice:nth-child(5) > small { left:45.2px; top:17px; width:56px; height:10px; font-size:14px; line-height:16.8px; letter-spacing:.7px; }

.sect4-pc__filters-lower { position:absolute; left:24px; top:413.841553px; width:599px; height:396.524353px; }
.sect4-pc__filter-section { position:absolute; left:0; width:599px; }
.sect4-pc__filter-section--employment { top:0; height:102.841553px; }
.sect4-pc__filter-section--style { top:142.841553px; height:110.841553px; }
.sect4-pc__filter-section--role { top:293.682861px; height:102.841492px; }
.sect4-pc__filter-section--employment .sect4-pc__filter-heading { width:177.799866px; }
.sect4-pc__filter-section--style .sect4-pc__filter-heading { width:323.799866px; }
.sect4-pc__filter-section--role .sect4-pc__filter-heading { width:137.799866px; }
.sect4-pc__filter-section--employment .sect4-pc__step { width:70.799847px; }
.sect4-pc__filter-section--style .sect4-pc__step { width:69.799847px; }
.sect4-pc__filter-section--role .sect4-pc__step { width:72.799847px; }
.sect4-pc__filter-section .sect4-pc__filter-title { left:94.799866px; }
.sect4-pc__filter-section--employment .sect4-pc__filter-title { width:83px; }
.sect4-pc__filter-section--style .sect4-pc__filter-title { width:230px; }
.sect4-pc__filter-section--role .sect4-pc__filter-title { left:96.799866px; width:41px; }
.sect4-pc__choices--employment { top:56.841553px; height:46px; }
.sect4-pc__choices--employment .sect4-choice { top:0; width:194.333328px; height:46px; }
.sect4-pc__choices--employment .sect4-choice:nth-child(1) { left:0; }
.sect4-pc__choices--employment .sect4-choice:nth-child(2) { left:202.333313px; }
.sect4-pc__choices--employment .sect4-choice:nth-child(3) { left:404.666626px; }
.sect4-pc__choices--employment .sect4-choice > span { top:16px; height:12px; font-size:16px; line-height:19.2px; letter-spacing:.8px; }
.sect4-pc__choices--employment .sect4-choice:nth-child(1) > span { left:72.166687px; width:48px; }
.sect4-pc__choices--employment .sect4-choice:nth-child(2) > span { left:71.166687px; width:50px; }
.sect4-pc__choices--employment .sect4-choice:nth-child(3) > span { left:20.666626px; width:151px; }
.sect4-pc__choices--style { top:56.841553px; height:54px; }
.sect4-pc__choices--style .sect4-choice { top:0; width:143.75px; height:54px; }
.sect4-pc__choices--style .sect4-choice:nth-child(1) { left:0; }
.sect4-pc__choices--style .sect4-choice:nth-child(2) { left:151.75px; }
.sect4-pc__choices--style .sect4-choice:nth-child(3) { left:303.5px; }
.sect4-pc__choices--style .sect4-choice:nth-child(4) { left:455.25px; }
.sect4-pc__choices--style .sect4-choice > span { top:21px; height:10px; font-size:14px; line-height:16.8px; letter-spacing:.7px; }
.sect4-pc__choices--style .sect4-choice:nth-child(1) > span { left:49.875px; width:42px; }
.sect4-pc__choices--style .sect4-choice.has-icon > img { position:absolute; top:16px; width:20px; height:20px; }
.sect4-pc__choices--style .sect4-choice:nth-child(2) > img,
.sect4-pc__choices--style .sect4-choice:nth-child(3) > img { left:14.875px; }
.sect4-pc__choices--style .sect4-choice:nth-child(4) > img { left:29.375px; }
.sect4-pc__choices--style .sect4-choice:nth-child(2) > span,
.sect4-pc__choices--style .sect4-choice:nth-child(3) > span { left:38.875px; width:88px; }
.sect4-pc__choices--style .sect4-choice:nth-child(4) > span { left:53.375px; width:59px; }
.sect4-pc__select-wrap { position:absolute; left:0; top:56.841553px; width:599px; height:46px; }
.sect4-pc__select { position:absolute; left:0; top:0; width:599px; height:46px; border:1px solid #989898; background:transparent; color:#333; }
.sect4-pc__select > span { position:absolute; left:24px; top:16px; width:48px; height:12px; overflow:visible; white-space:nowrap; font:700 16px/19.2px "Noto Sans JP",sans-serif; letter-spacing:.8px; }
.sect4-pc__select > img { position:absolute; left:559.633545px; top:18.19751px; width:14px; height:9px; }

/* PC result / CTA. */
.sect4-pc__result { position:absolute; left:0; top:843.365967px; width:649px; height:187px; border:1px solid #989898; background:#333; }
.sect4-pc__result-main { position:absolute; left:24px; top:24px; width:599px; height:99px; border-bottom:1px solid #fff; }
.sect4-pc__result-copy { position:absolute; left:0; top:14.5px; width:299px; height:45px; }
.sect4-pc__result-copy-inner { position:absolute; left:41px; top:0; width:217px; height:45px; }
.sect4-pc__result-number { position:absolute; left:0; top:0; width:73px; height:45px; overflow:visible; white-space:nowrap; color:#f7e730; font:700 64px/92.480003px "Jost",sans-serif; letter-spacing:0; }
.sect4-pc__result-text { position:absolute; left:77px; top:7px; width:140px; height:38px; overflow:visible; white-space:nowrap; color:#f3f4f6; font:700 16px/19.2px "Noto Sans JP",sans-serif; letter-spacing:1.6px; }
.sect4-pc__result-text > strong { display:inline-block; color:#f7e730; font-size:32px; line-height:38px; letter-spacing:1.6px; vertical-align:bottom; }
.sect4-pc__result-text > span { display:inline-block; height:38px; line-height:38px; vertical-align:bottom; }
.sect4-pc__submit { position:absolute; left:299px; top:0; width:300px; height:74px; border:1px solid #333; background:#fff; box-shadow:6px 6px 0 #f7e730; color:#333; }
.sect4-pc__submit > span { position:absolute; left:21.5px; top:24px; width:218px; height:24px; overflow:visible; white-space:nowrap; font:700 20px/24px "Noto Sans JP",sans-serif; letter-spacing:2px; }
.sect4-pc__submit > img { position:absolute; left:251.5px; top:28.643677px; width:26px; height:15px; }
.sect4-pc__graduate { position:absolute; left:24px; top:139px; width:599px; height:22px; }
.sect4-pc__graduate-en { position:absolute; left:16px; top:0; width:137px; height:22px; overflow:visible; white-space:nowrap; color:#fff; font:600 15px/21.675001px "Jost",sans-serif; letter-spacing:1.5px; }
.sect4-pc__graduate-link { position:absolute; left:406px; top:2px; width:177px; height:18px; color:#fff; }
.sect4-pc__graduate-link > span { position:absolute; left:0; top:0; width:164px; height:18px; overflow:visible; white-space:nowrap; font:700 15px/18px "Noto Sans JP",sans-serif; letter-spacing:1.5px; }
.sect4-pc__graduate-link > img { position:absolute; left:171.665527px; top:4.134521px; width:7px; height:10px; }

.sect4-sp { display:none; }

@media (max-width:767px) {
  .sect4 { width:100vw; height:calc(1067.751099px * var(--sect-sp-scale,1)); margin:0; overflow:hidden; }
  .sect4-pc { display:none; }
  .sect4-sp { position:relative; display:block; width:375px; height:1067.751099px; overflow:hidden; background:#f7e730; color:#333; transform:scale(var(--sect-sp-scale,1)); transform-origin:0 0; }
  .sect4-sp__background { position:absolute; z-index:1; left:0; top:629.694824px; width:375px; height:1533px; }
  .sect4-sp__heading { position:absolute; z-index:2; left:16px; top:0; width:324px; height:104px; }
  .sect4-sp__heading-row { position:absolute; left:0; top:0; width:196.198593px; height:28px; }
  .sect4-sp__symbol { position:absolute; left:0; top:0; width:38px; height:28px; }
  .sect4-sp__works { position:absolute; left:46.000016px; top:3.194824px; width:150.198592px; height:27.305263px; overflow:visible; white-space:nowrap; color:#333; font:500 40px/57.800003px "Jost",sans-serif; letter-spacing:0; }
  .sect4-sp__headline { position:absolute; left:0; top:52px; width:324px; height:52px; overflow:visible; white-space:nowrap; color:#333; font:700 16px/25.6px "Noto Sans JP",sans-serif; letter-spacing:3.2px; }
  .sect4-sp__body { position:absolute; z-index:2; left:16px; top:136px; width:343px; height:851.751099px; overflow:visible; }
  .sect4-sp__lead { position:absolute; left:0; top:0; width:273px; height:58px; overflow:visible; white-space:nowrap; color:#333; font:500 16px/28.8px "Noto Sans JP",sans-serif; letter-spacing:2.4px; }
  .sect4-sp__content { position:absolute; left:0; top:90px; width:343px; height:761.751099px; overflow:visible; }
  .sect4-sp__search { position:absolute; left:0; top:0; width:343px; height:761.751099px; }
  .sect4-sp__filters { position:absolute; left:0; top:0; width:343px; height:481.751099px; border:1px solid #989898; background:#fff; }
  .sect4-sp__area { position:absolute; left:24px; top:32px; width:293px; height:107px; }
  .sect4-sp__filter-heading { position:absolute; left:0; top:0; height:21.250368px; }
  .sect4-sp__filter-heading--area { width:221.694031px; height:31px; }
  .sect4-sp__step { position:absolute; left:0; height:21.250368px; overflow:visible; white-space:nowrap; color:#333; font:700 32px/46.240002px "Jost","Noto Sans JP",sans-serif; letter-spacing:0; }
  .sect4-sp__filter-heading--area .sect4-sp__step { top:4.875px; width:46.694019px; }
  .sect4-sp__filter-title { position:absolute; left:71.694031px; top:4.625px; height:12px; overflow:visible; white-space:nowrap; color:#333; font:500 16px/19.2px "Noto Sans JP",sans-serif; letter-spacing:.8px; }
  .sect4-sp__filter-heading--area .sect4-sp__filter-title { top:0; width:151px; height:31px; white-space:nowrap; }
  .sect4-sp__area-body { position:absolute; left:0; top:43px; width:293px; height:64px; }

  .sect4-sp__choices { position:absolute; left:0; width:293px; }
  .sect4-sp__choices--area { top:0; height:64px; }
  .sect4-sp__choices--area .sect4-choice { width:95px; height:28px; }
  .sect4-sp__choices--area .sect4-choice:nth-child(1) { left:0; top:0; }
  .sect4-sp__choices--area .sect4-choice:nth-child(2) { left:99px; top:0; }
  .sect4-sp__choices--area .sect4-choice:nth-child(3) { left:198px; top:0; }
  .sect4-sp__choices--area .sect4-choice:nth-child(4) { left:0; top:36px; }
  .sect4-sp__choices--area .sect4-choice:nth-child(5) { left:99px; top:36px; }
  .sect4-sp__choices--area .sect4-choice > span { top:8px; height:10px; font-size:14px; line-height:16.8px; letter-spacing:.7px; }
  .sect4-sp__choices--area .sect4-choice:nth-child(1) > span { left:25.5px; width:42px; }
  .sect4-sp__choices--area .sect4-choice:nth-child(2) > span,
  .sect4-sp__choices--area .sect4-choice:nth-child(3) > span,
  .sect4-sp__choices--area .sect4-choice:nth-child(4) > span { left:32px; width:29px; }
  .sect4-sp__choices--area .sect4-choice:nth-child(5) > span { left:3px; width:29px; }
  .sect4-sp__choices--area .sect4-choice:nth-child(5) > small { left:34px; top:8px; width:56px; height:10px; font-size:14px; line-height:16.8px; letter-spacing:.7px; }

  .sect4-sp__filters-lower { position:absolute; left:24px; top:163px; width:293px; height:284.751099px; }
  .sect4-sp__filter-section { position:absolute; left:0; width:293px; }
  .sect4-sp__filter-section--employment { top:0; height:77.250366px; }
  .sect4-sp__filter-section--style { top:101.250488px; height:98.250366px; }
  .sect4-sp__filter-section--role { top:223.500732px; height:61.250366px; }
  .sect4-sp__filter-section--employment .sect4-sp__filter-heading { width:138.694031px; }
  .sect4-sp__filter-section--style .sect4-sp__filter-heading { width:254.694031px; }
  .sect4-sp__filter-section--role .sect4-sp__filter-heading { width:105.694031px; }
  .sect4-sp__filter-section--employment .sect4-sp__step { top:0; width:47.694019px; }
  .sect4-sp__filter-section--style .sect4-sp__step { top:0; width:46.694019px; }
  .sect4-sp__filter-section--role .sect4-sp__step { top:0; width:48.694019px; }
  .sect4-sp__filter-section--role .sect4-sp__filter-title { left:72.694031px; width:33px; }
  .sect4-sp__filter-section--employment .sect4-sp__filter-title { width:67px; }
  .sect4-sp__filter-section--style .sect4-sp__filter-title { width:184px; }
  .sect4-sp__choices--employment { top:33.250488px; height:44px; }
  .sect4-sp__choices--employment .sect4-choice { width:92.333336px; height:44px; top:0; }
  .sect4-sp__choices--employment .sect4-choice:nth-child(1) { left:0; }
  .sect4-sp__choices--employment .sect4-choice:nth-child(2) { left:100.333313px; }
  .sect4-sp__choices--employment .sect4-choice:nth-child(3) { left:200.666687px; }
  .sect4-sp__choices--employment .sect4-choice > span { top:16px; height:10px; font-size:14px; line-height:16.8px; letter-spacing:.7px; }
  .sect4-sp__choices--employment .sect4-choice:nth-child(1) > span { left:24.166687px; width:42px; }
  .sect4-sp__choices--employment .sect4-choice:nth-child(2) > span { left:23.166687px; width:44px; }
  .sect4-sp__choices--employment .sect4-choice:nth-child(3) > span { left:8.666656px; top:7.5px; width:73px; height:27px; }
  .sect4-sp__choices--style { top:34.250489px; height:64px; }
  .sect4-sp__choices--style .sect4-choice { width:142.5px; height:28px; }
  .sect4-sp__choices--style .sect4-choice:nth-child(1) { left:0; top:0; }
  .sect4-sp__choices--style .sect4-choice:nth-child(2) { left:150.5px; top:0; }
  .sect4-sp__choices--style .sect4-choice:nth-child(3) { left:0; top:36px; }
  .sect4-sp__choices--style .sect4-choice:nth-child(4) { left:150.5px; top:36px; }
  .sect4-sp__choices--style .sect4-choice > span { top:8px; height:10px; font-size:14px; line-height:16.8px; letter-spacing:.7px; }
  .sect4-sp__choices--style .sect4-choice:nth-child(1) > span { left:49.25px; width:42px; }
  .sect4-sp__choices--style .sect4-choice.has-icon > img { position:absolute; }
  .sect4-sp__choices--style .sect4-choice:nth-child(2) > img { left:15.75px; top:4.5px; width:17px; height:17px; }
  .sect4-sp__choices--style .sect4-choice:nth-child(3) > img { left:16.25px; top:5px; width:16px; height:16px; }
  .sect4-sp__choices--style .sect4-choice:nth-child(4) > img { left:30.75px; top:5px; width:16px; height:16px; }
  .sect4-sp__choices--style .sect4-choice:nth-child(2) > span { left:36.75px; width:88px; }
  .sect4-sp__choices--style .sect4-choice:nth-child(3) > span { left:36.25px; width:88px; }
  .sect4-sp__choices--style .sect4-choice:nth-child(4) > span { left:50.75px; width:59px; }
  .sect4-sp__select-wrap { position:absolute; left:0; top:33.250245px; width:293px; height:28px; }
  .sect4-sp__select { position:absolute; left:0; top:0; width:293px; height:34px; border:1px solid #989898; background:transparent; color:#333; }
  .sect4-sp__select > span { position:absolute; left:24px; top:10px; width:48px; height:12px; overflow:visible; white-space:nowrap; font:700 16px/19.2px "Noto Sans JP",sans-serif; letter-spacing:.8px; }
  .sect4-sp__select > img { position:absolute; left:254px; top:12.5px; width:13px; height:7px; }

  .sect4-sp__result { position:absolute; left:0; top:480.750977px; width:343px; height:281px; border:1px solid #989898; background:#333; }
  .sect4-sp__result-main { position:absolute; left:24px; top:24px; width:293px; height:168px; border-bottom:1px solid #fff; }
  .sect4-sp__result-copy { position:absolute; left:0; top:0; width:293px; height:45px; }
  .sect4-sp__result-copy-inner { position:absolute; left:38px; top:0; width:217px; height:45px; }
  .sect4-sp__result-number { position:absolute; left:0; top:0; width:73px; height:45px; overflow:visible; white-space:nowrap; color:#f7e730; font:700 64px/92.480003px "Jost",sans-serif; letter-spacing:0; }
  .sect4-sp__result-text { position:absolute; left:77px; top:7px; width:140px; height:38px; overflow:visible; white-space:nowrap; color:#f3f4f6; font:700 16px/19.2px "Noto Sans JP",sans-serif; letter-spacing:1.6px; }
  .sect4-sp__result-text > strong { display:inline-block; color:#f7e730; font-size:32px; line-height:38px; letter-spacing:1.6px; vertical-align:bottom; }
  .sect4-sp__result-text > span { display:inline-block; height:38px; line-height:38px; vertical-align:bottom; }
  .sect4-sp__submit { position:absolute; left:0; top:69px; width:293px; height:74px; border:1px solid #333; background:#fff; box-shadow:6px 6px 0 #f7e730; color:#333; }
  .sect4-sp__submit > span { position:absolute; left:18px; top:24px; width:218px; height:24px; overflow:visible; white-space:nowrap; font:700 20px/24px "Noto Sans JP",sans-serif; letter-spacing:2px; }
  .sect4-sp__submit > img { position:absolute; left:248px; top:28.642578px; width:26px; height:15px; }
  .sect4-sp__graduate { position:absolute; left:24px; top:208px; width:293px; height:47px; }
  .sect4-sp__graduate-en { position:absolute; left:16px; top:0; width:137px; height:22px; overflow:visible; white-space:nowrap; color:#fff; font:600 15px/21.675001px "Jost",sans-serif; letter-spacing:1.5px; }
  .sect4-sp__graduate-link { position:absolute; left:16px; top:30px; width:166px; height:17px; color:#fff; }
  .sect4-sp__graduate-link > span { position:absolute; left:0; top:0; width:153px; height:17px; overflow:visible; white-space:nowrap; font:700 14px/16.8px "Noto Sans JP",sans-serif; letter-spacing:1.4px; }
  .sect4-sp__graduate-link > img { position:absolute; left:160.665527px; top:3.634399px; width:7px; height:10px; }
}

@media (min-width:768px) {
  .sect4 { width:100vw; height:calc(1230.365967px * var(--sect-hero-scale,1)); overflow:hidden; }
  .sect4-pc { width:100vw; height:calc(1230.365967px * var(--sect-hero-scale,1)); overflow:hidden; }
  .sect4-pc__canvas { transform:scale(var(--sect-hero-scale,1)); }
  .sect4-sp { display:none; }
}