@import url(https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Noto+Sans+JP:wght@100..900&family=Secular+One&family=Shippori+Mincho:wght@400;500;600;800&display=swap);@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  outline: 0;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
       text-size-adjust: 100%; }

body {
  margin: 0;
  padding: 0; }

#defs {
  display: none; }

img {
  width: 100%; }

ul li {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

svg {
  display: block; }

.disp-block-ni {
  display: none; }
  @media all and (min-width: 960px) {
    .disp-block-ni {
      display: block; } }

.disp-block-sppc {
  display: block; }
  @media all and (min-width: 960px) {
    .disp-block-sppc {
      display: none; } }

.disp-block-pc {
  display: none; }
  @media all and (min-width: 768px) {
    .disp-block-pc {
      display: block; } }

.disp-block-sptb {
  display: block; }
  @media all and (min-width: 768px) {
    .disp-block-sptb {
      display: none; } }

.disp-block-pctb {
  display: none; }
  @media all and (min-width: 480px) {
    .disp-block-pctb {
      display: block; } }

.disp-block-sp {
  display: block; }
  @media all and (min-width: 480px) {
    .disp-block-sp {
      display: none; } }

.disp-block-pcsp {
  display: none; }
  @media all and (min-width: 375px) {
    .disp-block-pcsp {
      display: block; } }

.disp-block-sponly {
  display: block; }
  @media all and (min-width: 375px) {
    .disp-block-sponly {
      display: none; } }

.disp-inline-pc {
  display: none; }
  @media all and (min-width: 768px) {
    .disp-inline-pc {
      display: inline; } }

.disp-inline-sptb {
  display: inline; }
  @media all and (min-width: 768px) {
    .disp-inline-sptb {
      display: none; } }

.disp-inline-pctb {
  display: none; }
  @media all and (min-width: 480px) {
    .disp-inline-pctb {
      display: inline; } }

.disp-inline-sp {
  display: inline; }
  @media all and (min-width: 480px) {
    .disp-inline-sp {
      display: none; } }

.disp-inline-pcsp {
  display: none; }
  @media all and (min-width: 375px) {
    .disp-inline-pcsp {
      display: inline; } }

.disp-inline-sponly {
  display: inline; }
  @media all and (min-width: 375px) {
    .disp-inline-sponly {
      display: none; } }

/*
// 左からグラデーションがスライドインする場合の設定
// 0%〜50%がホバー時の色(0%の色がホバー時の左端の色、50%の色がホバー時の右端の色)、50%〜100%が通常時の色(50%の色が通常時の左端の色、100%の色が通常時の右端の色)
@mixin color-btn3Type01Gradient($opacity:1) {
  background: color-red03($opacity);
  background: -moz-linear-gradient(135deg, color-red03($opacity) 0%, color-orange01($opacity) 25%, color-red03($opacity) 49.5%, color-red03($opacity) 50%, color-red03($opacity) 100%);
  background: -webkit-linear-gradient(135deg, color-red03($opacity) 0%, color-orange01($opacity) 25%, color-red03($opacity) 49.5%, color-red03($opacity) 50%, color-red03($opacity) 100%);
  background: -o-linear-gradient(135deg, color-red03($opacity) 0%, color-orange01($opacity) 25%, color-red03($opacity) 49.5%, color-red03($opacity) 50%, color-red03($opacity) 100%);
  background: -ms-linear-gradient(135deg, color-red03($opacity) 0%, color-orange01($opacity) 25%, color-red03($opacity) 49.5%, color-red03($opacity) 50%, color-red03($opacity) 100%);
  background: linear-gradient(135deg, color-red03($opacity) 0%, color-orange01($opacity) 25%, color-red03($opacity) 49.5%, color-red03($opacity) 50%, color-red03($opacity) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da0005', endColorstr='#da0005',GradientType=1 );
}
*/
@font-face {
  font-family: "MoboRegular";
  src: url("../font/MOBO-Regular.woff2") format("woff2"), url("../font/MOBO-Regular.woff") format("woff"), url("../font/MOBO-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "MoboSemiBold";
  src: url("../font/MOBO-SemiBold.woff2") format("woff2"), url("../font/MOBO-SemiBold.woff") format("woff"), url("../font/MOBO-SemiBold.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "MoboBold";
  src: url("../font/MOBO-Bold.woff2") format("woff2"), url("../font/MOBO-Bold.woff") format("woff"), url("../font/MOBO-Bold.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }

.p0-break.-minsp {
  display: none; }
  @media all and (min-width: 375px) {
    .p0-break.-minsp {
      display: inline-block; } }

.p0-break.-maxsp {
  display: inline-block; }
  @media all and (min-width: 375px) {
    .p0-break.-maxsp {
      display: none; } }

.p0-break.-mintb {
  display: none; }
  @media all and (min-width: 480px) {
    .p0-break.-mintb {
      display: inline-block; } }

.p0-break.-maxtb {
  display: inline-block; }
  @media all and (min-width: 480px) {
    .p0-break.-maxtb {
      display: none; } }

.p0-break.-minpc {
  display: none; }
  @media all and (min-width: 768px) {
    .p0-break.-minpc {
      display: inline-block; } }

.p0-break.-maxpc {
  display: inline-block; }
  @media all and (min-width: 768px) {
    .p0-break.-maxpc {
      display: none; } }

.p0-break.-minna {
  display: none; }
  @media all and (min-width: 1080px) {
    .p0-break.-minna {
      display: inline-block; } }

.p0-break.-maxna {
  display: inline-block; }
  @media all and (min-width: 1080px) {
    .p0-break.-maxna {
      display: none; } }

.p0-break.-minci {
  display: none; }
  @media all and (min-width: 1200px) {
    .p0-break.-minci {
      display: inline-block; } }

.p0-break.-maxci {
  display: inline-block; }
  @media all and (min-width: 1200px) {
    .p0-break.-maxci {
      display: none; } }

.p0-break.-minco {
  display: none; }
  @media all and (min-width: 1320px) {
    .p0-break.-minco {
      display: inline-block; } }

.p0-break.-maxco {
  display: inline-block; }
  @media all and (min-width: 1320px) {
    .p0-break.-maxco {
      display: none; } }

.p0-break.-minot {
  display: none; }
  @media all and (min-width: 1720px) {
    .p0-break.-minot {
      display: inline-block; } }

.p0-break.-maxot {
  display: inline-block; }
  @media all and (min-width: 1720px) {
    .p0-break.-maxot {
      display: none; } }

.p0-break.-minmax {
  display: none; }
  @media all and (min-width: 768px) {
    .p0-break.-minmax {
      display: inline-block; } }

.p0-break.-maxmax {
  display: inline-block; }
  @media all and (min-width: 768px) {
    .p0-break.-maxmax {
      display: none; } }

.align-l {
  text-align: left !important; }
  @media all and (min-width: 768px) {
    .align-l {
      text-align: left !important; } }

.align-r {
  text-align: left !important; }
  @media all and (min-width: 768px) {
    .align-r {
      text-align: right !important; } }

.align-c {
  text-align: left !important; }
  @media all and (min-width: 768px) {
    .align-c {
      text-align: center !important; } }

.br {
  display: none; }
  @media all and (min-width: 768px) {
    .br {
      display: inline-block; } }

/*
｡ : &#xFF61;
､ : &#xFF64;
･(和文) : &#xFF65;
·(欧文) : &#x00B7;
*/
.hover, .p2-ftnav_item, .p3-text.-link01, .p3-text.-link02, .p4-postarea a {
  filter: alpha(opacity=100);
  opacity: 1;
  transition: all 0.3s ease-in-out; }
  .hover:hover, .hover:focus, .p2-ftnav_item:hover, .p3-text.-link01:hover, .p3-text.-link02:hover, .p4-postarea a:hover, .p2-ftnav_item:focus, .p3-text.-link01:focus, .p3-text.-link02:focus, .p4-postarea a:focus {
    filter: alpha(opacity=70);
    opacity: 0.7; }

.anchor {
  clear: both;
  position: relative;
  top: -60px;
  display: block; }
  @media all and (min-width: 768px) {
    .anchor {
      top: -72px; } }
  @media all and (min-width: 1320px) {
    .anchor {
      top: -80px; } }

.p0-icon.-check01size {
  display: grid;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 26.6px;
  max-width: 100%; }
  @media all and (min-width: 480px) {
    .p0-icon.-check01size {
      width: 28.5px; } }
  @media all and (min-width: 768px) {
    .p0-icon.-check01size {
      width: 30.4px; } }
  @media all and (min-width: 1320px) {
    .p0-icon.-check01size {
      width: 34.2px; } }
  @media all and (min-width: 1720px) {
    .p0-icon.-check01size {
      width: 38px; } }

.p0-icon.-check01 {
  width: 26.6px;
  max-width: 100%; }
  @media all and (min-width: 480px) {
    .p0-icon.-check01 {
      width: 28.5px; } }
  @media all and (min-width: 768px) {
    .p0-icon.-check01 {
      width: 30.4px; } }
  @media all and (min-width: 1320px) {
    .p0-icon.-check01 {
      width: 34.2px; } }
  @media all and (min-width: 1720px) {
    .p0-icon.-check01 {
      width: 38px; } }

.p0-icon.-light01 {
  width: 19.6px;
  max-width: 100%; }
  @media all and (min-width: 480px) {
    .p0-icon.-light01 {
      width: 21px; } }
  @media all and (min-width: 768px) {
    .p0-icon.-light01 {
      width: 22.4px; } }
  @media all and (min-width: 1320px) {
    .p0-icon.-light01 {
      width: 25.2px; } }
  @media all and (min-width: 1720px) {
    .p0-icon.-light01 {
      width: 28px; } }

.p0-icon.-next01 {
  width: 11.9px;
  max-width: 100%; }
  @media all and (min-width: 480px) {
    .p0-icon.-next01 {
      width: 12.75px; } }
  @media all and (min-width: 768px) {
    .p0-icon.-next01 {
      width: 13.6px; } }
  @media all and (min-width: 1320px) {
    .p0-icon.-next01 {
      width: 15.3px; } }
  @media all and (min-width: 1720px) {
    .p0-icon.-next01 {
      width: 17px; } }

.p0-icon.-gt01 {
  width: 26.6px;
  max-width: 100%; }
  @media all and (min-width: 480px) {
    .p0-icon.-gt01 {
      width: 28.5px; } }
  @media all and (min-width: 768px) {
    .p0-icon.-gt01 {
      width: 30.4px; } }
  @media all and (min-width: 1320px) {
    .p0-icon.-gt01 {
      width: 34.2px; } }
  @media all and (min-width: 1720px) {
    .p0-icon.-gt01 {
      width: 38px; } }
  .p0-icon.-gt01.-w22 {
    width: 15.4px;
    max-width: 100%; }
    @media all and (min-width: 480px) {
      .p0-icon.-gt01.-w22 {
        width: 16.5px; } }
    @media all and (min-width: 768px) {
      .p0-icon.-gt01.-w22 {
        width: 17.6px; } }
    @media all and (min-width: 1320px) {
      .p0-icon.-gt01.-w22 {
        width: 19.8px; } }
    @media all and (min-width: 1720px) {
      .p0-icon.-gt01.-w22 {
        width: 22px; } }

body {
  width: 100%;
  font-family: 'Noto Sans JP', sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-size: 1.26rem;
  line-height: 1;
  color: #434343;
  background-color: #f0f1f3; }
  @media all and (min-width: 480px) {
    body {
      font-size: 1.35rem; } }
  @media all and (min-width: 768px) {
    body {
      font-size: 1.44rem; } }
  @media all and (min-width: 1320px) {
    body {
      font-size: 1.62rem; } }
  @media all and (min-width: 1720px) {
    body {
      font-size: 1.8rem; } }

a {
  color: inherit;
  text-decoration: none; }

/*
::selection {
  background: color-yellow02(0.5);
}
::-moz-selection {
  background: color-yellow02(0.5);
}
*/
.js-tellink a {
  color: inherit; }

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0; }

.l-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  box-sizing: border-box;
  pointer-events: none; }
  @media all and (min-width: 768px) {
    .l-header {
      width: 100%; } }
  .l-header_inner {
    display: grid;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    pointer-events: none; }
    @media all and (min-width: 768px) {
      .l-header_inner {
        width: calc(100% - (5vw / 2) - (5vw / 2));
        padding-top: 20px; } }
    @media all and (min-width: 1200px) {
      .l-header_inner {
        width: calc(100% - (5vw / 2) - (5vw / 2)); } }
    @media all and (min-width: 2000px) {
      .l-header_inner {
        width: calc(100% - 30px - 30px); } }
  .l-header_bg {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0);
    border-radius: 100vh;
    pointer-events: none; }

.l-wrap {
  overflow: hidden; }

.l-section {
  width: 100%;
  padding: 30px 0;
  position: relative; }
  @media all and (min-width: 768px) {
    .l-section {
      padding: 60px 0; } }
  .l-section.-visible {
    overflow: visible; }
  .l-section.-hidden {
    overflow: hidden; }
  .l-section.-pad0 {
    padding: 0; }
  .l-section.-pt0 {
    padding: 0 0 30px; }
    @media all and (min-width: 768px) {
      .l-section.-pt0 {
        padding: 0 0 60px; } }
  .l-section.-pb0 {
    padding: 30px 0 0; }
    @media all and (min-width: 768px) {
      .l-section.-pb0 {
        padding: 60px 0 0; } }
  .l-section.-smallSpace {
    padding: 15px 0; }
    @media all and (min-width: 768px) {
      .l-section.-smallSpace {
        padding: 30px 0; } }
    .l-section.-smallSpace.-pb0 {
      padding: 15px 0 0; }
      @media all and (min-width: 768px) {
        .l-section.-smallSpace.-pb0 {
          padding: 30px 0 0; } }
  .l-section.-largeSpace {
    padding: 45px 0; }
    @media all and (min-width: 768px) {
      .l-section.-largeSpace {
        padding: 50px 0; } }
    @media all and (min-width: 960px) {
      .l-section.-largeSpace {
        padding: 80px 0; } }
    @media all and (min-width: 1080px) {
      .l-section.-largeSpace {
        padding: 90px 0; } }
    .l-section.-largeSpace.-pb0 {
      padding: 45px 0 0; }
      @media all and (min-width: 768px) {
        .l-section.-largeSpace.-pb0 {
          padding: 50px 0 0; } }
      @media all and (min-width: 960px) {
        .l-section.-largeSpace.-pb0 {
          padding: 80px 0 0; } }
      @media all and (min-width: 1080px) {
        .l-section.-largeSpace.-pb0 {
          padding: 90px 0 0; } }
  .l-section.-hugeSpace {
    padding: 50px 0; }
    @media all and (min-width: 960px) {
      .l-section.-hugeSpace {
        padding: 90px 0; } }
    @media all and (min-width: 1080px) {
      .l-section.-hugeSpace {
        padding: 120px 0; } }
    .l-section.-hugeSpace.-pb0 {
      padding: 50px 0 0; }
      @media all and (min-width: 960px) {
        .l-section.-hugeSpace.-pb0 {
          padding: 90px 0 0; } }
      @media all and (min-width: 1080px) {
        .l-section.-hugeSpace.-pb0 {
          padding: 120px 0 0; } }
  .l-section.-lowerpage {
    padding: 40px 0; }
    @media all and (min-width: 768px) {
      .l-section.-lowerpage {
        padding: 80px 0; } }
    .l-section.-lowerpage.-pb0 {
      padding: 40px 0 0; }
      @media all and (min-width: 768px) {
        .l-section.-lowerpage.-pb0 {
          padding: 80px 0 0; } }
  .l-section_hidden {
    overflow: hidden; }
  .l-section_wrap {
    width: 100%;
    margin-left: auto;
    margin-right: auto; }
    .l-section_wrap.-max {
      width: 100%; }
      @media all and (min-width: 1920px) {
        .l-section_wrap.-max {
          width: 1920px; } }
  .l-section.-bgtype01 {
    background-color: white; }
  .l-section.-bgtype02 {
    background-color: #c4c4c4; }
  .l-section.-bgtype03 {
    background: #df575a;
    background: linear-gradient(0deg, #df575a 0%, #f4f3f2 99%, #f4f3f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df575a', endColorstr='#f4f3f2',GradientType=1 ); }
  .l-section.-bgtype04 {
    background: #f4f3f2;
    background: linear-gradient(180deg, #f4f3f2 0px, #df575a 2240px);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f3f2', endColorstr='#df575a',GradientType=1 ); }
    @media all and (min-width: 768px) {
      .l-section.-bgtype04 {
        background: #f4f3f2;
        background: linear-gradient(180deg, #f4f3f2 0px, #df575a 2800px);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f3f2', endColorstr='#df575a',GradientType=1 ); } }
  .l-section.-bgtype05 {
    background-color: rgba(255, 255, 255, 0.5); }
  .l-section_bg {
    position: relative;
    width: 100%; }
    .l-section_bg.-bgtype01 {
      background-color: white; }
      .l-section_bg.-bgtype01.-bgPer098 {
        background-color: rgba(255, 255, 255, 0.98); }
    .l-section_bg.-bgtype02 {
      background-color: #c4c4c4; }
    .l-section_bg.-bgtype03 {
      background: #df575a;
      background: linear-gradient(0deg, #df575a 0%, #f4f3f2 99%, #f4f3f2 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df575a', endColorstr='#f4f3f2',GradientType=1 ); }
    .l-section_bg.-bgtype04 {
      background: #f4f3f2;
      background: linear-gradient(180deg, #f4f3f2 0px, #df575a 2240px);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f3f2', endColorstr='#df575a',GradientType=1 ); }
      @media all and (min-width: 768px) {
        .l-section_bg.-bgtype04 {
          background: #f4f3f2;
          background: linear-gradient(180deg, #f4f3f2 0px, #df575a 2800px);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f3f2', endColorstr='#df575a',GradientType=1 ); } }
    .l-section_bg.-bgtype05 {
      background-color: rgba(255, 255, 255, 0.5); }
  .l-section.-zi1 {
    z-index: 1; }
  .l-section.-zi2 {
    z-index: 2; }
  .l-section.-zi3 {
    z-index: 3; }
  .l-section.-zi4 {
    z-index: 4; }
  .l-section.-zi5 {
    z-index: 5; }
  .l-section.-zi6 {
    z-index: 6; }
  .l-section.-zi7 {
    z-index: 7; }
  .l-section.-zi8 {
    z-index: 8; }
  .l-section.-zi9 {
    z-index: 9; }
  .l-section.-zi10 {
    z-index: 10; }
  .l-section_content {
    position: relative;
    width: calc(100% - 5vw - 5vw);
    margin: 0 auto;
    box-sizing: border-box;
    word-wrap: anywhere; }
    @media all and (min-width: 768px) {
      .l-section_content {
        width: calc(100% - 5vw - 5vw); } }
    @media all and (min-width: 1200px) {
      .l-section_content {
        width: calc(100% - 5vw - 5vw); } }
    @media all and (min-width: 1320px) {
      .l-section_content {
        width: 1200px; } }
    @media all and (min-width: 920px) {
      .l-section_content.-narrowest {
        width: 800px; } }
    @media all and (min-width: 1320px) {
      .l-section_content.-narrowest {
        width: 800px; } }
    @media all and (min-width: 1080px) {
      .l-section_content.-narrow {
        width: 960px; } }
    @media all and (min-width: 1320px) {
      .l-section_content.-narrow {
        width: 960px; } }
    @media all and (min-width: 1080px) {
      .l-section_content.-mid {
        width: calc(100% - 5vw - 5vw); } }
    @media all and (min-width: 1120px) {
      .l-section_content.-mid {
        width: 1000px; } }
    @media all and (min-width: 1200px) {
      .l-section_content.-mid {
        width: 1000px; } }
    @media all and (min-width: 1080px) {
      .l-section_content.-contentinner {
        width: calc(100% - 5vw - 5vw); } }
    @media all and (min-width: 1200px) {
      .l-section_content.-contentinner {
        width: 1080px; } }
    @media all and (min-width: 1080px) {
      .l-section_content.-broad {
        width: calc(100% - 5vw - 5vw); } }
    @media all and (min-width: 1200px) {
      .l-section_content.-broad {
        width: calc(100% - 5vw - 5vw); } }
    @media all and (min-width: 1560px) {
      .l-section_content.-broad {
        width: 1400px; } }
    @media all and (min-width: 1080px) {
      .l-section_content.-outer {
        width: calc(100% - 5vw - 5vw); } }
    @media all and (min-width: 1200px) {
      .l-section_content.-outer {
        width: calc(100% - 5vw - 5vw); } }
    @media all and (min-width: 1720px) {
      .l-section_content.-outer {
        width: 1520px; } }
    .l-section_content.-maxinner {
      width: calc(100% - 5vw - 5vw); }
      @media all and (min-width: 768px) {
        .l-section_content.-maxinner {
          width: calc(100% - 5vw - 5vw); } }
      @media all and (min-width: 1200px) {
        .l-section_content.-maxinner {
          width: calc(100% - 5vw - 5vw); } }
      @media all and (min-width: 1920px) {
        .l-section_content.-maxinner {
          width: 1720px; } }
    .l-section_content.-max {
      width: calc(100% - 5vw - 5vw); }
      @media all and (min-width: 768px) {
        .l-section_content.-max {
          width: calc(100% - 5vw - 5vw); } }
      @media all and (min-width: 1200px) {
        .l-section_content.-max {
          width: calc(100% - 5vw - 5vw); } }
      @media all and (min-width: 2000px) {
        .l-section_content.-max {
          width: 1860px; } }
    .l-section_content.-wideinner {
      width: calc(100% - 5vw - 5vw - 5vw - 5vw); }
      @media all and (min-width: 768px) {
        .l-section_content.-wideinner {
          width: calc(100% - (5vw / 2) - (5vw / 2) - (5vw / 2) - (5vw / 2)); } }
      @media all and (min-width: 1200px) {
        .l-section_content.-wideinner {
          width: calc(100% - (5vw / 2) - (5vw / 2) - (5vw / 2) - (5vw / 2)); } }
      @media all and (min-width: 2000px) {
        .l-section_content.-wideinner {
          width: calc(100% - 30px - 30px - 30px - 30px); } }
    .l-section_content.-wide {
      width: calc(100% - 5vw - 5vw); }
      @media all and (min-width: 768px) {
        .l-section_content.-wide {
          width: calc(100% - (5vw / 2) - (5vw / 2)); } }
      @media all and (min-width: 1200px) {
        .l-section_content.-wide {
          width: calc(100% - (5vw / 2) - (5vw / 2)); } }
      @media all and (min-width: 2000px) {
        .l-section_content.-wide {
          width: calc(100% - 30px - 30px); } }
    .l-section_content.-full {
      width: 100%; }
      @media all and (min-width: 1320px) {
        .l-section_content.-full {
          width: 100%; } }
    .l-section_content.-visible {
      overflow: visible; }
    .l-section_content.-zi1 {
      z-index: 1; }
    .l-section_content.-zi2 {
      z-index: 2; }
    .l-section_content.-zi3 {
      z-index: 3; }
    .l-section_content.-zi4 {
      z-index: 4; }
    .l-section_content.-zi5 {
      z-index: 5; }
    .l-section_content.-zi6 {
      z-index: 6; }
    .l-section_content.-zi7 {
      z-index: 7; }
    .l-section_content.-zi8 {
      z-index: 8; }
    .l-section_content.-zi9 {
      z-index: 9; }
    .l-section_content.-zi10 {
      z-index: 10; }

.l-footer {
  box-sizing: border-box;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 2.60417vw;
  border-radius: 2.60417vw 2.60417vw 0 0;
  background-color: #2e2e2e; }
  @media all and (min-width: 768px) {
    .l-footer {
      border-radius: 20px; } }
  @media all and (min-width: 768px) {
    .l-footer {
      border-radius: 20px 20px 0 0; } }
  .l-footer_inner {
    padding: 90px 0 40px;
    box-sizing: border-box; }
    @media all and (min-width: 768px) {
      .l-footer_inner {
        padding: 180px 0 80px; } }

.l-bg {
  background-color: transparent; }
  .l-bg.-wh {
    background-color: white; }
    .l-bg.-wh.-contact::before {
      background-color: white; }
  .l-bg.-black02 {
    background-color: #2e2e2e; }
    .l-bg.-black02.-contact::before {
      background-color: #2e2e2e; }
  .l-bg.-gray02 {
    background-color: #c4c4c4; }
    .l-bg.-gray02.-contact::before {
      background-color: #c4c4c4; }
  .l-bg.-radiusTop {
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 13.02083vw;
    border-radius: 13.02083vw 13.02083vw 0 0; }
    @media all and (min-width: 768px) {
      .l-bg.-radiusTop {
        border-radius: 100px; } }
    @media all and (min-width: 768px) {
      .l-bg.-radiusTop {
        border-radius: 100px 100px 0 0; } }
  .l-bg.-contact {
    position: relative; }
    .l-bg.-contact::before {
      display: block;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, 0);
      width: 100vw;
      height: 1000vh;
      content: ""; }
  .l-bg.-gradation01 {
    position: relative; }
    .l-bg.-gradation01::before, .l-bg.-gradation01::after {
      display: block;
      position: absolute;
      top: 0;
      z-index: -1;
      content: "";
      width: 200vw;
      height: 1000vw;
      background-size: 584px auto;
      background-repeat: no-repeat; }
      @media all and (min-width: 375px) {
        .l-bg.-gradation01::before, .l-bg.-gradation01::after {
          background-size: 730px auto; } }
      @media all and (min-width: 480px) {
        .l-bg.-gradation01::before, .l-bg.-gradation01::after {
          background-size: 876px auto; } }
      @media all and (min-width: 768px) {
        .l-bg.-gradation01::before, .l-bg.-gradation01::after {
          background-size: 1022px auto; } }
      @media all and (min-width: 1320px) {
        .l-bg.-gradation01::before, .l-bg.-gradation01::after {
          background-size: 1168px auto; } }
      @media all and (min-width: 1720px) {
        .l-bg.-gradation01::before, .l-bg.-gradation01::after {
          background-size: 1314px auto; } }
      @media all and (min-width: 1920px) {
        .l-bg.-gradation01::before, .l-bg.-gradation01::after {
          background-size: 1460px auto; } }
    .l-bg.-gradation01::before {
      right: 40%;
      background-image: url("../images/common/bg/gradation01_left.png");
      background-position: right top; }
      @media all and (min-width: 1720px) {
        .l-bg.-gradation01::before {
          right: 45%; } }
      @media all and (min-width: 1720px) {
        .l-bg.-gradation01::before {
          right: 50%; } }
    .l-bg.-gradation01::after {
      left: 40%;
      background-image: url("../images/common/bg/gradation01_right.png");
      background-position: left top; }
      @media all and (min-width: 768px) {
        .l-bg.-gradation01::after {
          left: 45%; } }
      @media all and (min-width: 1720px) {
        .l-bg.-gradation01::after {
          left: 50%; } }
  .l-bg.-frontAbout::before, .l-bg.-frontAbout::after {
    margin-top: -30px; }
    @media all and (min-width: 375px) {
      .l-bg.-frontAbout::before, .l-bg.-frontAbout::after {
        margin-top: -36px; } }
    @media all and (min-width: 480px) {
      .l-bg.-frontAbout::before, .l-bg.-frontAbout::after {
        margin-top: -42px; } }
    @media all and (min-width: 768px) {
      .l-bg.-frontAbout::before, .l-bg.-frontAbout::after {
        margin-top: -48px; } }
    @media all and (min-width: 1320px) {
      .l-bg.-frontAbout::before, .l-bg.-frontAbout::after {
        margin-top: -54px; } }
    @media all and (min-width: 1720px) {
      .l-bg.-frontAbout::before, .l-bg.-frontAbout::after {
        margin-top: -60px; } }
  .l-bg.-aboutDecade::before, .l-bg.-aboutDecade::after, .l-bg.-recruitMindset::before, .l-bg.-recruitMindset::after {
    margin-top: -115px; }
    @media all and (min-width: 375px) {
      .l-bg.-aboutDecade::before, .l-bg.-aboutDecade::after, .l-bg.-recruitMindset::before, .l-bg.-recruitMindset::after {
        margin-top: -138px; } }
    @media all and (min-width: 480px) {
      .l-bg.-aboutDecade::before, .l-bg.-aboutDecade::after, .l-bg.-recruitMindset::before, .l-bg.-recruitMindset::after {
        margin-top: -161px; } }
    @media all and (min-width: 768px) {
      .l-bg.-aboutDecade::before, .l-bg.-aboutDecade::after, .l-bg.-recruitMindset::before, .l-bg.-recruitMindset::after {
        margin-top: -184px; } }
    @media all and (min-width: 1320px) {
      .l-bg.-aboutDecade::before, .l-bg.-aboutDecade::after, .l-bg.-recruitMindset::before, .l-bg.-recruitMindset::after {
        margin-top: -207px; } }
    @media all and (min-width: 1720px) {
      .l-bg.-aboutDecade::before, .l-bg.-aboutDecade::after, .l-bg.-recruitMindset::before, .l-bg.-recruitMindset::after {
        margin-top: -230px; } }
  .l-bg.-solutionsSesProjects {
    background-image: url("../images/solutions/ses/projects_bg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }
  .l-bg.-solutionsSesSkill {
    background-image: url("../images/solutions/ses/skill_bg.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover; }
  .l-bg.-solutionsRecruitmentAchievements {
    background-image: url("../images/solutions/recruitment/achievements_bg.jpg");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover; }
  .l-bg.-solutionsContractWorks {
    background-image: url("../images/solutions/contract/works_bg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }

.c-flex {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch; }
  .c-flex.-txtimg {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    grid-gap: 45px 5vw;
    gap: 45px 5vw; }
    @media all and (min-width: 768px) {
      .c-flex.-txtimg {
        grid-gap: 0 5vw;
        gap: 0 5vw; } }
    @media all and (min-width: 1200px) {
      .c-flex.-txtimg {
        grid-gap: 0 6.25vw;
        gap: 0 6.25vw; } }
    @media all and (min-width: 1920px) {
      .c-flex.-txtimg {
        grid-gap: 0 120px;
        gap: 0 120px; } }
    @media all and (min-width: 768px) {
      .c-flex.-txtimg.-rev {
        flex-direction: row-reverse; } }
    .c-flex.-txtimg .c-flex_item {
      width: 100%; }
      @media all and (min-width: 768px) {
        .c-flex.-txtimg .c-flex_item {
          width: calc((100% / 2) - (5vw / 2)); } }
      @media all and (min-width: 1200px) {
        .c-flex.-txtimg .c-flex_item {
          width: calc((100% / 2) - (6.25vw / 2)); } }
      @media all and (min-width: 1920px) {
        .c-flex.-txtimg .c-flex_item {
          width: calc((100% / 2) - (120px / 2)); } }
    .c-flex.-txtimg .c-flex_protrude {
      width: 100%; }
      @media all and (min-width: 768px) {
        .c-flex.-txtimg .c-flex_protrude {
          width: 100%; } }
      @media all and (min-width: 1200px) {
        .c-flex.-txtimg .c-flex_protrude {
          width: calc(100% + (6.25vw / 2)); } }
      @media all and (min-width: 1920px) {
        .c-flex.-txtimg .c-flex_protrude {
          width: calc(100% + (120px / 2)); } }
  .c-flex.-qualifications {
    justify-content: flex-start;
    grid-gap: 13px 27px;
    gap: 13px 27px; }
    @media all and (min-width: 768px) {
      .c-flex.-qualifications {
        grid-gap: 0 36px;
        gap: 0 36px; } }
    @media all and (min-width: 1200px) {
      .c-flex.-qualifications {
        grid-gap: 0 40px;
        gap: 0 40px; } }
    @media all and (min-width: 1720px) {
      .c-flex.-qualifications {
        grid-gap: 0 45px;
        gap: 0 45px; } }
    .c-flex.-qualifications .c-flex_item {
      box-sizing: border-box; }
      .c-flex.-qualifications .c-flex_item.-txt {
        width: auto; }
      .c-flex.-qualifications .c-flex_item.-img {
        width: auto;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: flex-start;
        align-items: stretch;
        grid-gap: 0 10px;
        gap: 0 10px; }
        @media all and (min-width: 480px) {
          .c-flex.-qualifications .c-flex_item.-img {
            padding-top: 9x; } }
        @media all and (min-width: 768px) {
          .c-flex.-qualifications .c-flex_item.-img {
            grid-gap: 0 18px;
            gap: 0 18px;
            padding-top: 12px; } }
        @media all and (min-width: 1720px) {
          .c-flex.-qualifications .c-flex_item.-img {
            padding-top: 15px; } }
  .c-flex.-partners {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    grid-gap: 12px 18px;
    gap: 12px 18px; }
    @media all and (min-width: 768px) {
      .c-flex.-partners {
        grid-gap: 18px 24px;
        gap: 18px 24px; } }
    @media all and (min-width: 1720px) {
      .c-flex.-partners {
        grid-gap: 24px 30px;
        gap: 24px 30px; } }
  .c-flex.-sdgsIcons {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    grid-gap: 1.6vw 1.6vw;
    gap: 1.6vw 1.6vw; }
    @media all and (min-width: 768px) {
      .c-flex.-sdgsIcons {
        grid-gap: 1.6vw 1.6vw;
        gap: 1.6vw 1.6vw; } }
    @media all and (min-width: 1200px) {
      .c-flex.-sdgsIcons {
        grid-gap: 20px 20px;
        gap: 20px 20px; } }
    .c-flex.-sdgsIcons .c-flex_item {
      width: calc((100% / 2) - (1.6vw / 2));
      max-width: 132px; }
      @media all and (min-width: 375px) {
        .c-flex.-sdgsIcons .c-flex_item {
          width: calc((100% / 3) - ((1.6vw / 3) * 2)); } }
      @media all and (min-width: 480px) {
        .c-flex.-sdgsIcons .c-flex_item {
          width: calc((100% / 3) - ((1.6vw / 3) * 2)); } }
      @media all and (min-width: 768px) {
        .c-flex.-sdgsIcons .c-flex_item {
          width: 100%;
          max-width: 100%; } }
      @media all and (min-width: 1080px) {
        .c-flex.-sdgsIcons .c-flex_item {
          width: calc((100% / 2) - (1.6vw / 2)); } }
      @media all and (min-width: 1200px) {
        .c-flex.-sdgsIcons .c-flex_item {
          width: calc((100% / 2) - (20px / 2)); } }

.c-grid {
  display: grid; }
  .c-grid.-col2 {
    grid-template-columns: 100%; }
    @media all and (min-width: 768px) {
      .c-grid.-col2 {
        grid-template-columns: repeat(2, 1fr); } }
    .c-grid.-col2.-gap60 {
      grid-gap: 5vw 5vw;
      gap: 5vw 5vw; }
      @media all and (min-width: 1200px) {
        .c-grid.-col2.-gap60 {
          grid-gap: 60px 60px;
          gap: 60px 60px; } }
    .c-grid.-col2.-leadership {
      grid-gap: calc(4.166666666666667vw + 20px) 5vw;
      gap: calc(4.166666666666667vw + 20px) 5vw; }
      @media all and (min-width: 768px) {
        .c-grid.-col2.-leadership {
          grid-gap: calc(4.166666666666667vw + 24px) 5vw;
          gap: calc(4.166666666666667vw + 24px) 5vw; } }
      @media all and (min-width: 1200px) {
        .c-grid.-col2.-leadership {
          grid-gap: calc(50px + 26px) 60px;
          gap: calc(50px + 26px) 60px; } }
    .c-grid.-col2.-solutionsSesProjects {
      grid-gap: 13px 2.5vw;
      gap: 13px 2.5vw; }
      @media all and (min-width: 768px) {
        .c-grid.-col2.-solutionsSesProjects {
          grid-template-columns: 100%; } }
      @media all and (min-width: 1080px) {
        .c-grid.-col2.-solutionsSesProjects {
          grid-template-columns: repeat(2, 1fr); } }
      @media all and (min-width: 1200px) {
        .c-grid.-col2.-solutionsSesProjects {
          grid-gap: 20px 30px;
          gap: 20px 30px; } }
  .c-grid.-col3 {
    grid-template-columns: 100%; }
    @media all and (min-width: 768px) {
      .c-grid.-col3 {
        grid-template-columns: repeat(3, 1fr); } }
    .c-grid.-col3.-gap60 {
      grid-gap: 5vw 5vw;
      gap: 5vw 5vw; }
      @media all and (min-width: 1200px) {
        .c-grid.-col3.-gap60 {
          grid-gap: 60px 60px;
          gap: 60px 60px; } }
  .c-grid.-headBody {
    grid-template-columns: 100%;
    grid-gap: 30px 0;
    gap: 30px 0; }
    @media all and (min-width: 768px) {
      .c-grid.-headBody {
        grid-template-columns: 192px 1fr;
        grid-gap: 0 5vw;
        gap: 0 5vw; } }
    @media all and (min-width: 1200px) {
      .c-grid.-headBody {
        grid-template-columns: 224px 1fr;
        grid-gap: 0 60px;
        gap: 0 60px; } }
    @media all and (min-width: 1320px) {
      .c-grid.-headBody {
        grid-template-columns: 256px 1fr; } }
    @media all and (min-width: 1720px) {
      .c-grid.-headBody {
        grid-template-columns: 288px 1fr; } }
    @media all and (min-width: 1920px) {
      .c-grid.-headBody {
        grid-template-columns: 320px 1fr; } }
    .c-grid.-headBody.-black02 {
      background-color: #2e2e2e; }
    .c-grid.-headBody .c-grid_item.-head {
      display: flex;
      flex-wrap: nowrap;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      grid-gap: 10px 0;
      gap: 10px 0; }
      @media all and (min-width: 480px) {
        .c-grid.-headBody .c-grid_item.-head {
          grid-gap: 14px 0;
          gap: 14px 0; } }
      @media all and (min-width: 768px) {
        .c-grid.-headBody .c-grid_item.-head {
          grid-gap: 16px 0;
          gap: 16px 0; } }
      @media all and (min-width: 1320px) {
        .c-grid.-headBody .c-grid_item.-head {
          grid-gap: 18px 0;
          gap: 18px 0; } }
      @media all and (min-width: 1720px) {
        .c-grid.-headBody .c-grid_item.-head {
          grid-gap: 20px 0;
          gap: 20px 0; } }
  .c-grid.-col2auto {
    grid-template-columns: auto 1fr; }
    .c-grid.-col2auto.-gap010 {
      grid-gap: 8px 8px;
      gap: 8px 8px; }
      @media all and (min-width: 768px) {
        .c-grid.-col2auto.-gap010 {
          grid-gap: 10px 10px;
          gap: 10px 10px; } }
  .c-grid.-txtAutoImgHalf {
    grid-template-columns: 100%;
    grid-gap: calc(30px + 20px) 5vw;
    gap: calc(30px + 20px) 5vw; }
    @media all and (min-width: 768px) {
      .c-grid.-txtAutoImgHalf {
        grid-template-columns: auto 50%;
        grid-gap: calc(60px + 24px) 5vw;
        gap: calc(60px + 24px) 5vw; } }
    @media all and (min-width: 1200px) {
      .c-grid.-txtAutoImgHalf {
        grid-gap: calc(60px + 26px) 60px;
        gap: calc(60px + 26px) 60px; } }
    .c-grid.-txtAutoImgHalf .c-grid_item.-txt {
      position: relative; }
    .c-grid.-txtAutoImgHalf .c-grid_item.-img {
      position: relative; }
  .c-grid.-clients {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 81px); }
    @media all and (min-width: 375px) {
      .c-grid.-clients {
        grid-template-rows: repeat(3, 90px); } }
    @media all and (min-width: 480px) {
      .c-grid.-clients {
        grid-template-rows: repeat(3, 108px); } }
    @media all and (min-width: 768px) {
      .c-grid.-clients {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, 126px); } }
    @media all and (min-width: 1200px) {
      .c-grid.-clients {
        grid-template-rows: repeat(2, 144px); } }
    @media all and (min-width: 1320px) {
      .c-grid.-clients {
        grid-template-rows: repeat(2, 162px); } }
    @media all and (min-width: 1720px) {
      .c-grid.-clients {
        grid-template-rows: repeat(2, 180px); } }
    .c-grid.-clients.-noBorder .c-grid_item::before, .c-grid.-clients.-noBorder .c-grid_item::after {
      display: none !important; }
    .c-grid.-clients .c-grid_item {
      display: grid;
      justify-items: center;
      align-items: center;
      position: relative; }
      .c-grid.-clients .c-grid_item::after {
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        content: "";
        width: 200vw;
        height: 1px;
        background-color: rgba(186, 188, 194, 0.3); }
      .c-grid.-clients .c-grid_item:nth-of-type(1)::after {
        display: block;
        bottom: auto;
        top: 0; }
      .c-grid.-clients .c-grid_item:nth-of-type(2)::after {
        display: block; }
        @media all and (min-width: 768px) {
          .c-grid.-clients .c-grid_item:nth-of-type(2)::after {
            display: block; } }
      .c-grid.-clients .c-grid_item:nth-of-type(3)::after {
        display: none; }
      .c-grid.-clients .c-grid_item:nth-of-type(4)::after, .c-grid.-clients .c-grid_item:nth-of-type(6)::after {
        display: block; }
        @media all and (min-width: 768px) {
          .c-grid.-clients .c-grid_item:nth-of-type(4)::after, .c-grid.-clients .c-grid_item:nth-of-type(6)::after {
            display: none; } }
      .c-grid.-clients .c-grid_item:nth-of-type(5)::after {
        display: none; }
        @media all and (min-width: 768px) {
          .c-grid.-clients .c-grid_item:nth-of-type(5)::after {
            display: block; } }
  .c-grid.-sdgs {
    grid-template-columns: 100%;
    grid-template-rows: auto auto auto;
    grid-gap: 30px 5vw;
    gap: 30px 5vw; }
    @media all and (min-width: 768px) {
      .c-grid.-sdgs {
        grid-template-columns: 1fr 112px;
        grid-template-rows: auto 1fr;
        grid-gap: 0 5vw;
        gap: 0 5vw; } }
    @media all and (min-width: 1080px) {
      .c-grid.-sdgs {
        grid-template-columns: 1fr 245px;
        grid-template-rows: auto 1fr; } }
    @media all and (min-width: 1200px) {
      .c-grid.-sdgs {
        grid-template-columns: 1fr 280px;
        grid-gap: 0 60px;
        gap: 0 60px; } }
    @media all and (min-width: 1320px) {
      .c-grid.-sdgs {
        grid-template-columns: 1fr 315px; } }
    @media all and (min-width: 1720px) {
      .c-grid.-sdgs {
        grid-template-columns: 1fr 350px; } }
    .c-grid.-sdgs .c-grid_head, .c-grid.-sdgs .c-grid_body, .c-grid.-sdgs .c-grid_icons {
      display: grid;
      grid-template-columns: 35px 1fr;
      grid-gap: 0 1.666666666666667vw;
      gap: 0 1.666666666666667vw; }
      @media all and (min-width: 375px) {
        .c-grid.-sdgs .c-grid_head, .c-grid.-sdgs .c-grid_body, .c-grid.-sdgs .c-grid_icons {
          grid-template-columns: 35px 1fr; } }
      @media all and (min-width: 480px) {
        .c-grid.-sdgs .c-grid_head, .c-grid.-sdgs .c-grid_body, .c-grid.-sdgs .c-grid_icons {
          grid-template-columns: 42px 1fr; } }
      @media all and (min-width: 768px) {
        .c-grid.-sdgs .c-grid_head, .c-grid.-sdgs .c-grid_body, .c-grid.-sdgs .c-grid_icons {
          grid-template-columns: 49px 1fr; } }
      @media all and (min-width: 1200px) {
        .c-grid.-sdgs .c-grid_head, .c-grid.-sdgs .c-grid_body, .c-grid.-sdgs .c-grid_icons {
          grid-template-columns: 56px 1fr;
          grid-gap: 0 20px;
          gap: 0 20px; } }
      @media all and (min-width: 1320px) {
        .c-grid.-sdgs .c-grid_head, .c-grid.-sdgs .c-grid_body, .c-grid.-sdgs .c-grid_icons {
          grid-template-columns: 63px 1fr; } }
      @media all and (min-width: 1720px) {
        .c-grid.-sdgs .c-grid_head, .c-grid.-sdgs .c-grid_body, .c-grid.-sdgs .c-grid_icons {
          grid-template-columns: 70px 1fr; } }
    .c-grid.-sdgs .c-grid_head {
      grid-column-start: 1;
      grid-column-end: 2;
      grid-row-start: 1;
      grid-row-end: 2;
      align-content: center;
      align-items: center; }
    .c-grid.-sdgs .c-grid_body {
      grid-column-start: 1;
      grid-column-end: 2;
      grid-row-start: 2;
      grid-row-end: 3; }
      @media all and (min-width: 768px) {
        .c-grid.-sdgs .c-grid_body {
          max-width: 1220px; } }
      .c-grid.-sdgs .c-grid_body::before {
        display: block;
        position: relative;
        content: ""; }
    .c-grid.-sdgs .c-grid_icons {
      grid-column-start: 1;
      grid-column-end: 2;
      grid-row-start: 3;
      grid-row-end: 4;
      padding-top: 0;
      box-sizing: border-box; }
      @media all and (min-width: 768px) {
        .c-grid.-sdgs .c-grid_icons {
          grid-column-start: 2;
          grid-column-end: 3;
          grid-row-start: 1;
          grid-row-end: 3;
          grid-template-columns: 100%;
          padding-top: 20px; } }
      .c-grid.-sdgs .c-grid_icons::before {
        display: block;
        position: relative;
        content: ""; }
        @media all and (min-width: 768px) {
          .c-grid.-sdgs .c-grid_icons::before {
            display: none; } }
  .c-grid.-recruitCareerPath {
    grid-template-columns: 100%;
    width: 100%;
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto; }
    @media all and (min-width: 768px) {
      .c-grid.-recruitCareerPath {
        grid-template-columns: 33.3% 1fr; } }
    .c-grid.-recruitCareerPath .c-grid_item {
      padding: 8px 3.333333333333333vw;
      box-sizing: border-box; }
      @media all and (min-width: 768px) {
        .c-grid.-recruitCareerPath .c-grid_item {
          padding: 10px 3.333333333333333vw; } }
      @media all and (min-width: 1200px) {
        .c-grid.-recruitCareerPath .c-grid_item {
          padding: 10px 40px; } }
      .c-grid.-recruitCareerPath .c-grid_item.-management {
        padding-bottom: 30px;
        text-align: center; }
        @media all and (min-width: 480px) {
          .c-grid.-recruitCareerPath .c-grid_item.-management {
            padding-bottom: 40px; } }
        @media all and (min-width: 768px) {
          .c-grid.-recruitCareerPath .c-grid_item.-management {
            padding-bottom: 10px; } }
        .c-grid.-recruitCareerPath .c-grid_item.-management img {
          width: 50%;
          height: auto; }
          @media all and (min-width: 768px) {
            .c-grid.-recruitCareerPath .c-grid_item.-management img {
              width: 100%; } }
      .c-grid.-recruitCareerPath .c-grid_item.-professional {
        padding-top: 30px;
        border: 2px none gray;
        border-top-style: dashed; }
        @media all and (min-width: 480px) {
          .c-grid.-recruitCareerPath .c-grid_item.-professional {
            padding-top: 40px; } }
        @media all and (min-width: 768px) {
          .c-grid.-recruitCareerPath .c-grid_item.-professional {
            padding-top: 10px;
            border-top-style: none;
            border-left-style: dashed; } }
  .c-grid.-benefits {
    grid-template-columns: 100%;
    grid-gap: 20px 5vw;
    gap: 20px 5vw; }
    @media all and (min-width: 480px) {
      .c-grid.-benefits {
        grid-gap: 5vw 5vw;
        gap: 5vw 5vw; } }
    @media all and (min-width: 768px) {
      .c-grid.-benefits {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 5vw 5vw;
        gap: 5vw 5vw; } }
    @media all and (min-width: 1520px) {
      .c-grid.-benefits {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 3.125vw 3.125vw;
        gap: 3.125vw 3.125vw; } }
    @media all and (min-width: 1920px) {
      .c-grid.-benefits {
        grid-gap: 60px 60px;
        gap: 60px 60px; } }
  .c-grid.-jobList {
    grid-template-columns: 100%;
    grid-gap: 16px 0;
    gap: 16px 0; }
    @media all and (min-width: 768px) {
      .c-grid.-jobList {
        grid-gap: 20px 0;
        gap: 20px 0; } }

.c-recruit {
  position: relative;
  z-index: 1;
  margin-bottom: -30px;
  padding-top: 30px;
  padding-bottom: 50px;
  box-sizing: border-box;
  background-image: url("../images/common/recruit/bg_sp.jpg");
  background-position: left 60% top;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 2.60417vw;
  border-radius: 2.60417vw; }
  @media all and (min-width: 768px) {
    .c-recruit {
      border-radius: 20px; } }
  @media all and (min-width: 768px) {
    .c-recruit {
      border-radius: 20px; } }
  @media all and (min-width: 480px) {
    .c-recruit {
      background-position: center top; } }
  @media all and (min-width: 768px) {
    .c-recruit {
      margin-bottom: -60px;
      padding-top: 60px;
      padding-bottom: 100px;
      background-image: url("../images/common/recruit/bg_pc.jpg");
      background-position: right top; } }
  .c-recruit_inner {
    width: calc(100% - 5vw - 5vw);
    margin-left: auto;
    margin-right: auto; }
    @media all and (min-width: 768px) {
      .c-recruit_inner {
        width: calc(100% - (5vw / 2) - (5vw / 2)); } }
    @media all and (min-width: 1200px) {
      .c-recruit_inner {
        width: calc(100% - (5vw / 2) - (5vw / 2)); } }
    @media all and (min-width: 1920px) {
      .c-recruit_inner {
        width: 1720px; } }

.c-entry {
  position: relative;
  margin-bottom: -40px;
  padding-top: 72px;
  padding-bottom: calc(90px + 40px);
  box-sizing: border-box;
  background-image: url("../images/common/recruit/bg_sp.jpg");
  background-position: left 60% top;
  background-size: cover;
  background-repeat: no-repeat; }
  @media all and (min-width: 480px) {
    .c-entry {
      background-position: center top; } }
  @media all and (min-width: 600px) {
    .c-entry {
      background-position: center 15%; } }
  @media all and (min-width: 768px) {
    .c-entry {
      margin-bottom: -80px;
      padding-top: 96px;
      padding-bottom: calc(120px + 80px);
      background-image: url("../images/common/recruit/bg_pc.jpg");
      background-position: right top; } }
  @media all and (min-width: 1320px) {
    .c-entry {
      padding-top: 108px;
      padding-bottom: calc(135px + 80px); } }
  @media all and (min-width: 1720px) {
    .c-entry {
      padding-top: 120px;
      padding-bottom: calc(150px + 80px); } }
  .c-entry_inner {
    width: calc(100% - 5vw - 5vw);
    margin-left: auto;
    margin-right: auto; }
    @media all and (min-width: 768px) {
      .c-entry_inner {
        width: calc(100% - 5vw - 5vw); } }
    @media all and (min-width: 1200px) {
      .c-entry_inner {
        width: calc(100% - 5vw - 5vw); } }
    @media all and (min-width: 1920px) {
      .c-entry_inner {
        width: 1720px; } }

.c-map {
  display: block;
  position: relative;
  width: 100%;
  height: 432px; }
  @media all and (min-width: 768px) {
    .c-map {
      height: 540px; } }

.c-tag.-frontKv {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(-100%);
  width: calc(100% - 60px);
  height: 20px;
  padding: 4px 2.5vw 4px 0;
  box-sizing: border-box;
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 600;
  font-size: 0.84rem;
  text-align: right;
  color: white;
  vertical-align: middle;
  background-color: #da0005;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 2.60417vw;
  border-radius: 0 2.60417vw 0 0;
  border-top-left-radius: 30px !important;
  overflow: visible; }
  @media all and (min-width: 480px) {
    .c-tag.-frontKv {
      font-size: 0.9rem; } }
  @media all and (min-width: 768px) {
    .c-tag.-frontKv {
      font-size: 0.96rem; } }
  @media all and (min-width: 1320px) {
    .c-tag.-frontKv {
      font-size: 1.08rem; } }
  @media all and (min-width: 1720px) {
    .c-tag.-frontKv {
      font-size: 1.2rem; } }
  @media all and (min-width: 768px) {
    .c-tag.-frontKv {
      border-radius: 20px; } }
  @media all and (min-width: 768px) {
    .c-tag.-frontKv {
      border-radius: 0 20px 0 0; } }
  @media all and (min-width: 375px) {
    .c-tag.-frontKv {
      width: 250px;
      font-size: 0.896rem; } }
  @media all and (min-width: 375px) and (min-width: 480px) {
    .c-tag.-frontKv {
      font-size: 0.96rem; } }
  @media all and (min-width: 375px) and (min-width: 768px) {
    .c-tag.-frontKv {
      font-size: 1.024rem; } }
  @media all and (min-width: 375px) and (min-width: 1320px) {
    .c-tag.-frontKv {
      font-size: 1.152rem; } }
  @media all and (min-width: 375px) and (min-width: 1720px) {
    .c-tag.-frontKv {
      font-size: 1.28rem; } }
  @media all and (min-width: 480px) {
    .c-tag.-frontKv {
      width: 308px;
      font-size: 1.008rem; } }
  @media all and (min-width: 480px) and (min-width: 480px) {
    .c-tag.-frontKv {
      font-size: 1.08rem; } }
  @media all and (min-width: 480px) and (min-width: 768px) {
    .c-tag.-frontKv {
      font-size: 1.152rem; } }
  @media all and (min-width: 480px) and (min-width: 1320px) {
    .c-tag.-frontKv {
      font-size: 1.296rem; } }
  @media all and (min-width: 480px) and (min-width: 1720px) {
    .c-tag.-frontKv {
      font-size: 1.44rem; } }
  @media all and (min-width: 600px) {
    .c-tag.-frontKv {
      width: 346px;
      font-size: 1.12rem; } }
  @media all and (min-width: 600px) and (min-width: 480px) {
    .c-tag.-frontKv {
      font-size: 1.2rem; } }
  @media all and (min-width: 600px) and (min-width: 768px) {
    .c-tag.-frontKv {
      font-size: 1.28rem; } }
  @media all and (min-width: 600px) and (min-width: 1320px) {
    .c-tag.-frontKv {
      font-size: 1.44rem; } }
  @media all and (min-width: 600px) and (min-width: 1720px) {
    .c-tag.-frontKv {
      font-size: 1.6rem; } }
  @media all and (min-width: 768px) {
    .c-tag.-frontKv {
      width: 462px;
      height: 24px;
      padding: 5px 2.5vw 5px 0; } }
  @media all and (min-width: 1200px) {
    .c-tag.-frontKv {
      width: 539px;
      height: 26px;
      padding: 5px 30px 5px 0; } }
  @media all and (min-width: 1320px) {
    .c-tag.-frontKv {
      width: 616px; } }
  @media all and (min-width: 1720px) {
    .c-tag.-frontKv {
      width: 693px; } }
  @media all and (min-width: 1920px) {
    .c-tag.-frontKv {
      width: 770px; } }
  .c-tag.-frontKv::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateX(-100%) skew(-66deg, 0deg);
    content: "";
    width: 45px;
    height: 100%;
    transform-origin: bottom right;
    background-color: #da0005;
    pointer-events: none; }
    @media all and (min-width: 480px) {
      .c-tag.-frontKv::before {
        width: 54px; } }
    @media all and (min-width: 768px) {
      .c-tag.-frontKv::before {
        width: 63px; } }
    @media all and (min-width: 1200px) {
      .c-tag.-frontKv::before {
        width: 72px; } }
    @media all and (min-width: 1320px) {
      .c-tag.-frontKv::before {
        width: 81px; } }
    @media all and (min-width: 1720px) {
      .c-tag.-frontKv::before {
        width: 90px; } }

.c-tag.-w350, .c-tag.-w530 {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(-100%);
  height: 20px;
  padding: 4px 2.5vw 4px 0;
  box-sizing: border-box;
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 600;
  font-size: 1.12rem;
  text-align: right;
  color: white;
  vertical-align: middle;
  background-color: #da0005;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 2.60417vw;
  border-radius: 0 2.60417vw 0 0;
  border-top-left-radius: 30px !important;
  overflow: visible; }
  @media all and (min-width: 480px) {
    .c-tag.-w350, .c-tag.-w530 {
      font-size: 1.2rem; } }
  @media all and (min-width: 768px) {
    .c-tag.-w350, .c-tag.-w530 {
      font-size: 1.28rem; } }
  @media all and (min-width: 1320px) {
    .c-tag.-w350, .c-tag.-w530 {
      font-size: 1.44rem; } }
  @media all and (min-width: 1720px) {
    .c-tag.-w350, .c-tag.-w530 {
      font-size: 1.6rem; } }
  @media all and (min-width: 768px) {
    .c-tag.-w350, .c-tag.-w530 {
      border-radius: 20px; } }
  @media all and (min-width: 768px) {
    .c-tag.-w350, .c-tag.-w530 {
      border-radius: 0 20px 0 0; } }
  @media all and (min-width: 768px) {
    .c-tag.-w350, .c-tag.-w530 {
      height: 24px;
      padding: 5px 2.5vw 5px 0; } }
  @media all and (min-width: 1200px) {
    .c-tag.-w350, .c-tag.-w530 {
      height: 26px;
      padding: 5px 30px 5px 0; } }
  .c-tag.-w350::before, .c-tag.-w530::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateX(-67%) skew(-66deg, 0deg);
    content: "";
    width: 45px;
    height: 100%;
    transform-origin: bottom right;
    background-color: #da0005;
    pointer-events: none; }
    @media all and (min-width: 480px) {
      .c-tag.-w350::before, .c-tag.-w530::before {
        width: 54px; } }
    @media all and (min-width: 768px) {
      .c-tag.-w350::before, .c-tag.-w530::before {
        width: 63px; } }
    @media all and (min-width: 1200px) {
      .c-tag.-w350::before, .c-tag.-w530::before {
        width: 72px; } }
    @media all and (min-width: 1320px) {
      .c-tag.-w350::before, .c-tag.-w530::before {
        width: 81px; } }
    @media all and (min-width: 1720px) {
      .c-tag.-w350::before, .c-tag.-w530::before {
        width: 90px; } }

.c-tag.-w350 {
  width: 228px; }
  @media all and (min-width: 375px) {
    .c-tag.-w350 {
      width: 245px; } }
  @media all and (min-width: 480px) {
    .c-tag.-w350 {
      width: 262px; } }
  @media all and (min-width: 768px) {
    .c-tag.-w350 {
      width: 280px; } }
  @media all and (min-width: 1200px) {
    .c-tag.-w350 {
      width: 298px; } }
  @media all and (min-width: 1320px) {
    .c-tag.-w350 {
      width: 315px; } }
  @media all and (min-width: 1720px) {
    .c-tag.-w350 {
      width: 350px; } }

.c-tag.-w530 {
  width: 238px; }
  @media all and (min-width: 375px) {
    .c-tag.-w530 {
      width: 265px; } }
  @media all and (min-width: 480px) {
    .c-tag.-w530 {
      width: 318px; } }
  @media all and (min-width: 768px) {
    .c-tag.-w530 {
      width: 371px; } }
  @media all and (min-width: 1200px) {
    .c-tag.-w530 {
      width: 424px; } }
  @media all and (min-width: 1320px) {
    .c-tag.-w530 {
      width: 477px; } }
  @media all and (min-width: 1720px) {
    .c-tag.-w530 {
      width: 530px; } }

.c-tag.-leadership {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(-100%);
  width: 196px;
  height: 20px;
  padding: 4px 2.5vw 4px 0;
  box-sizing: border-box;
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 600;
  font-size: 1.12rem;
  text-align: right;
  color: white;
  vertical-align: middle;
  background-color: #da0005;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 2.60417vw;
  border-radius: 0 2.60417vw 0 0;
  border-top-left-radius: 30px !important;
  overflow: visible; }
  @media all and (min-width: 480px) {
    .c-tag.-leadership {
      font-size: 1.2rem; } }
  @media all and (min-width: 768px) {
    .c-tag.-leadership {
      font-size: 1.28rem; } }
  @media all and (min-width: 1320px) {
    .c-tag.-leadership {
      font-size: 1.44rem; } }
  @media all and (min-width: 1720px) {
    .c-tag.-leadership {
      font-size: 1.6rem; } }
  @media all and (min-width: 768px) {
    .c-tag.-leadership {
      border-radius: 20px; } }
  @media all and (min-width: 768px) {
    .c-tag.-leadership {
      border-radius: 0 20px 0 0; } }
  @media all and (min-width: 375px) {
    .c-tag.-leadership {
      width: 196px; } }
  @media all and (min-width: 480px) {
    .c-tag.-leadership {
      width: 220px; } }
  @media all and (min-width: 768px) {
    .c-tag.-leadership {
      width: 220px;
      height: 24px;
      padding: 5px 2.5vw 5px 0; } }
  @media all and (min-width: 920px) {
    .c-tag.-leadership {
      width: 245px; } }
  @media all and (min-width: 1080px) {
    .c-tag.-leadership {
      width: 294px; } }
  @media all and (min-width: 1200px) {
    .c-tag.-leadership {
      width: 343px;
      height: 26px;
      padding: 5px 30px 5px 0; } }
  @media all and (min-width: 1320px) {
    .c-tag.-leadership {
      width: 392px; } }
  @media all and (min-width: 1720px) {
    .c-tag.-leadership {
      width: 414px; } }
  @media all and (min-width: 1920px) {
    .c-tag.-leadership {
      width: 490px; } }
  .c-tag.-leadership::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateX(-67%) skew(-66deg, 0deg);
    content: "";
    width: 45px;
    height: 100%;
    transform-origin: bottom right;
    background-color: #da0005;
    pointer-events: none; }
    @media all and (min-width: 480px) {
      .c-tag.-leadership::before {
        width: 54px; } }
    @media all and (min-width: 768px) {
      .c-tag.-leadership::before {
        width: 63px; } }
    @media all and (min-width: 1200px) {
      .c-tag.-leadership::before {
        width: 72px; } }
    @media all and (min-width: 1320px) {
      .c-tag.-leadership::before {
        width: 81px; } }
    @media all and (min-width: 1720px) {
      .c-tag.-leadership::before {
        width: 90px; } }
  .c-tag.-leadership.-interview {
    background-color: #1f316e; }
    .c-tag.-leadership.-interview::before {
      background-color: #1f316e; }

.c-tag.-company {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(-100%);
  height: 20px;
  padding: 4px 2.5vw 4px 0;
  box-sizing: border-box;
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 600;
  font-size: 1.12rem;
  color: white;
  vertical-align: middle;
  background-color: #da0005;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 2.60417vw;
  border-radius: 0 2.60417vw 0 0;
  overflow: visible; }
  @media all and (min-width: 480px) {
    .c-tag.-company {
      font-size: 1.2rem; } }
  @media all and (min-width: 768px) {
    .c-tag.-company {
      font-size: 1.28rem; } }
  @media all and (min-width: 1320px) {
    .c-tag.-company {
      font-size: 1.44rem; } }
  @media all and (min-width: 1720px) {
    .c-tag.-company {
      font-size: 1.6rem; } }
  @media all and (min-width: 768px) {
    .c-tag.-company {
      border-radius: 20px; } }
  @media all and (min-width: 768px) {
    .c-tag.-company {
      border-radius: 0 20px 0 0; } }
  @media all and (min-width: 768px) {
    .c-tag.-company {
      height: 24px;
      padding: 5px 2.5vw 5px 0; } }
  @media all and (min-width: 1200px) {
    .c-tag.-company {
      height: 26px;
      padding: 5px 30px 5px 0; } }
  .c-tag.-company::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateX(-100%) skew(-66deg, 0deg);
    content: "";
    width: 72px;
    height: 100%;
    transform-origin: bottom right;
    background-color: #da0005;
    pointer-events: none; }
    @media all and (min-width: 768px) {
      .c-tag.-company::before {
        width: 90px; } }

.c-step.-frontStep {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 16px 0;
  gap: 16px 0; }
  @media all and (min-width: 768px) {
    .c-step.-frontStep {
      grid-gap: 20px 0;
      gap: 20px 0; } }
  .c-step.-frontStep .c-step_item {
    display: grid;
    grid-template-columns: 26px 1fr;
    align-items: center;
    grid-gap: 10px 2.5vw;
    gap: 10px 2.5vw;
    position: relative;
    padding: 15px 5vw;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.78);
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 1.30208vw;
    border-radius: 1.30208vw;
    overflow: visible !important;
    /*
        // 3列版
        @include breakpoint-sp {
          grid-template-columns: 28px 168px 1fr; //三分割(横並び)、56px * 0.5 = 28px、320px * 0.6 = 192px・192pxより若干狭める - 30px = 168px
        }
        @include breakpoint-tb {
          grid-template-columns: 34px 178px 1fr; //三分割(横並び)、56px * 0.6 = 33.6px、320px * 0.65 = 208px・208pxより若干狭める - 30px = 178px
        }
*/ }
    @media all and (min-width: 768px) {
      .c-step.-frontStep .c-step_item {
        border-radius: 10px; } }
    @media all and (min-width: 768px) {
      .c-step.-frontStep .c-step_item {
        border-radius: 10px; } }
    @media all and (min-width: 600px) {
      .c-step.-frontStep .c-step_item {
        grid-template-columns: 34px 178px 1fr; } }
    @media all and (min-width: 768px) {
      .c-step.-frontStep .c-step_item {
        grid-template-columns: 40px 204px 1fr;
        grid-gap: 0 2.5vw;
        gap: 0 2.5vw;
        padding: 30px 5vw; } }
    @media all and (min-width: 1200px) {
      .c-step.-frontStep .c-step_item {
        grid-template-columns: 45px 256px 1fr;
        grid-gap: 0 30px;
        gap: 0 30px;
        padding: 30px 60px; } }
    @media all and (min-width: 1320px) {
      .c-step.-frontStep .c-step_item {
        grid-template-columns: 51px 288px 1fr; } }
    @media all and (min-width: 1720px) {
      .c-step.-frontStep .c-step_item {
        grid-template-columns: 56px 320px 1fr; } }
    .c-step.-frontStep .c-step_item::before {
      display: inline-block;
      position: absolute;
      bottom: -4px;
      left: calc(5vw + (26px / 2));
      transform: translate(-100%, 100%);
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-right: 6.4px solid transparent;
      border-left: 6.4px solid transparent;
      border-top: 8.8px solid #1f316e;
      border-bottom: 0;
      box-sizing: border-box;
      vertical-align: middle; }
      @media all and (min-width: 375px) {
        .c-step.-frontStep .c-step_item::before {
          left: calc(5vw + (28px / 2)); } }
      @media all and (min-width: 480px) {
        .c-step.-frontStep .c-step_item::before {
          left: calc(5vw + (34px / 2)); } }
      @media all and (min-width: 768px) {
        .c-step.-frontStep .c-step_item::before {
          bottom: -5px;
          left: calc(5vw + (40px / 2));
          border-right-width: 8px;
          border-left-width: 8px;
          border-top-width: 11px; } }
      @media all and (min-width: 1200px) {
        .c-step.-frontStep .c-step_item::before {
          left: calc(60px + (45px / 2)); } }
      @media all and (min-width: 1320px) {
        .c-step.-frontStep .c-step_item::before {
          left: calc(60px + (51px / 2)); } }
      @media all and (min-width: 1720px) {
        .c-step.-frontStep .c-step_item::before {
          left: calc(60px + (56px / 2)); } }
    .c-step.-frontStep .c-step_item:last-of-type::before {
      display: none; }
  .c-step.-frontStep .c-step_num {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2; }
  .c-step.-frontStep .c-step_ttl {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2; }
  .c-step.-frontStep .c-step_txt {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3; }
    @media all and (min-width: 600px) {
      .c-step.-frontStep .c-step_txt {
        grid-column-start: 3;
        grid-column-end: 4;
        grid-row-start: 1;
        grid-row-end: 2; } }

.c-step.-recruitCareer {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 32px 0;
  gap: 32px 0; }
  @media all and (min-width: 768px) {
    .c-step.-recruitCareer {
      grid-gap: 40px 0;
      gap: 40px 0; } }
  .c-step.-recruitCareer .c-step_row {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 20px 18px;
    gap: 20px 18px; }
    @media all and (min-width: 600px) {
      .c-step.-recruitCareer .c-step_row {
        grid-template-columns: 1fr 150px;
        grid-gap: 0 20px;
        gap: 0 20px; } }
    @media all and (min-width: 768px) {
      .c-step.-recruitCareer .c-step_row {
        grid-template-columns: 1fr 175px;
        grid-gap: 0 20px;
        gap: 0 20px; } }
    @media all and (min-width: 1200px) {
      .c-step.-recruitCareer .c-step_row {
        grid-template-columns: 1fr 200px;
        grid-gap: 0px 25px;
        gap: 0px 25px; } }
    @media all and (min-width: 1320px) {
      .c-step.-recruitCareer .c-step_row {
        grid-template-columns: 1fr 225px; } }
    @media all and (min-width: 1720px) {
      .c-step.-recruitCareer .c-step_row {
        grid-template-columns: 1fr 250px; } }
    .c-step.-recruitCareer .c-step_row:nth-of-type(1) .c-step_item {
      background-color: #e5f1f2; }
      .c-step.-recruitCareer .c-step_row:nth-of-type(1) .c-step_item::before {
        display: none; }
    .c-step.-recruitCareer .c-step_row:nth-of-type(2) .c-step_item {
      background-color: #c6e0e4; }
    .c-step.-recruitCareer .c-step_row:nth-of-type(3) .c-step_item {
      background-color: #b6d7dd; }
    .c-step.-recruitCareer .c-step_row:nth-of-type(4) .c-step_item {
      background-color: #a6ced5; }
    .c-step.-recruitCareer .c-step_row:nth-of-type(5) .c-step_item {
      background-color: #97c5cd; }
  .c-step.-recruitCareer .c-step_item {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto 1fr;
    align-items: start;
    position: relative;
    padding: 12px 12px;
    border: 4px solid #4d4d4d;
    box-sizing: border-box;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 1.30208vw;
    border-radius: 1.30208vw;
    overflow: visible !important; }
    @media all and (min-width: 768px) {
      .c-step.-recruitCareer .c-step_item {
        border-radius: 10px; } }
    @media all and (min-width: 768px) {
      .c-step.-recruitCareer .c-step_item {
        border-radius: 10px; } }
    @media all and (min-width: 768px) {
      .c-step.-recruitCareer .c-step_item {
        padding: 15px 15px; } }
    .c-step.-recruitCareer .c-step_item::before {
      display: block;
      position: absolute;
      top: 0;
      right: calc(1.25vw - 12px);
      transform: translate(-50%, -95%);
      content: "";
      width: 48px;
      height: 200px;
      background-image: url("../images/common/icon/arw_down_blue07.png"), url("../images/common/icon/arw_border_blue07.png");
      background-position: center bottom, center top;
      background-repeat: no-repeat, no-repeat;
      background-size: contain, 100% 75%; }
      @media all and (min-width: 600px) {
        .c-step.-recruitCareer .c-step_item::before {
          transform: translate(-50%, -75%);
          width: 48px;
          height: 68px;
          background-image: url("../images/common/icon/arw_down_blue07.png");
          background-position: center center;
          background-repeat: no-repeat;
          background-size: contain; } }
      @media all and (min-width: 768px) {
        .c-step.-recruitCareer .c-step_item::before {
          transform: translate(-50%, -75%);
          width: 54px;
          height: 76px; } }
      @media all and (min-width: 1200px) {
        .c-step.-recruitCareer .c-step_item::before {
          right: 15px; } }
      @media all and (min-width: 1320px) {
        .c-step.-recruitCareer .c-step_item::before {
          right: 30px;
          transform: translate(-50%, -69%);
          width: 60px;
          height: 84px; } }
  .c-step.-recruitCareer .c-step_point {
    width: calc(100% - 24vw);
    padding: 12px 3px 12px 12px;
    border: 4px dotted #0095a2;
    box-sizing: border-box;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 1.30208vw;
    border-radius: 1.30208vw;
    overflow: visible !important;
    background-color: #e3f0f7; }
    @media all and (min-width: 768px) {
      .c-step.-recruitCareer .c-step_point {
        border-radius: 10px; } }
    @media all and (min-width: 768px) {
      .c-step.-recruitCareer .c-step_point {
        border-radius: 10px; } }
    @media all and (min-width: 600px) {
      .c-step.-recruitCareer .c-step_point {
        width: 100%; } }
    @media all and (min-width: 768px) {
      .c-step.-recruitCareer .c-step_point {
        padding: 15px 4px 15px 15px; } }
  .c-step.-recruitCareer .c-step_head {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    grid-gap: 12px 20px;
    gap: 12px 20px;
    padding-bottom: 8px;
    border-bottom: 2px solid #4d4d4d;
    box-sizing: border-box; }
    @media all and (min-width: 768px) {
      .c-step.-recruitCareer .c-step_head {
        grid-gap: 15px 25px;
        gap: 15px 25px;
        padding-bottom: 10px; } }
  .c-step.-recruitCareer .c-step_body {
    padding: 7px 0 4px;
    box-sizing: border-box; }
    @media all and (min-width: 768px) {
      .c-step.-recruitCareer .c-step_body {
        padding: 8px 0 5px; } }
  .c-step.-recruitCareer .c-step_num {
    width: 83.3px;
    max-width: 100%;
    width: 65.45px; }
    @media all and (min-width: 480px) {
      .c-step.-recruitCareer .c-step_num {
        width: 89.25px; } }
    @media all and (min-width: 768px) {
      .c-step.-recruitCareer .c-step_num {
        width: 95.2px; } }
    @media all and (min-width: 1320px) {
      .c-step.-recruitCareer .c-step_num {
        width: 107.1px; } }
    @media all and (min-width: 1720px) {
      .c-step.-recruitCareer .c-step_num {
        width: 119px; } }
    @media all and (min-width: 375px) {
      .c-step.-recruitCareer .c-step_num {
        width: 71.4px; } }
    @media all and (min-width: 480px) {
      .c-step.-recruitCareer .c-step_num {
        width: 83.3px; } }
    @media all and (min-width: 768px) {
      .c-step.-recruitCareer .c-step_num {
        width: 95.2px; } }
    @media all and (min-width: 1200px) {
      .c-step.-recruitCareer .c-step_num {
        width: 107.1px; } }
    @media all and (min-width: 1320px) {
      .c-step.-recruitCareer .c-step_num {
        width: 113.05px; } }
    @media all and (min-width: 1720px) {
      .c-step.-recruitCareer .c-step_num {
        width: 119px; } }

.c-stair.-frontChoose01, .c-stair.-aboutPhilosophy {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 35px 2.9vw;
  gap: 35px 2.9vw; }
  @media all and (min-width: 600px) {
    .c-stair.-frontChoose01, .c-stair.-aboutPhilosophy {
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 40px 2.9vw;
      gap: 40px 2.9vw; } }
  @media all and (min-width: 768px) {
    .c-stair.-frontChoose01, .c-stair.-aboutPhilosophy {
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 45px 2.9vw;
      gap: 45px 2.9vw; } }
  @media all and (min-width: 1720px) {
    .c-stair.-frontChoose01, .c-stair.-aboutPhilosophy {
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 50px 50px;
      gap: 50px 50px; } }
  .c-stair.-frontChoose01 .c-stair_item, .c-stair.-aboutPhilosophy .c-stair_item {
    display: grid;
    grid-template-columns: 23px 1fr;
    grid-gap: 0 8px;
    gap: 0 8px;
    position: relative;
    box-sizing: border-box; }
    @media all and (min-width: 375px) {
      .c-stair.-frontChoose01 .c-stair_item, .c-stair.-aboutPhilosophy .c-stair_item {
        grid-template-columns: 26px 1fr; } }
    @media all and (min-width: 480px) {
      .c-stair.-frontChoose01 .c-stair_item, .c-stair.-aboutPhilosophy .c-stair_item {
        grid-template-columns: 33px 1fr; } }
    @media all and (min-width: 600px) {
      .c-stair.-frontChoose01 .c-stair_item, .c-stair.-aboutPhilosophy .c-stair_item {
        grid-template-columns: 39px 1fr;
        grid-gap: 0 12px;
        gap: 0 12px; } }
    @media all and (min-width: 768px) {
      .c-stair.-frontChoose01 .c-stair_item, .c-stair.-aboutPhilosophy .c-stair_item {
        grid-template-columns: 45px 1fr;
        grid-gap: 0 1.16vw;
        gap: 0 1.16vw; } }
    @media all and (min-width: 1200px) {
      .c-stair.-frontChoose01 .c-stair_item, .c-stair.-aboutPhilosophy .c-stair_item {
        grid-template-columns: 52px 1fr;
        grid-gap: 0 1.16vw;
        gap: 0 1.16vw; } }
    @media all and (min-width: 1320px) {
      .c-stair.-frontChoose01 .c-stair_item, .c-stair.-aboutPhilosophy .c-stair_item {
        grid-template-columns: 59px 1fr;
        grid-gap: 0 1.16vw;
        gap: 0 1.16vw; } }
    @media all and (min-width: 1720px) {
      .c-stair.-frontChoose01 .c-stair_item, .c-stair.-aboutPhilosophy .c-stair_item {
        grid-template-columns: 65px 1fr;
        grid-gap: 0 25px;
        gap: 0 25px; } }
    .c-stair.-frontChoose01 .c-stair_item:nth-of-type(2), .c-stair.-aboutPhilosophy .c-stair_item:nth-of-type(2) {
      margin-top: 0; }
      @media all and (min-width: 600px) {
        .c-stair.-frontChoose01 .c-stair_item:nth-of-type(2), .c-stair.-aboutPhilosophy .c-stair_item:nth-of-type(2) {
          transform: translateY(48px); } }
      @media all and (min-width: 768px) {
        .c-stair.-frontChoose01 .c-stair_item:nth-of-type(2), .c-stair.-aboutPhilosophy .c-stair_item:nth-of-type(2) {
          transform: translateY(0);
          margin-top: 56px; } }
      @media all and (min-width: 1200px) {
        .c-stair.-frontChoose01 .c-stair_item:nth-of-type(2), .c-stair.-aboutPhilosophy .c-stair_item:nth-of-type(2) {
          margin-top: 64px; } }
      @media all and (min-width: 1320px) {
        .c-stair.-frontChoose01 .c-stair_item:nth-of-type(2), .c-stair.-aboutPhilosophy .c-stair_item:nth-of-type(2) {
          margin-top: 72px; } }
      @media all and (min-width: 1720px) {
        .c-stair.-frontChoose01 .c-stair_item:nth-of-type(2), .c-stair.-aboutPhilosophy .c-stair_item:nth-of-type(2) {
          margin-top: 80px; } }
    .c-stair.-frontChoose01 .c-stair_item:nth-of-type(3), .c-stair.-aboutPhilosophy .c-stair_item:nth-of-type(3) {
      margin-top: 0; }
      @media all and (min-width: 600px) {
        .c-stair.-frontChoose01 .c-stair_item:nth-of-type(3), .c-stair.-aboutPhilosophy .c-stair_item:nth-of-type(3) {
          margin-top: 0; } }
      @media all and (min-width: 768px) {
        .c-stair.-frontChoose01 .c-stair_item:nth-of-type(3), .c-stair.-aboutPhilosophy .c-stair_item:nth-of-type(3) {
          margin-top: 112px; } }
      @media all and (min-width: 1200px) {
        .c-stair.-frontChoose01 .c-stair_item:nth-of-type(3), .c-stair.-aboutPhilosophy .c-stair_item:nth-of-type(3) {
          margin-top: 128px; } }
      @media all and (min-width: 1320px) {
        .c-stair.-frontChoose01 .c-stair_item:nth-of-type(3), .c-stair.-aboutPhilosophy .c-stair_item:nth-of-type(3) {
          margin-top: 144px; } }
      @media all and (min-width: 1720px) {
        .c-stair.-frontChoose01 .c-stair_item:nth-of-type(3), .c-stair.-aboutPhilosophy .c-stair_item:nth-of-type(3) {
          margin-top: 160px; } }
  .c-stair.-frontChoose01 .c-stair_num, .c-stair.-frontChoose01 .c-stair_icon, .c-stair.-aboutPhilosophy .c-stair_num, .c-stair.-aboutPhilosophy .c-stair_icon {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2; }
  .c-stair.-frontChoose01 .c-stair_txtbox, .c-stair.-aboutPhilosophy .c-stair_txtbox {
    padding-top: 2px;
    box-sizing: border-box; }
    @media all and (min-width: 600px) {
      .c-stair.-frontChoose01 .c-stair_txtbox, .c-stair.-aboutPhilosophy .c-stair_txtbox {
        padding-top: 6px; } }
    @media all and (min-width: 768px) {
      .c-stair.-frontChoose01 .c-stair_txtbox, .c-stair.-aboutPhilosophy .c-stair_txtbox {
        padding-top: 7px; } }
    @media all and (min-width: 1200px) {
      .c-stair.-frontChoose01 .c-stair_txtbox, .c-stair.-aboutPhilosophy .c-stair_txtbox {
        padding-top: 8px; } }
    @media all and (min-width: 1320px) {
      .c-stair.-frontChoose01 .c-stair_txtbox, .c-stair.-aboutPhilosophy .c-stair_txtbox {
        padding-top: 9px; } }
    @media all and (min-width: 1720px) {
      .c-stair.-frontChoose01 .c-stair_txtbox, .c-stair.-aboutPhilosophy .c-stair_txtbox {
        padding-top: 10px; } }
  .c-stair.-frontChoose01 .c-stair_ttl, .c-stair.-aboutPhilosophy .c-stair_ttl {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
    margin-bottom: 10px; }
    @media all and (min-width: 600px) {
      .c-stair.-frontChoose01 .c-stair_ttl, .c-stair.-aboutPhilosophy .c-stair_ttl {
        margin-bottom: 12px; } }
    @media all and (min-width: 768px) {
      .c-stair.-frontChoose01 .c-stair_ttl, .c-stair.-aboutPhilosophy .c-stair_ttl {
        margin-bottom: 14px; } }
    @media all and (min-width: 1200px) {
      .c-stair.-frontChoose01 .c-stair_ttl, .c-stair.-aboutPhilosophy .c-stair_ttl {
        margin-bottom: 16px; } }
    @media all and (min-width: 1320px) {
      .c-stair.-frontChoose01 .c-stair_ttl, .c-stair.-aboutPhilosophy .c-stair_ttl {
        margin-bottom: 18px; } }
    @media all and (min-width: 1720px) {
      .c-stair.-frontChoose01 .c-stair_ttl, .c-stair.-aboutPhilosophy .c-stair_ttl {
        margin-bottom: 20px; } }
  .c-stair.-frontChoose01 .c-stair_txt, .c-stair.-aboutPhilosophy .c-stair_txt {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3; }
    @media all and (min-width: 600px) {
      .c-stair.-frontChoose01 .c-stair_txt, .c-stair.-aboutPhilosophy .c-stair_txt {
        grid-column-start: 3;
        grid-column-end: 4;
        grid-row-start: 1;
        grid-row-end: 2; } }

.c-stair.-frontChoose02 {
  display: grid;
  justify-content: end;
  align-items: end;
  grid-template-columns: 52.3% auto;
  grid-gap: 35px 6.9%;
  gap: 35px 6.9%;
  padding-bottom: 16px; }
  @media all and (min-width: 600px) {
    .c-stair.-frontChoose02 {
      grid-template-columns: 52.3% auto;
      grid-gap: 40px 6.9%;
      gap: 40px 6.9%;
      padding-bottom: 20px; } }
  @media all and (min-width: 768px) {
    .c-stair.-frontChoose02 {
      grid-template-columns: 34.8% 27.3% auto;
      grid-gap: 45px 2.5vw;
      gap: 45px 2.5vw;
      padding-bottom: 42px; } }
  @media all and (min-width: 1200px) {
    .c-stair.-frontChoose02 {
      grid-gap: 45px 4.65vw;
      gap: 45px 4.65vw;
      padding-bottom: 48px; } }
  @media all and (min-width: 1320px) {
    .c-stair.-frontChoose02 {
      padding-bottom: 54px; } }
  @media all and (min-width: 1720px) {
    .c-stair.-frontChoose02 {
      grid-template-columns: 600px 470px auto;
      grid-gap: 50px 80px;
      gap: 50px 80px;
      padding-bottom: 60px; } }
  .c-stair.-frontChoose02 .c-stair_item {
    position: relative; }
    .c-stair.-frontChoose02 .c-stair_item img {
      width: 100%;
      overflow: hidden;
      box-sizing: border-box;
      border-radius: 1.30208vw;
      border-radius: 1.30208vw; }
      @media all and (min-width: 768px) {
        .c-stair.-frontChoose02 .c-stair_item img {
          border-radius: 10px; } }
      @media all and (min-width: 768px) {
        .c-stair.-frontChoose02 .c-stair_item img {
          border-radius: 10px; } }
    .c-stair.-frontChoose02 .c-stair_item.-btnbox {
      grid-column-start: 1;
      grid-column-end: 3;
      grid-row-start: 1;
      grid-row-end: 2; }
      @media all and (min-width: 768px) {
        .c-stair.-frontChoose02 .c-stair_item.-btnbox {
          grid-column-start: 3;
          grid-column-end: 4;
          grid-row-start: 1;
          grid-row-end: 2; } }
    .c-stair.-frontChoose02 .c-stair_item.-imgbox03 {
      display: block;
      transform: translateX(13.1%);
      grid-column-start: 1;
      grid-column-end: 2;
      grid-row-start: 3;
      grid-row-end: 4; }
      @media all and (min-width: 768px) {
        .c-stair.-frontChoose02 .c-stair_item.-imgbox03 {
          display: none; } }
    .c-stair.-frontChoose02 .c-stair_item:nth-of-type(2) {
      margin-bottom: -16px; }
      @media all and (min-width: 600px) {
        .c-stair.-frontChoose02 .c-stair_item:nth-of-type(2) {
          margin-bottom: -20px; } }
      @media all and (min-width: 768px) {
        .c-stair.-frontChoose02 .c-stair_item:nth-of-type(2) {
          margin-bottom: -42px; } }
      @media all and (min-width: 1200px) {
        .c-stair.-frontChoose02 .c-stair_item:nth-of-type(2) {
          margin-bottom: -48px; } }
      @media all and (min-width: 1320px) {
        .c-stair.-frontChoose02 .c-stair_item:nth-of-type(2) {
          margin-bottom: -54px; } }
      @media all and (min-width: 1720px) {
        .c-stair.-frontChoose02 .c-stair_item:nth-of-type(2) {
          margin-bottom: -60px; } }
    .c-stair.-frontChoose02 .c-stair_item:nth-of-type(3) {
      margin-bottom: 0;
      box-sizing: border-box; }
      @media all and (min-width: 600px) {
        .c-stair.-frontChoose02 .c-stair_item:nth-of-type(3) {
          margin-bottom: 6px; } }
      @media all and (min-width: 768px) {
        .c-stair.-frontChoose02 .c-stair_item:nth-of-type(3) {
          margin-bottom: 7px; } }
      @media all and (min-width: 1200px) {
        .c-stair.-frontChoose02 .c-stair_item:nth-of-type(3) {
          margin-bottom: 8px; } }
      @media all and (min-width: 1320px) {
        .c-stair.-frontChoose02 .c-stair_item:nth-of-type(3) {
          margin-bottom: 9px; } }
      @media all and (min-width: 1720px) {
        .c-stair.-frontChoose02 .c-stair_item:nth-of-type(3) {
          margin-bottom: 10px;
          padding-left: 2.5vw; } }
      @media all and (min-width: 1920px) {
        .c-stair.-frontChoose02 .c-stair_item:nth-of-type(3) {
          padding-left: 80px; } }

.c-column.-col3 {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 0 0;
  gap: 0 0; }
  @media all and (min-width: 600px) {
    .c-column.-col3 {
      grid-template-columns: repeat(2, 1fr); } }
  @media all and (min-width: 768px) {
    .c-column.-col3 {
      grid-template-columns: repeat(2, 1fr); } }
  @media all and (min-width: 1320px) {
    .c-column.-col3 {
      grid-template-columns: repeat(3, 1fr); } }
  .c-column.-col3.-gap50 {
    grid-gap: 35px 2.9vw;
    gap: 35px 2.9vw; }
    @media all and (min-width: 600px) {
      .c-column.-col3.-gap50 {
        grid-gap: 40px 2.9vw;
        gap: 40px 2.9vw; } }
    @media all and (min-width: 768px) {
      .c-column.-col3.-gap50 {
        grid-gap: 45px 2.9vw;
        gap: 45px 2.9vw; } }
    @media all and (min-width: 1720px) {
      .c-column.-col3.-gap50 {
        grid-gap: 50px 50px;
        gap: 50px 50px; } }
  .c-column.-col3 .c-column_item {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: subgrid;
    grid-row: span 2;
    grid-gap: 0 0;
    gap: 0 0;
    position: relative;
    height: auto;
    box-sizing: border-box; }
  .c-column.-col3 .c-column_num, .c-column.-col3 .c-column_icon {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2; }
  .c-column.-col3 .c-column_head {
    display: grid;
    grid-template-columns: 23px 1fr;
    grid-gap: 0 8px;
    gap: 0 8px;
    position: relative;
    height: auto;
    box-sizing: border-box; }
    @media all and (min-width: 375px) {
      .c-column.-col3 .c-column_head {
        grid-template-columns: 26px 1fr; } }
    @media all and (min-width: 480px) {
      .c-column.-col3 .c-column_head {
        grid-template-columns: 33px 1fr; } }
    @media all and (min-width: 600px) {
      .c-column.-col3 .c-column_head {
        grid-template-columns: 39px 1fr;
        grid-gap: 0 12px;
        gap: 0 12px; } }
    @media all and (min-width: 768px) {
      .c-column.-col3 .c-column_head {
        grid-template-columns: 45px 1fr;
        grid-gap: 0 1.16vw;
        gap: 0 1.16vw; } }
    @media all and (min-width: 1200px) {
      .c-column.-col3 .c-column_head {
        grid-template-columns: 52px 1fr;
        grid-gap: 0 1.16vw;
        gap: 0 1.16vw; } }
    @media all and (min-width: 1320px) {
      .c-column.-col3 .c-column_head {
        grid-template-columns: 59px 1fr;
        grid-gap: 0 1.16vw;
        gap: 0 1.16vw; } }
    @media all and (min-width: 1720px) {
      .c-column.-col3 .c-column_head {
        grid-template-columns: 65px 1fr;
        grid-gap: 0 25px;
        gap: 0 25px; } }
  .c-column.-col3 .c-column_ttl {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
    height: auto;
    margin-bottom: 10px;
    padding-top: 2px; }
    @media all and (min-width: 600px) {
      .c-column.-col3 .c-column_ttl {
        margin-bottom: 12px;
        padding-top: 3px; } }
    @media all and (min-width: 768px) {
      .c-column.-col3 .c-column_ttl {
        margin-bottom: 14px; } }
    @media all and (min-width: 1200px) {
      .c-column.-col3 .c-column_ttl {
        margin-bottom: 16px;
        padding-top: 4px; } }
    @media all and (min-width: 1320px) {
      .c-column.-col3 .c-column_ttl {
        margin-bottom: 18px; } }
    @media all and (min-width: 1720px) {
      .c-column.-col3 .c-column_ttl {
        margin-bottom: 20px;
        padding-top: 5px; } }
  .c-column.-col3 .c-column_txt {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3; }
    @media all and (min-width: 600px) {
      .c-column.-col3 .c-column_txt {
        grid-column-start: 3;
        grid-column-end: 4;
        grid-row-start: 1;
        grid-row-end: 2; } }

.c-column.-skills {
  display: grid;
  grid-template-columns: repeat(2, minmax(auto, 160px));
  justify-content: start;
  grid-gap: 3.75vw 2.5vw;
  gap: 3.75vw 2.5vw; }
  @media all and (min-width: 480px) {
    .c-column.-skills {
      grid-template-columns: repeat(3, minmax(auto, 160px)); } }
  @media all and (min-width: 768px) {
    .c-column.-skills {
      grid-template-columns: repeat(3, minmax(auto, 200px)); } }
  @media all and (min-width: 1200px) {
    .c-column.-skills {
      grid-gap: 30px 30px;
      gap: 30px 30px; } }
  @media all and (min-width: 1720px) {
    .c-column.-skills {
      grid-template-columns: repeat(6, 1fr); } }

.c-column.-solutionsSesClients {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-content: start;
  grid-gap: 30px 0;
  gap: 30px 0;
  width: 100%;
  max-width: 1250px;
  margin-left: 0;
  margin-right: auto; }
  @media all and (min-width: 480px) {
    .c-column.-solutionsSesClients {
      grid-template-columns: repeat(2, 1fr); } }
  @media all and (min-width: 768px) {
    .c-column.-solutionsSesClients {
      grid-template-columns: repeat(2, 1fr); } }
  @media all and (min-width: 1080px) {
    .c-column.-solutionsSesClients {
      grid-template-columns: repeat(3, 1fr); } }
  @media all and (min-width: 1200px) {
    .c-column.-solutionsSesClients {
      grid-gap: 60px 0;
      gap: 60px 0; } }
  .c-column.-solutionsSesClients .c-column_item {
    display: grid;
    justify-content: center;
    align-items: center; }

.c-card.-leadership, .c-card.-interview {
  display: grid;
  grid-template-columns: 100%;
  align-items: start;
  grid-gap: 16px 0;
  gap: 16px 0;
  position: relative;
  background-color: #dddee2;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 2.60417vw;
  border-radius: 2.60417vw;
  border-top-right-radius: 0 !important;
  overflow: visible !important; }
  @media all and (min-width: 768px) {
    .c-card.-leadership, .c-card.-interview {
      border-radius: 20px; } }
  @media all and (min-width: 768px) {
    .c-card.-leadership, .c-card.-interview {
      border-radius: 20px; } }
  .c-card.-leadership .c-card_inner, .c-card.-interview .c-card_inner {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto auto 1fr;
    align-items: start;
    grid-gap: 24px 5vw;
    gap: 24px 5vw;
    padding: 5vw 5vw;
    box-sizing: border-box; }
    @media all and (min-width: 480px) {
      .c-card.-leadership .c-card_inner, .c-card.-interview .c-card_inner {
        grid-template-columns: 57.7% 1fr;
        grid-template-rows: auto 1fr; } }
    @media all and (min-width: 768px) {
      .c-card.-leadership .c-card_inner, .c-card.-interview .c-card_inner {
        grid-template-columns: 100%;
        grid-template-rows: auto auto 1fr; } }
    @media all and (min-width: 1200px) {
      .c-card.-leadership .c-card_inner, .c-card.-interview .c-card_inner {
        grid-gap: 30px 5vw;
        gap: 30px 5vw;
        padding: 60px 60px; } }
    @media all and (min-width: 1320px) {
      .c-card.-leadership .c-card_inner, .c-card.-interview .c-card_inner {
        grid-template-columns: 57.7% 1fr;
        grid-template-rows: auto 1fr;
        grid-gap: 30px 3.125vw;
        gap: 30px 3.125vw; } }
    @media all and (min-width: 1920px) {
      .c-card.-leadership .c-card_inner, .c-card.-interview .c-card_inner {
        grid-gap: 30px 60px;
        gap: 30px 60px; } }
  .c-card.-leadership .c-card_head, .c-card.-interview .c-card_head {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3; }
    @media all and (min-width: 480px) {
      .c-card.-leadership .c-card_head, .c-card.-interview .c-card_head {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 2; } }
    @media all and (min-width: 768px) {
      .c-card.-leadership .c-card_head, .c-card.-interview .c-card_head {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 2;
        grid-row-end: 3; } }
    @media all and (min-width: 1320px) {
      .c-card.-leadership .c-card_head, .c-card.-interview .c-card_head {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 2; } }
  .c-card.-leadership .c-card_name, .c-card.-interview .c-card_name {
    margin-bottom: 16px; }
    @media all and (min-width: 768px) {
      .c-card.-leadership .c-card_name, .c-card.-interview .c-card_name {
        margin-bottom: 20px; } }
  .c-card.-leadership .c-card_post, .c-card.-interview .c-card_post {
    padding-left: 4px;
    border-left: 4px solid #da0005;
    box-sizing: border-box; }
    @media all and (min-width: 768px) {
      .c-card.-leadership .c-card_post, .c-card.-interview .c-card_post {
        padding-left: 5px;
        border-left-width: 5px; } }
  .c-card.-leadership .c-card_txt, .c-card.-interview .c-card_txt {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 4; }
    @media all and (min-width: 480px) {
      .c-card.-leadership .c-card_txt, .c-card.-interview .c-card_txt {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 2;
        grid-row-end: 3; } }
    @media all and (min-width: 768px) {
      .c-card.-leadership .c-card_txt, .c-card.-interview .c-card_txt {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 3;
        grid-row-end: 4; } }
    @media all and (min-width: 1320px) {
      .c-card.-leadership .c-card_txt, .c-card.-interview .c-card_txt {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 2;
        grid-row-end: 3; } }
  .c-card.-leadership .c-card_img, .c-card.-interview .c-card_img {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
    text-align: center; }
    @media all and (min-width: 480px) {
      .c-card.-leadership .c-card_img, .c-card.-interview .c-card_img {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 3; } }
    @media all and (min-width: 768px) {
      .c-card.-leadership .c-card_img, .c-card.-interview .c-card_img {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 2; } }
    @media all and (min-width: 1320px) {
      .c-card.-leadership .c-card_img, .c-card.-interview .c-card_img {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 3; } }
    .c-card.-leadership .c-card_img img, .c-card.-interview .c-card_img img {
      max-width: 192px;
      overflow: hidden;
      box-sizing: border-box;
      border-radius: 1.30208vw;
      border-radius: 1.30208vw; }
      @media all and (min-width: 768px) {
        .c-card.-leadership .c-card_img img, .c-card.-interview .c-card_img img {
          border-radius: 10px; } }
      @media all and (min-width: 768px) {
        .c-card.-leadership .c-card_img img, .c-card.-interview .c-card_img img {
          border-radius: 10px; } }
      @media all and (min-width: 768px) {
        .c-card.-leadership .c-card_img img, .c-card.-interview .c-card_img img {
          max-width: 240px; } }
  .c-card.-leadership.-detail .c-card_inner, .c-card.-interview.-detail .c-card_inner {
    grid-template-columns: 100%; }
    @media all and (min-width: 480px) {
      .c-card.-leadership.-detail .c-card_inner, .c-card.-interview.-detail .c-card_inner {
        grid-template-columns: 57.7% 1fr;
        grid-template-rows: auto 1fr; } }
    @media all and (min-width: 768px) {
      .c-card.-leadership.-detail .c-card_inner, .c-card.-interview.-detail .c-card_inner {
        grid-template-columns: 57.7% 1fr;
        grid-template-rows: auto 1fr; } }
    @media all and (min-width: 1320px) {
      .c-card.-leadership.-detail .c-card_inner, .c-card.-interview.-detail .c-card_inner {
        grid-template-columns: 57.7% 1fr;
        grid-template-rows: auto 1fr; } }
  .c-card.-leadership.-detail .c-card_head, .c-card.-interview.-detail .c-card_head {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3; }
    @media all and (min-width: 480px) {
      .c-card.-leadership.-detail .c-card_head, .c-card.-interview.-detail .c-card_head {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 2; } }
    @media all and (min-width: 768px) {
      .c-card.-leadership.-detail .c-card_head, .c-card.-interview.-detail .c-card_head {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 2; } }
    @media all and (min-width: 1320px) {
      .c-card.-leadership.-detail .c-card_head, .c-card.-interview.-detail .c-card_head {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 2; } }
  .c-card.-leadership.-detail .c-card_txt, .c-card.-interview.-detail .c-card_txt {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 4; }
    @media all and (min-width: 480px) {
      .c-card.-leadership.-detail .c-card_txt, .c-card.-interview.-detail .c-card_txt {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 2;
        grid-row-end: 3; } }
    @media all and (min-width: 768px) {
      .c-card.-leadership.-detail .c-card_txt, .c-card.-interview.-detail .c-card_txt {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 2;
        grid-row-end: 3; } }
    @media all and (min-width: 1320px) {
      .c-card.-leadership.-detail .c-card_txt, .c-card.-interview.-detail .c-card_txt {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 2;
        grid-row-end: 3; } }
  .c-card.-leadership.-detail .c-card_img, .c-card.-interview.-detail .c-card_img {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
    text-align: center; }
    @media all and (min-width: 480px) {
      .c-card.-leadership.-detail .c-card_img, .c-card.-interview.-detail .c-card_img {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 3; } }
    @media all and (min-width: 768px) {
      .c-card.-leadership.-detail .c-card_img, .c-card.-interview.-detail .c-card_img {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 3; } }
    @media all and (min-width: 1320px) {
      .c-card.-leadership.-detail .c-card_img, .c-card.-interview.-detail .c-card_img {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 3; } }

.c-card.-interview {
  display: grid;
  grid-gap: 16px 0;
  gap: 16px 0; }
  @media all and (min-width: 768px) {
    .c-card.-interview {
      grid-gap: 20px 0;
      gap: 20px 0; } }
  .c-card.-interview .c-card_txt {
    position: relative; }
  .c-card.-interview .c-card_img {
    position: relative;
    z-index: 1; }
  .c-card.-interview .c-card_btm {
    display: flex;
    justify-content: flex-end;
    position: relative;
    left: auto;
    right: 0;
    width: 100%;
    margin-top: auto;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 2.60417vw;
    border-radius: 0 0 2.60417vw 0; }
    @media all and (min-width: 768px) {
      .c-card.-interview .c-card_btm {
        border-radius: 20px; } }
    @media all and (min-width: 768px) {
      .c-card.-interview .c-card_btm {
        border-radius: 0 0 20px 0; } }
  .c-card.-interview .c-card_more {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 0 4px;
    gap: 0 4px;
    position: relative;
    transform: translate(10%, 0);
    padding: 8px 30px;
    color: white;
    text-align: center; }
    @media all and (min-width: 480px) {
      .c-card.-interview .c-card_more {
        padding: 10px 36px; } }
    @media all and (min-width: 768px) {
      .c-card.-interview .c-card_more {
        grid-gap: 0 5px;
        gap: 0 5px;
        padding: 10px 42px; } }
    @media all and (min-width: 1200px) {
      .c-card.-interview .c-card_more {
        padding: 10px 48px; } }
    @media all and (min-width: 1320px) {
      .c-card.-interview .c-card_more {
        padding: 10px 54px; } }
    @media all and (min-width: 1720px) {
      .c-card.-interview .c-card_more {
        padding: 10px 60px; } }
    .c-card.-interview .c-card_more div, .c-card.-interview .c-card_more p, .c-card.-interview .c-card_more span {
      position: relative;
      z-index: 1; }
    .c-card.-interview .c-card_more::before {
      display: block;
      position: absolute;
      top: 0;
      left: 50%;
      z-index: 0;
      transform: translateX(-50%) skew(-60deg, 0deg);
      content: "";
      width: 100%;
      height: 100%;
      transform-origin: center;
      background-color: #da0005;
      pointer-events: none; }
    .c-card.-interview .c-card_more::after {
      display: block;
      position: absolute;
      top: 0;
      left: 50%;
      z-index: 0;
      content: "";
      width: 100%;
      height: 100%;
      transform-origin: center;
      background-color: #da0005;
      pointer-events: none; }
  .c-card.-interview.-link .c-card_inner {
    padding-bottom: 0 !important; }

.c-card.-interviewNav {
  display: grid;
  align-content: space-between;
  position: relative;
  box-sizing: border-box;
  background-color: #dddee2;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 2.60417vw;
  border-radius: 2.60417vw;
  overflow: visible !important; }
  @media all and (min-width: 768px) {
    .c-card.-interviewNav {
      border-radius: 20px; } }
  @media all and (min-width: 768px) {
    .c-card.-interviewNav {
      border-radius: 20px; } }
  .c-card.-interviewNav .c-card_inner {
    position: relative;
    padding: 0 12px 2.5vw;
    box-sizing: border-box; }
    @media all and (min-width: 768px) {
      .c-card.-interviewNav .c-card_inner {
        padding: 0 12px 1.25vw; } }
    @media all and (min-width: 1200px) {
      .c-card.-interviewNav .c-card_inner {
        padding: 0 15px 15px; } }
  .c-card.-interviewNav .c-card_img {
    position: relative;
    margin-top: -31px;
    margin-bottom: 8px;
    width: 70.3%;
    max-width: 95px;
    margin-left: auto;
    margin-right: auto; }
    @media all and (min-width: 375px) {
      .c-card.-interviewNav .c-card_img {
        max-width: 114px;
        margin-top: -5.714285714285714vw; } }
    @media all and (min-width: 660px) {
      .c-card.-interviewNav .c-card_img {
        max-width: 152px;
        margin-top: -5.714285714285714vw; } }
    @media all and (min-width: 768px) {
      .c-card.-interviewNav .c-card_img {
        max-width: 190px;
        margin-top: -5.714285714285714vw;
        margin-bottom: 10px; } }
    @media all and (min-width: 1400px) {
      .c-card.-interviewNav .c-card_img {
        margin-top: -80px; } }
  .c-card.-interviewNav .c-card_num {
    position: absolute;
    top: 0;
    left: calc(50% - 35%);
    transform: translate(-50%, -50%); }
  .c-card.-interviewNav .c-card_head {
    margin-bottom: 8px; }
    @media all and (min-width: 768px) {
      .c-card.-interviewNav .c-card_head {
        margin-bottom: 10px; } }
  .c-card.-interviewNav .c-card_name {
    margin-bottom: 10px; }
    @media all and (min-width: 768px) {
      .c-card.-interviewNav .c-card_name {
        margin-bottom: 12px; } }
  .c-card.-interviewNav .c-card_txt {
    position: relative; }
  .c-card.-interviewNav .c-card_btm {
    display: flex;
    justify-content: flex-end;
    position: relative;
    left: auto;
    right: 0;
    width: 100%;
    margin-top: auto;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 2.60417vw;
    border-radius: 0 0 2.60417vw 0; }
    @media all and (min-width: 768px) {
      .c-card.-interviewNav .c-card_btm {
        border-radius: 20px; } }
    @media all and (min-width: 768px) {
      .c-card.-interviewNav .c-card_btm {
        border-radius: 0 0 20px 0; } }
  .c-card.-interviewNav .c-card_more {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 0 4px;
    gap: 0 4px;
    position: relative;
    width: 102px;
    margin-left: auto;
    padding: 2px 2.5vw;
    color: white;
    text-align: center;
    justify-content: end;
    align-items: center; }
    @media all and (min-width: 375px) {
      .c-card.-interviewNav .c-card_more {
        width: 102px;
        padding: 2px 2.5vw; } }
    @media all and (min-width: 480px) {
      .c-card.-interviewNav .c-card_more {
        padding: 2px 2.5vw; } }
    @media all and (min-width: 660px) {
      .c-card.-interviewNav .c-card_more {
        width: 108px; } }
    @media all and (min-width: 768px) {
      .c-card.-interviewNav .c-card_more {
        grid-gap: 0 5px;
        gap: 0 5px;
        width: 108px;
        padding: 3px 1.25vw; } }
    @media all and (min-width: 1320px) {
      .c-card.-interviewNav .c-card_more {
        width: 122px;
        padding: 3px 15px; } }
    @media all and (min-width: 1720px) {
      .c-card.-interviewNav .c-card_more {
        width: 135px;
        padding: 3px 15px; } }
    .c-card.-interviewNav .c-card_more div, .c-card.-interviewNav .c-card_more p, .c-card.-interviewNav .c-card_more span {
      position: relative;
      z-index: 1; }
    .c-card.-interviewNav .c-card_more .p0-icon {
      transform: translate(0, -10%); }
      @media all and (min-width: 768px) {
        .c-card.-interviewNav .c-card_more .p0-icon {
          transform: translate(0, -5%); } }
    .c-card.-interviewNav .c-card_more::before {
      display: block;
      position: absolute;
      top: 0;
      left: 50%;
      z-index: 0;
      transform: translateX(-50%) skew(-60deg, 0deg);
      content: "";
      width: 100%;
      height: 100%;
      transform-origin: center;
      background-color: #da0005;
      pointer-events: none; }
    .c-card.-interviewNav .c-card_more::after {
      display: block;
      position: absolute;
      top: 0;
      left: 50%;
      z-index: 0;
      content: "";
      width: 100%;
      height: 100%;
      transform-origin: center;
      background-color: #da0005;
      pointer-events: none; }

.c-card.-ttlOnly01, .c-card.-ttlTxt01, .c-card.-ttlTxt02, .c-card.-next01 {
  display: grid;
  align-items: center;
  justify-content: start;
  grid-template-columns: auto 1fr;
  grid-gap: 0 2.5vw;
  gap: 0 2.5vw;
  position: relative;
  border: 1px solid white;
  box-sizing: border-box;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 1.30208vw;
  border-radius: 1.30208vw;
  background-color: rgba(255, 255, 255, 0.78); }
  @media all and (min-width: 768px) {
    .c-card.-ttlOnly01, .c-card.-ttlTxt01, .c-card.-ttlTxt02, .c-card.-next01 {
      border-radius: 10px; } }
  @media all and (min-width: 768px) {
    .c-card.-ttlOnly01, .c-card.-ttlTxt01, .c-card.-ttlTxt02, .c-card.-next01 {
      border-radius: 10px; } }
  @media all and (min-width: 1200px) {
    .c-card.-ttlOnly01, .c-card.-ttlTxt01, .c-card.-ttlTxt02, .c-card.-next01 {
      grid-gap: 0 30px;
      gap: 0 30px; } }

.c-card.-ttlOnly01 {
  padding: 15px 5vw 16px; }
  @media all and (min-width: 1200px) {
    .c-card.-ttlOnly01 {
      padding: 19px 60px 20px; } }

.c-card.-ttlTxt01, .c-card.-next01 {
  padding: 4px 5vw 4.8px; }
  @media all and (min-width: 1200px) {
    .c-card.-ttlTxt01, .c-card.-next01 {
      padding: 5px 60px 6px; } }

.c-card.-ttlTxt02 {
  grid-gap: 16px 2.5vw;
  gap: 16px 2.5vw;
  padding: 36px 5vw 40px; }
  @media all and (min-width: 768px) {
    .c-card.-ttlTxt02 {
      grid-gap: 20px 2.5vw;
      gap: 20px 2.5vw;
      padding: 40px 5vw 50px; } }
  @media all and (min-width: 1200px) {
    .c-card.-ttlTxt02 {
      grid-gap: 20px 30px;
      gap: 20px 30px;
      padding: 40px 60px 50px; } }
  .c-card.-ttlTxt02 .c-card_txt {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3; }

.c-card.-next01 {
  background-color: transparent !important;
  padding-top: 8px !important;
  padding-bottom: 28px !important;
  border-style: none;
  border-radius: 0px !important; }
  @media all and (min-width: 1200px) {
    .c-card.-next01 {
      padding-top: 10px !important;
      padding-bottom: 35px !important; } }

.c-card.-skill {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 8px 0;
  gap: 8px 0; }
  @media all and (min-width: 768px) {
    .c-card.-skill {
      grid-gap: 10px 0;
      gap: 10px 0; } }
  .c-card.-skill .c-card_txtbox {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    grid-gap: 0 1px;
    gap: 0 1px; }
    @media all and (min-width: 1200px) {
      .c-card.-skill .c-card_txtbox {
        grid-gap: 0 2px;
        gap: 0 2px; } }
  .c-card.-skill .c-card_num {
    display: grid;
    grid-template-columns: 100%;
    justify-items: end;
    grid-gap: 0 0;
    gap: 0 0; }
    @media all and (min-width: 768px) {
      .c-card.-skill .c-card_num {
        grid-gap: 0 0;
        gap: 0 0; } }

.c-card.-benefit {
  display: grid;
  grid-template-columns: 60px 1fr;
  grid-template-rows: auto 1fr;
  justify-content: start;
  align-items: start;
  grid-gap: 7px 2.5vw;
  gap: 7px 2.5vw; }
  @media all and (min-width: 375px) {
    .c-card.-benefit {
      grid-template-columns: 80px 1fr;
      grid-gap: 10px 2.5vw;
      gap: 10px 2.5vw; } }
  @media all and (min-width: 480px) {
    .c-card.-benefit {
      grid-template-columns: 100px 1fr;
      grid-gap: 12px 2.5vw;
      gap: 12px 2.5vw; } }
  @media all and (min-width: 768px) {
    .c-card.-benefit {
      grid-template-columns: 100px 1fr;
      grid-gap: 12px 2.5vw;
      gap: 12px 2.5vw; } }
  @media all and (min-width: 960px) {
    .c-card.-benefit {
      grid-template-columns: 120px 1fr;
      grid-gap: 15px 2.5vw;
      gap: 15px 2.5vw; } }
  @media all and (min-width: 1080px) {
    .c-card.-benefit {
      grid-template-columns: 140px 1fr;
      grid-gap: 17px 2.5vw;
      gap: 17px 2.5vw; } }
  @media all and (min-width: 1200px) {
    .c-card.-benefit {
      grid-gap: 20px 30px;
      gap: 20px 30px; } }
  @media all and (min-width: 1320px) {
    .c-card.-benefit {
      grid-template-columns: 160px 1fr; } }
  @media all and (min-width: 1520px) {
    .c-card.-benefit {
      grid-template-columns: 33% 1fr; } }
  @media all and (min-width: 1720px) {
    .c-card.-benefit {
      grid-gap: 25px 30px;
      gap: 25px 30px; } }
  @media all and (min-width: 1920px) {
    .c-card.-benefit {
      grid-template-columns: 37.7% 1fr; } }
  .c-card.-benefit .c-card_icon {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3; }
    .c-card.-benefit .c-card_icon img {
      overflow: hidden;
      box-sizing: border-box;
      border-radius: 1.30208vw;
      border-radius: 1.30208vw; }
      @media all and (min-width: 768px) {
        .c-card.-benefit .c-card_icon img {
          border-radius: 10px; } }
      @media all and (min-width: 768px) {
        .c-card.-benefit .c-card_icon img {
          border-radius: 10px; } }
  .c-card.-benefit .c-card_ttl {
    height: auto;
    padding-top: 2px;
    box-sizing: border-box; }
    @media all and (min-width: 768px) {
      .c-card.-benefit .c-card_ttl {
        padding-top: 3px; } }
  .c-card.-benefit .c-card_txt {
    height: auto; }

.c-card.-interviewGood {
  display: grid;
  position: relative;
  width: 100%;
  min-height: 338px;
  padding: 20px 20px;
  box-sizing: border-box;
  background-color: #4c4c4c;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 5.20833vw;
  border-radius: 5.20833vw; }
  @media all and (min-width: 768px) {
    .c-card.-interviewGood {
      border-radius: 40px; } }
  @media all and (min-width: 768px) {
    .c-card.-interviewGood {
      border-radius: 40px; } }
  @media all and (min-width: 768px) {
    .c-card.-interviewGood {
      min-height: 405px;
      padding: 25px 25px; } }
  @media all and (min-width: 1320px) {
    .c-card.-interviewGood {
      min-height: 428px; } }
  @media all and (min-width: 1720px) {
    .c-card.-interviewGood {
      min-height: 450px; } }
  .c-card.-interviewGood::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    content: "";
    width: 58.6%;
    height: 100%;
    height: calc(100% - 20px - 20px);
    border-top: 8px solid #da0005;
    border-bottom: 8px solid #da0005;
    pointer-events: none; }
    @media all and (min-width: 768px) {
      .c-card.-interviewGood::before {
        height: calc(100% - 25px - 25px);
        border-top-width: 10px;
        border-bottom-width: 10px; } }
  .c-card.-interviewGood .c-card_inner {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 20px 20px;
    border: 8px solid white;
    box-sizing: border-box;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 2.60417vw;
    border-radius: 2.60417vw; }
    @media all and (min-width: 768px) {
      .c-card.-interviewGood .c-card_inner {
        border-radius: 20px; } }
    @media all and (min-width: 768px) {
      .c-card.-interviewGood .c-card_inner {
        border-radius: 20px; } }
    @media all and (min-width: 768px) {
      .c-card.-interviewGood .c-card_inner {
        padding: 40px 40px;
        border-width: 10px; } }
  .c-card.-interviewGood .c-card_txtbox {
    width: 100%;
    padding-right: 0;
    padding-bottom: 100px;
    box-sizing: border-box; }
    @media all and (min-width: 480px) {
      .c-card.-interviewGood .c-card_txtbox {
        padding-bottom: 0;
        padding-right: 100px; } }
    @media all and (min-width: 768px) {
      .c-card.-interviewGood .c-card_txtbox {
        padding-right: 130px; } }
    @media all and (min-width: 1200px) {
      .c-card.-interviewGood .c-card_txtbox {
        padding-right: 160px; } }
    @media all and (min-width: 1320px) {
      .c-card.-interviewGood .c-card_txtbox {
        padding-right: 180px; } }
    @media all and (min-width: 1720px) {
      .c-card.-interviewGood .c-card_txtbox {
        padding-right: 200px; } }

.c-interview {
  display: block; }
  .c-interview_nav {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 50px 5vw;
    gap: 50px 5vw; }
    @media all and (min-width: 375px) {
      .c-interview_nav {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: calc(20px + 5vw) 5vw;
        gap: calc(20px + 5vw) 5vw; } }
    @media all and (min-width: 660px) {
      .c-interview_nav {
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 2vw 2vw;
        gap: 2vw 2vw; } }
    @media all and (min-width: 768px) {
      .c-interview_nav {
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 2vw 2vw;
        gap: 2vw 2vw; } }
    @media all and (min-width: 1920px) {
      .c-interview_nav {
        grid-gap: 40px 40px;
        gap: 40px 40px; } }
  .c-interview_head {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 40px 5vw;
    gap: 40px 5vw; }
    @media all and (min-width: 600px) {
      .c-interview_head {
        grid-gap: 5vw 5vw;
        gap: 5vw 5vw; } }
    @media all and (min-width: 768px) {
      .c-interview_head {
        grid-template-columns: auto 1fr; } }
    @media all and (min-width: 1200px) {
      .c-interview_head {
        grid-gap: 60px 60px;
        gap: 60px 60px; } }
    @media all and (min-width: 1320px) {
      .c-interview_head {
        grid-template-columns: repeat(2, 1fr); } }
  .c-interview_box01 {
    display: grid;
    grid-template-columns: 100%;
    align-items: end;
    grid-gap: 20px 2.5vw;
    gap: 20px 2.5vw; }
    @media all and (min-width: 600px) {
      .c-interview_box01 {
        grid-gap: 20px 2.5vw;
        gap: 20px 2.5vw; } }
    @media all and (min-width: 768px) {
      .c-interview_box01 {
        grid-template-columns: 1fr 32.5%; } }
    @media all and (min-width: 1200px) {
      .c-interview_box01 {
        grid-gap: 30px 30px;
        gap: 30px 30px; } }
    .c-interview_box01.-interview01, .c-interview_box01.-interview02, .c-interview_box01.-interview03, .c-interview_box01.-interview04 {
      margin-bottom: 50px; }
      @media all and (min-width: 768px) {
        .c-interview_box01.-interview01, .c-interview_box01.-interview02, .c-interview_box01.-interview03, .c-interview_box01.-interview04 {
          margin-bottom: 80px; } }
      @media all and (min-width: 1200px) {
        .c-interview_box01.-interview01, .c-interview_box01.-interview02, .c-interview_box01.-interview03, .c-interview_box01.-interview04 {
          margin-bottom: 100px; } }
    .c-interview_box01 .c-interview_imgbox {
      height: 100%; }
    .c-interview_box01 .c-interview_ttl {
      margin-right: 0; }
      @media all and (min-width: 768px) {
        .c-interview_box01 .c-interview_ttl {
          margin-right: -32.5vw; } }
      @media all and (min-width: 1320px) {
        .c-interview_box01 .c-interview_ttl {
          margin-right: 0; } }
  .c-interview_box02 {
    display: grid;
    grid-template-columns: 100%;
    align-items: start;
    grid-gap: 20px 2.5vw;
    gap: 20px 2.5vw; }
    @media all and (min-width: 600px) {
      .c-interview_box02 {
        grid-gap: 20px 2.5vw;
        gap: 20px 2.5vw; } }
    @media all and (min-width: 768px) {
      .c-interview_box02 {
        grid-template-columns: 27.9% 1fr; } }
    @media all and (min-width: 1200px) {
      .c-interview_box02 {
        grid-gap: 30px 30px;
        gap: 30px 30px; } }
    .c-interview_box02.-interview01, .c-interview_box02.-interview02, .c-interview_box02.-interview03, .c-interview_box02.-interview04 {
      margin-bottom: 50px; }
      @media all and (min-width: 768px) {
        .c-interview_box02.-interview01, .c-interview_box02.-interview02, .c-interview_box02.-interview03, .c-interview_box02.-interview04 {
          margin-bottom: 80px; } }
      @media all and (min-width: 1200px) {
        .c-interview_box02.-interview01, .c-interview_box02.-interview02, .c-interview_box02.-interview03, .c-interview_box02.-interview04 {
          margin-bottom: 100px; } }
    .c-interview_box02 .c-interview_txtbox {
      grid-column-start: 1;
      grid-column-end: 2;
      grid-row-start: 1;
      grid-row-end: 2;
      width: 100%;
      max-width: 1100px; }
      @media all and (min-width: 768px) {
        .c-interview_box02 .c-interview_txtbox {
          grid-column-start: 2;
          grid-column-end: 3;
          grid-row-start: 1;
          grid-row-end: 2; } }
    .c-interview_box02 .c-interview_imgbox {
      grid-column-start: 1;
      grid-column-end: 2;
      grid-row-start: 2;
      grid-row-end: 3;
      height: 100%; }
      @media all and (min-width: 768px) {
        .c-interview_box02 .c-interview_imgbox {
          grid-column-start: 1;
          grid-column-end: 2;
          grid-row-start: 1;
          grid-row-end: 2;
          display: grid;
          align-items: center; } }
      @media all and (min-width: 1920px) {
        .c-interview_box02 .c-interview_imgbox {
          display: block; } }
  .c-interview_box03 {
    display: grid;
    grid-template-columns: 100%;
    align-items: end;
    grid-gap: 20px 5vw;
    gap: 20px 5vw; }
    @media all and (min-width: 600px) {
      .c-interview_box03 {
        grid-gap: 20px 5vw;
        gap: 20px 5vw; } }
    @media all and (min-width: 768px) {
      .c-interview_box03 {
        grid-template-columns: 1fr 23.2%; } }
    @media all and (min-width: 1200px) {
      .c-interview_box03 {
        grid-gap: 30px 60px;
        gap: 30px 60px; } }
    .c-interview_box03.-interview01, .c-interview_box03.-interview02, .c-interview_box03.-interview03, .c-interview_box03.-interview04 {
      margin-bottom: 50px; }
      @media all and (min-width: 768px) {
        .c-interview_box03.-interview01, .c-interview_box03.-interview02, .c-interview_box03.-interview03, .c-interview_box03.-interview04 {
          margin-bottom: 80px; } }
      @media all and (min-width: 1200px) {
        .c-interview_box03.-interview01, .c-interview_box03.-interview02, .c-interview_box03.-interview03, .c-interview_box03.-interview04 {
          margin-bottom: 100px; } }
    .c-interview_box03 .c-interview_txtbox {
      width: 100%;
      max-width: 1120px; }
      @media all and (min-width: 768px) {
        .c-interview_box03 .c-interview_txtbox {
          margin-left: auto;
          margin-right: 0; } }
    .c-interview_box03 .c-interview_imgbox {
      height: 100%; }
    .c-interview_box03 .c-interview_ttl {
      margin-right: 0; }
      @media all and (min-width: 768px) {
        .c-interview_box03 .c-interview_ttl {
          margin-right: -25vw; } }
      @media all and (min-width: 1320px) {
        .c-interview_box03 .c-interview_ttl {
          margin-right: 0; } }
  .c-interview_box04 {
    display: grid;
    grid-template-columns: 100%;
    align-items: end;
    grid-gap: 20px 5vw;
    gap: 20px 5vw; }
    @media all and (min-width: 600px) {
      .c-interview_box04 {
        grid-gap: 20px 5vw;
        gap: 20px 5vw; } }
    @media all and (min-width: 768px) {
      .c-interview_box04 {
        grid-template-columns: 25% 1fr; } }
    @media all and (min-width: 1200px) {
      .c-interview_box04 {
        grid-gap: 30px 60px;
        gap: 30px 60px; } }
    .c-interview_box04.-interview01, .c-interview_box04.-interview02, .c-interview_box04.-interview03, .c-interview_box04.-interview04 {
      margin-bottom: 65px; }
      @media all and (min-width: 768px) {
        .c-interview_box04.-interview01, .c-interview_box04.-interview02, .c-interview_box04.-interview03, .c-interview_box04.-interview04 {
          margin-bottom: 104px; } }
      @media all and (min-width: 1200px) {
        .c-interview_box04.-interview01, .c-interview_box04.-interview02, .c-interview_box04.-interview03, .c-interview_box04.-interview04 {
          margin-bottom: 130px; } }
    .c-interview_box04 .c-interview_txtbox {
      grid-column-start: 1;
      grid-column-end: 2;
      grid-row-start: 1;
      grid-row-end: 2;
      width: 100%;
      max-width: 1120px; }
      @media all and (min-width: 768px) {
        .c-interview_box04 .c-interview_txtbox {
          grid-column-start: 2;
          grid-column-end: 3;
          grid-row-start: 1;
          grid-row-end: 2;
          margin-left: auto;
          margin-right: 0; } }
    .c-interview_box04 .c-interview_imgbox {
      grid-column-start: 1;
      grid-column-end: 2;
      grid-row-start: 2;
      grid-row-end: 3;
      height: 100%; }
      @media all and (min-width: 768px) {
        .c-interview_box04 .c-interview_imgbox {
          grid-column-start: 1;
          grid-column-end: 2;
          grid-row-start: 1;
          grid-row-end: 2;
          display: grid;
          align-items: center; } }
      @media all and (min-width: 1920px) {
        .c-interview_box04 .c-interview_imgbox {
          display: block; } }
  .c-interview_tomenu {
    display: flex;
    justify-content: flex-end;
    max-width: 1500px;
    margin: 30px auto 0; }
    @media all and (min-width: 768px) {
      .c-interview_tomenu {
        transform: translate(0, 0);
        margin-top: 60px; } }
    @media all and (min-width: 1560px) {
      .c-interview_tomenu {
        transform: translate(0, -100%);
        margin-top: 0; } }

.c-accordion {
  position: relative; }
  .c-accordion.-job {
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 1.30208vw;
    border-radius: 1.30208vw; }
    @media all and (min-width: 768px) {
      .c-accordion.-job {
        border-radius: 10px; } }
    @media all and (min-width: 768px) {
      .c-accordion.-job {
        border-radius: 10px; } }
    .c-accordion.-job .c-accordion_head, .c-accordion.-job .c-accordion_body {
      display: grid;
      grid-template-columns: auto 1fr;
      grid-gap: 0 2vw;
      gap: 0 2vw;
      position: relative;
      padding-left: 5vw;
      padding-right: 5vw;
      box-sizing: border-box; }
      @media all and (min-width: 768px) {
        .c-accordion.-job .c-accordion_head, .c-accordion.-job .c-accordion_body {
          padding-left: 5vw;
          padding-right: 5vw; } }
      @media all and (min-width: 1200px) {
        .c-accordion.-job .c-accordion_head, .c-accordion.-job .c-accordion_body {
          padding-left: 60px;
          padding-right: 60px; } }
    .c-accordion.-job .c-accordion_head {
      align-items: center;
      z-index: 1;
      width: 100%;
      padding-top: 24px;
      padding-bottom: 24px;
      background-color: rgba(255, 255, 255, 0.85);
      transition: background-color ease-in-out 0.25s;
      cursor: pointer; }
      @media all and (min-width: 768px) {
        .c-accordion.-job .c-accordion_head {
          padding-top: 30px;
          padding-bottom: 30px; } }
      @media all and (min-width: 1200px) {
        .c-accordion.-job .c-accordion_head {
          grid-gap: 0 25px;
          gap: 0 25px; } }
      .c-accordion.-job .c-accordion_head::after {
        display: block;
        position: absolute;
        top: 50%;
        right: 4.166666666666667vw;
        transform: translate(-50%, -50%);
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-right: 6.4px solid transparent;
        border-left: 6.4px solid transparent;
        border-top: 8.8px solid #1f316e;
        border-bottom: 0;
        transition: transform ease-in-out 0.25s; }
        @media all and (min-width: 768px) {
          .c-accordion.-job .c-accordion_head::after {
            border-right-width: 8px;
            border-left-width: 8px;
            border-top-width: 11px; } }
        @media all and (min-width: 1200px) {
          .c-accordion.-job .c-accordion_head::after {
            right: 50px; } }
      .c-accordion.-job .c-accordion_head[data-state="open"] {
        background-color: white;
        transition: background-color ease-in-out 0.25s; }
        .c-accordion.-job .c-accordion_head[data-state="open"] + .c-accordion_body {
          background-color: white;
          transition: background-color ease-in-out 0.25s; }
        .c-accordion.-job .c-accordion_head[data-state="open"]::after {
          transform: translate(-50%, -50%) scale(1, -1);
          transition: transform ease-in-out 0.25s; }
    .c-accordion.-job .c-accordion_body {
      z-index: 0;
      padding-top: 25px;
      padding-bottom: 50px;
      border-top: 1px solid rgba(186, 188, 194, 0.5);
      background-color: white;
      transition: background-color ease-in-out 0.25s; }
      @media all and (min-width: 768px) {
        .c-accordion.-job .c-accordion_body {
          padding-top: 50px;
          padding-bottom: 110px; } }
      .c-accordion.-job .c-accordion_body[data-state="init"] {
        display: none; }
      .c-accordion.-job .c-accordion_body::before {
        display: block;
        width: 30.1px;
        max-width: 100%;
        content: ""; }
        @media all and (min-width: 480px) {
          .c-accordion.-job .c-accordion_body::before {
            width: 32.25px; } }
        @media all and (min-width: 768px) {
          .c-accordion.-job .c-accordion_body::before {
            width: 34.4px; } }
        @media all and (min-width: 1320px) {
          .c-accordion.-job .c-accordion_body::before {
            width: 38.7px; } }
        @media all and (min-width: 1720px) {
          .c-accordion.-job .c-accordion_body::before {
            width: 43px; } }
    .c-accordion.-job .c-accordion_icon {
      display: block;
      position: relative; }
      .c-accordion.-job .c-accordion_icon img {
        width: 30.1px;
        max-width: 100%;
        height: auto; }
        @media all and (min-width: 480px) {
          .c-accordion.-job .c-accordion_icon img {
            width: 32.25px; } }
        @media all and (min-width: 768px) {
          .c-accordion.-job .c-accordion_icon img {
            width: 34.4px; } }
        @media all and (min-width: 1320px) {
          .c-accordion.-job .c-accordion_icon img {
            width: 38.7px; } }
        @media all and (min-width: 1720px) {
          .c-accordion.-job .c-accordion_icon img {
            width: 43px; } }

.c-swiper {
  overflow: visible; }
  .c-swiper.-frontAbout {
    padding: 0 3.3vw;
    box-sizing: border-box; }
    @media all and (min-width: 768px) {
      .c-swiper.-frontAbout {
        padding: 0 3.3vw; } }
    @media all and (min-width: 1200px) {
      .c-swiper.-frontAbout {
        padding: 0 40px; } }
    .c-swiper.-frontAbout .c-swiper_wrapper {
      transition-timing-function: linear; }
    .c-swiper.-frontAbout img {
      overflow: hidden;
      box-sizing: border-box;
      border-radius: 1.30208vw;
      border-radius: 1.30208vw; }
      @media all and (min-width: 768px) {
        .c-swiper.-frontAbout img {
          border-radius: 10px; } }
      @media all and (min-width: 768px) {
        .c-swiper.-frontAbout img {
          border-radius: 10px; } }

.p0-btn1 {
  position: relative;
  width: 189px;
  max-width: 100%;
  height: 57px;
  border-radius: 100vh;
  box-sizing: border-box;
  overflow: hidden; }
  @media all and (min-width: 480px) {
    .p0-btn1 {
      width: 202px;
      height: 61px; } }
  @media all and (min-width: 768px) {
    .p0-btn1 {
      width: 216px;
      height: 65px; } }
  @media all and (min-width: 1320px) {
    .p0-btn1 {
      width: 243px;
      height: 73px; } }
  @media all and (min-width: 1720px) {
    .p0-btn1 {
      width: 270px;
      height: 81px; } }
  .p0-btn1.-type01 .p0-btn1_inner {
    background-color: #da0005; }
    .p0-btn1.-type01 .p0-btn1_inner::before {
      background: #da0005;
      background: linear-gradient(135deg, #f8c279 0%, #da0005 50%, #da0005 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8c279', endColorstr='#da0005',GradientType=1 ); }
  .p0-btn1.-type01 .p0-btn1_link::after, .p0-btn1.-type01 .p0-btn1_span::after, .p0-btn1.-type01 .p0-btn1_btn::after {
    border-left-color: white; }
  .p0-btn1.-type02 .p0-btn1_inner {
    background-color: #1f316e; }
    .p0-btn1.-type02 .p0-btn1_inner::before {
      background: #1f316e;
      background: linear-gradient(135deg, #7f080b 0%, #1f316e 50%, #1f316e 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f080b', endColorstr='#1f316e',GradientType=1 ); }
  .p0-btn1.-type02 .p0-btn1_link::after, .p0-btn1.-type02 .p0-btn1_span::after, .p0-btn1.-type02 .p0-btn1_btn::after, .p0-btn1.-type02 .p0-btn1_btntxt::after {
    border-left-color: white; }
  .p0-btn1.-submit p {
    width: 100%;
    height: 100%; }
  .p0-btn1_inner {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-radius: 100vh;
    box-sizing: border-box; }
    .p0-btn1_inner::before {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      width: 200%;
      height: 100%;
      content: "";
      z-index: 0;
      transform-origin: bottom right;
      transform: translateX(0);
      transition: transform 0.3s ease-in-out 0s; }
    .p0-btn1_inner::after {
      display: block;
      position: absolute;
      content: "";
      pointer-events: none;
      transition: transform 0.15s ease-in; }
    @media (hover: hover) {
      .p0-btn1_inner:hover::before {
        transform: translateX(50%);
        transition: transform 0.3s ease-in-out 0s; } }
  .p0-btn1_link, .p0-btn1_span, .p0-btn1_btn, .p0-btn1_btntxt {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    grid-gap: 8px 8px;
    gap: 8px 8px;
    position: relative;
    box-sizing: border-box; }
    @media all and (min-width: 768px) {
      .p0-btn1_link, .p0-btn1_span, .p0-btn1_btn, .p0-btn1_btntxt {
        grid-gap: 10px 10px;
        gap: 10px 10px; } }
    .p0-btn1_link::after, .p0-btn1_span::after, .p0-btn1_btn::after, .p0-btn1_btntxt::after {
      display: inline-block;
      position: absolute;
      top: 50%;
      right: 21px;
      transform: translate(0, -50%);
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-top: 4px solid transparent;
      border-bottom: 4px solid transparent;
      border-left: 5px solid transparent;
      border-right: 0;
      box-sizing: border-box;
      vertical-align: middle;
      pointer-events: none;
      transition: transform 0.15s ease-in; }
      @media all and (min-width: 480px) {
        .p0-btn1_link::after, .p0-btn1_span::after, .p0-btn1_btn::after, .p0-btn1_btntxt::after {
          right: 22px; } }
      @media all and (min-width: 768px) {
        .p0-btn1_link::after, .p0-btn1_span::after, .p0-btn1_btn::after, .p0-btn1_btntxt::after {
          right: 24px;
          border-top-width: 5px;
          border-bottom-width: 5px;
          border-left-width: 6px; } }
      @media all and (min-width: 1320px) {
        .p0-btn1_link::after, .p0-btn1_span::after, .p0-btn1_btn::after, .p0-btn1_btntxt::after {
          right: 27px; } }
      @media all and (min-width: 1720px) {
        .p0-btn1_link::after, .p0-btn1_span::after, .p0-btn1_btn::after, .p0-btn1_btntxt::after {
          right: 30px; } }
  .p0-btn1_txt, .p0-btn1_btn {
    line-height: 1;
    text-align: center; }
    @media all and (min-width: 768px) {
      .p0-btn1_txt, .p0-btn1_btn {
        line-height: 1; } }
    .p0-btn1_txt.-jp, .p0-btn1_btn.-jp {
      font-family: 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 700;
      font-size: 1.19rem;
      color: white; }
      @media all and (min-width: 480px) {
        .p0-btn1_txt.-jp, .p0-btn1_btn.-jp {
          font-size: 1.275rem; } }
      @media all and (min-width: 768px) {
        .p0-btn1_txt.-jp, .p0-btn1_btn.-jp {
          font-size: 1.36rem; } }
      @media all and (min-width: 1320px) {
        .p0-btn1_txt.-jp, .p0-btn1_btn.-jp {
          font-size: 1.53rem; } }
      @media all and (min-width: 1720px) {
        .p0-btn1_txt.-jp, .p0-btn1_btn.-jp {
          font-size: 1.7rem; } }
    .p0-btn1_txt.-en, .p0-btn1_btn.-en {
      font-family: "Lexend", sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 600;
      font-size: 0.84rem;
      color: white; }
      @media all and (min-width: 480px) {
        .p0-btn1_txt.-en, .p0-btn1_btn.-en {
          font-size: 0.9rem; } }
      @media all and (min-width: 768px) {
        .p0-btn1_txt.-en, .p0-btn1_btn.-en {
          font-size: 0.96rem; } }
      @media all and (min-width: 1320px) {
        .p0-btn1_txt.-en, .p0-btn1_btn.-en {
          font-size: 1.08rem; } }
      @media all and (min-width: 1720px) {
        .p0-btn1_txt.-en, .p0-btn1_btn.-en {
          font-size: 1.2rem; } }
  .p0-btn1_btn {
    width: 100%;
    height: 100%;
    opacity: 0; }
  .p0-btn1_btntxt {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none; }

.p0-btn2 {
  position: relative;
  width: 62px;
  max-width: 100%;
  height: 15px;
  border-radius: 100vh;
  box-sizing: border-box;
  overflow: hidden; }
  @media all and (min-width: 480px) {
    .p0-btn2 {
      width: 67px;
      height: 16px; } }
  @media all and (min-width: 768px) {
    .p0-btn2 {
      width: 71px;
      height: 17px; } }
  @media all and (min-width: 1320px) {
    .p0-btn2 {
      width: 80px;
      height: 19px; } }
  @media all and (min-width: 1720px) {
    .p0-btn2 {
      width: 89px;
      height: 21px; } }
  .p0-btn2.-type01 .p0-btn2_inner {
    background-color: #da0005; }
    .p0-btn2.-type01 .p0-btn2_inner::before {
      background: #da0005;
      background: linear-gradient(135deg, #f8c279 0%, #da0005 50%, #da0005 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8c279', endColorstr='#da0005',GradientType=1 ); }
  .p0-btn2.-type01 .p0-btn2_link::after, .p0-btn2.-type01 .p0-btn2_span::after, .p0-btn2.-type01 .p0-btn2_btn::after {
    border-left-color: white; }
  .p0-btn2.-type02 .p0-btn2_inner {
    background-color: #1f316e; }
    .p0-btn2.-type02 .p0-btn2_inner::before {
      background: #1f316e;
      background: linear-gradient(135deg, #7f080b 0%, #1f316e 50%, #1f316e 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f080b', endColorstr='#1f316e',GradientType=1 ); }
  .p0-btn2.-type02 .p0-btn2_link::after, .p0-btn2.-type02 .p0-btn2_span::after, .p0-btn2.-type02 .p0-btn2_btn::after {
    border-left-color: white; }
  .p0-btn2.-up .p0-btn2_link::after, .p0-btn2.-up .p0-btn2_span::after, .p0-btn2.-up .p0-btn2_btn::after {
    transform: translate(0, -50%) rotate(-90deg); }
  .p0-btn2.-down .p0-btn2_link::after, .p0-btn2.-down .p0-btn2_span::after, .p0-btn2.-down .p0-btn2_btn::after {
    transform: translate(0, -50%) rotate(90deg); }
  .p0-btn2_inner {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 100vh;
    box-sizing: border-box; }
    .p0-btn2_inner::before {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      width: 200%;
      height: 100%;
      content: "";
      z-index: 0;
      transform-origin: bottom right;
      transform: translateX(0);
      transition: transform 0.3s ease-in-out 0s; }
    .p0-btn2_inner::after {
      display: block;
      position: absolute;
      content: "";
      pointer-events: none;
      transition: transform 0.15s ease-in; }
    @media (hover: hover) {
      .p0-btn2_inner:hover::before {
        transform: translateX(50%);
        transition: transform 0.3s ease-in-out 0s; } }
  .p0-btn2_link, .p0-btn2_span, .p0-btn2_btn {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    grid-gap: 8px 8px;
    gap: 8px 8px;
    position: relative;
    box-sizing: border-box; }
    @media all and (min-width: 768px) {
      .p0-btn2_link, .p0-btn2_span, .p0-btn2_btn {
        grid-gap: 10px 10px;
        gap: 10px 10px; } }
    .p0-btn2_link::after, .p0-btn2_span::after, .p0-btn2_btn::after {
      display: inline-block;
      position: absolute;
      top: 50%;
      right: 8px;
      transform: translate(0, -50%);
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-top: 3px solid transparent;
      border-bottom: 3px solid transparent;
      border-left: 3.6px solid transparent;
      border-right: 0;
      box-sizing: border-box;
      vertical-align: middle;
      pointer-events: none;
      transition: transform 0.15s ease-in; }
      @media all and (min-width: 480px) {
        .p0-btn2_link::after, .p0-btn2_span::after, .p0-btn2_btn::after {
          right: 9px; } }
      @media all and (min-width: 768px) {
        .p0-btn2_link::after, .p0-btn2_span::after, .p0-btn2_btn::after {
          right: 9px;
          border-top-width: 4px;
          border-bottom-width: 4px;
          border-left-width: 4.5px; } }
      @media all and (min-width: 1320px) {
        .p0-btn2_link::after, .p0-btn2_span::after, .p0-btn2_btn::after {
          right: 10px; } }
      @media all and (min-width: 1720px) {
        .p0-btn2_link::after, .p0-btn2_span::after, .p0-btn2_btn::after {
          right: 12px; } }
  .p0-btn2_txt, .p0-btn2_btn {
    line-height: 1;
    text-align: center; }
    @media all and (min-width: 768px) {
      .p0-btn2_txt, .p0-btn2_btn {
        line-height: 1; } }
    .p0-btn2_txt.-en, .p0-btn2_btn.-en {
      transform: translateY(-1px);
      font-family: "Lexend", sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 600;
      font-size: 0.98rem;
      color: white; }
      @media all and (min-width: 480px) {
        .p0-btn2_txt.-en, .p0-btn2_btn.-en {
          font-size: 1.05rem; } }
      @media all and (min-width: 768px) {
        .p0-btn2_txt.-en, .p0-btn2_btn.-en {
          font-size: 1.12rem; } }
      @media all and (min-width: 1320px) {
        .p0-btn2_txt.-en, .p0-btn2_btn.-en {
          font-size: 1.26rem; } }
      @media all and (min-width: 1720px) {
        .p0-btn2_txt.-en, .p0-btn2_btn.-en {
          font-size: 1.4rem; } }

.p0-btn3 {
  position: relative;
  width: 504px;
  max-width: 100%;
  height: 77px;
  border-radius: 100vh;
  box-sizing: border-box;
  overflow: hidden; }
  @media all and (min-width: 480px) {
    .p0-btn3 {
      width: 540px;
      height: 82px; } }
  @media all and (min-width: 768px) {
    .p0-btn3 {
      width: 576px;
      height: 88px; } }
  @media all and (min-width: 1320px) {
    .p0-btn3 {
      width: 648px;
      height: 99px; } }
  @media all and (min-width: 1720px) {
    .p0-btn3 {
      width: 720px;
      height: 110px; } }
  .p0-btn3.-type01 .p0-btn3_inner {
    background-color: #da0005; }
    .p0-btn3.-type01 .p0-btn3_inner::before {
      background: #da0005;
      background: linear-gradient(135deg, #da0005 0%, #fba716 50%, #da0005 99%, #da0005 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da0005', endColorstr='#da0005',GradientType=1 ); }
  .p0-btn3.-type01 .p0-btn3_link::after, .p0-btn3.-type01 .p0-btn3_span::after, .p0-btn3.-type01 .p0-btn3_btn::after {
    border-left-color: white; }
  .p0-btn3.-type02 .p0-btn3_inner {
    background-color: #1f316e; }
    .p0-btn3.-type02 .p0-btn3_inner::before {
      background: #1f316e;
      background: linear-gradient(135deg, #7f080b 0%, #1f316e 50%, #1f316e 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f080b', endColorstr='#1f316e',GradientType=1 ); }
  .p0-btn3.-type02 .p0-btn3_link::after, .p0-btn3.-type02 .p0-btn3_span::after, .p0-btn3.-type02 .p0-btn3_btn::after, .p0-btn3.-type02 .p0-btn3_btntxt::after {
    border-left-color: white; }
  .p0-btn3.-drawer .p0-btn3_link::after, .p0-btn3.-drawer .p0-btn3_span::after, .p0-btn3.-drawer .p0-btn3_btn::after {
    right: 28px;
    border-style: solid;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid transparent;
    border-right: 0; }
  .p0-btn3.-drawer .p0-btn3_txt.-jp, .p0-btn3.-drawer .p0-btn3_btn.-jp {
    font-size: 2rem !important; }
  .p0-btn3.-drawer .p0-btn3_txt.-en, .p0-btn3.-drawer .p0-btn3_btn.-en {
    font-size: 1.4rem !important; }
  .p0-btn3_inner {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 100vh;
    box-sizing: border-box; }
    .p0-btn3_inner::before {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
      content: "";
      z-index: 0;
      /*
      //グラデーションをフェードイン・アウトで切り替える場合の設定
*/
      width: 100%;
      opacity: 0;
      transition: opacity 0.3s ease-in-out 0s;
      /*
      //左からグラデーションがスライドインする場合の設定
      width: 200%;
      transform-origin: bottom right;
      transform: translateX(0);
      -webkit-transition: transform 0.3s ease-in-out 0s;	
      transition: transform 0.3s ease-in-out 0s;
*/ }
    .p0-btn3_inner::after {
      display: block;
      position: absolute;
      content: "";
      pointer-events: none;
      transition: transform 0.15s ease-in; }
    @media (hover: hover) {
      .p0-btn3_inner:hover::before {
        /*
        //グラデーションをフェードイン・アウトで切り替える場合の設定
*/
        opacity: 1;
        transition: opacity 0.3s ease-in-out 0s;
        /*
        //左からグラデーションがスライドインする場合の設定
          transform: translateX(50%);
          -webkit-transition: transform 0.3s ease-in-out 0s;	
          transition: transform 0.3s ease-in-out 0s;
*/ } }
  .p0-btn3_link, .p0-btn3_span, .p0-btn3_btn {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    grid-gap: 10px 10px;
    gap: 10px 10px;
    position: relative;
    box-sizing: border-box; }
    @media all and (min-width: 768px) {
      .p0-btn3_link, .p0-btn3_span, .p0-btn3_btn {
        grid-gap: 12px 12px;
        gap: 12px 12px; } }
    .p0-btn3_link::after, .p0-btn3_span::after, .p0-btn3_btn::after {
      display: inline-block;
      position: absolute;
      top: 50%;
      right: 21px;
      transform: translate(0, -50%);
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-top: 6.4px solid transparent;
      border-bottom: 6.4px solid transparent;
      border-left: 7.2px solid transparent;
      border-right: 0;
      box-sizing: border-box;
      vertical-align: middle;
      pointer-events: none;
      transition: transform 0.15s ease-in; }
      @media all and (min-width: 480px) {
        .p0-btn3_link::after, .p0-btn3_span::after, .p0-btn3_btn::after {
          right: 22px; } }
      @media all and (min-width: 768px) {
        .p0-btn3_link::after, .p0-btn3_span::after, .p0-btn3_btn::after {
          right: 24px;
          border-top-width: 8px;
          border-bottom-width: 8px;
          border-left-width: 9px; } }
      @media all and (min-width: 1320px) {
        .p0-btn3_link::after, .p0-btn3_span::after, .p0-btn3_btn::after {
          right: 27px; } }
      @media all and (min-width: 1720px) {
        .p0-btn3_link::after, .p0-btn3_span::after, .p0-btn3_btn::after {
          right: 30px; } }
  .p0-btn3_txt, .p0-btn3_btn {
    line-height: 1;
    text-align: center; }
    @media all and (min-width: 768px) {
      .p0-btn3_txt, .p0-btn3_btn {
        line-height: 1; } }
    .p0-btn3_txt.-jp, .p0-btn3_btn.-jp {
      font-family: 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 700;
      font-size: 1.96rem;
      font-size: 1.26rem;
      color: white; }
      @media all and (min-width: 480px) {
        .p0-btn3_txt.-jp, .p0-btn3_btn.-jp {
          font-size: 2.1rem; } }
      @media all and (min-width: 768px) {
        .p0-btn3_txt.-jp, .p0-btn3_btn.-jp {
          font-size: 2.24rem; } }
      @media all and (min-width: 1320px) {
        .p0-btn3_txt.-jp, .p0-btn3_btn.-jp {
          font-size: 2.52rem; } }
      @media all and (min-width: 1720px) {
        .p0-btn3_txt.-jp, .p0-btn3_btn.-jp {
          font-size: 2.8rem; } }
      @media all and (min-width: 375px) {
        .p0-btn3_txt.-jp, .p0-btn3_btn.-jp {
          font-size: 1.4rem; } }
      @media all and (min-width: 480px) {
        .p0-btn3_txt.-jp, .p0-btn3_btn.-jp {
          font-size: 1.68rem; } }
      @media all and (min-width: 768px) {
        .p0-btn3_txt.-jp, .p0-btn3_btn.-jp {
          font-size: 1.96rem; } }
      @media all and (min-width: 1200px) {
        .p0-btn3_txt.-jp, .p0-btn3_btn.-jp {
          font-size: 2.24rem; } }
      @media all and (min-width: 1320px) {
        .p0-btn3_txt.-jp, .p0-btn3_btn.-jp {
          font-size: 2.52rem; } }
      @media all and (min-width: 1720px) {
        .p0-btn3_txt.-jp, .p0-btn3_btn.-jp {
          font-size: 2.8rem; } }
    .p0-btn3_txt.-en, .p0-btn3_btn.-en {
      font-family: "Lexend", sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 600;
      font-size: 1.05rem;
      color: white; }
      @media all and (min-width: 480px) {
        .p0-btn3_txt.-en, .p0-btn3_btn.-en {
          font-size: 1.125rem; } }
      @media all and (min-width: 768px) {
        .p0-btn3_txt.-en, .p0-btn3_btn.-en {
          font-size: 1.2rem; } }
      @media all and (min-width: 1320px) {
        .p0-btn3_txt.-en, .p0-btn3_btn.-en {
          font-size: 1.35rem; } }
      @media all and (min-width: 1720px) {
        .p0-btn3_txt.-en, .p0-btn3_btn.-en {
          font-size: 1.5rem; } }

.p0-flexbtns {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch; }
  @media all and (min-width: 768px) {
    .p0-flexbtns {
      flex-wrap: nowrap;
      flex-direction: row; } }
  .p0-flexbtns.-left {
    justify-content: flex-start; }
  .p0-flexbtns.-center {
    justify-content: center;
    align-items: center; }
    @media all and (min-width: 768px) {
      .p0-flexbtns.-center {
        align-items: stretch; } }
  .p0-flexbtns.-right {
    justify-content: flex-end; }

.p0-tbl {
  width: 100%;
  box-sizing: border-box; }
  .p0-tbl.-type01 {
    display: block;
    position: relative;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 2.60417vw;
    border-radius: 2.60417vw;
    border-top-right-radius: 0 !important; }
    @media all and (min-width: 768px) {
      .p0-tbl.-type01 {
        border-radius: 20px; } }
    @media all and (min-width: 768px) {
      .p0-tbl.-type01 {
        border-radius: 20px; } }
    @media all and (min-width: 480px) {
      .p0-tbl.-type01 {
        display: table; } }
    .p0-tbl.-type01 .p0-tbl_tbody {
      display: block; }
      @media all and (min-width: 480px) {
        .p0-tbl.-type01 .p0-tbl_tbody {
          display: table-row-group; } }
    .p0-tbl.-type01 .p0-tbl_row {
      display: block;
      border-bottom: 1px solid #babcc2;
      box-sizing: border-box; }
      @media all and (min-width: 480px) {
        .p0-tbl.-type01 .p0-tbl_row {
          display: table-row; } }
      .p0-tbl.-type01 .p0-tbl_row:last-of-type {
        border-bottom-style: none; }
    .p0-tbl.-type01 .p0-tbl_th, .p0-tbl.-type01 .p0-tbl_td {
      display: block;
      padding: 12px 0;
      box-sizing: border-box; }
      @media all and (min-width: 480px) {
        .p0-tbl.-type01 .p0-tbl_th, .p0-tbl.-type01 .p0-tbl_td {
          display: table-cell;
          padding: 16px 0; } }
      @media all and (min-width: 768px) {
        .p0-tbl.-type01 .p0-tbl_th, .p0-tbl.-type01 .p0-tbl_td {
          padding: 20px 0; } }
    .p0-tbl.-type01 .p0-tbl_th {
      display: inline-block;
      width: auto;
      padding-left: 5vw;
      padding-right: 5vw;
      text-align: center;
      background-color: white; }
      @media all and (min-width: 480px) {
        .p0-tbl.-type01 .p0-tbl_th {
          display: table-cell;
          width: 150px;
          padding-left: 0;
          padding-right: 0; } }
      @media all and (min-width: 768px) {
        .p0-tbl.-type01 .p0-tbl_th {
          width: 210px; } }
      @media all and (min-width: 960px) {
        .p0-tbl.-type01 .p0-tbl_th {
          width: 240px; } }
      @media all and (min-width: 1200px) {
        .p0-tbl.-type01 .p0-tbl_th {
          width: 270px; } }
      @media all and (min-width: 1720px) {
        .p0-tbl.-type01 .p0-tbl_th {
          width: 300px; } }
    .p0-tbl.-type01 .p0-tbl_td {
      width: 100%;
      padding-left: 5vw;
      padding-right: 5vw; }
      @media all and (min-width: 480px) {
        .p0-tbl.-type01 .p0-tbl_td {
          width: calc(100% - 150px); } }
      @media all and (min-width: 768px) {
        .p0-tbl.-type01 .p0-tbl_td {
          width: calc(100% - 210px); } }
      @media all and (min-width: 960px) {
        .p0-tbl.-type01 .p0-tbl_td {
          width: calc(100% - 240px); } }
      @media all and (min-width: 1200px) {
        .p0-tbl.-type01 .p0-tbl_td {
          width: calc(100% - 270px);
          padding-left: 60px;
          padding-right: 60px; } }
      @media all and (min-width: 1720px) {
        .p0-tbl.-type01 .p0-tbl_td {
          width: calc(100% - 300px);
          padding-left: 100px;
          padding-right: 100px; } }
  .p0-tbl.-type02 {
    display: table; }
    .p0-tbl.-type02 .p0-tbl_row {
      display: table-row;
      border-bottom-style: none; }
    .p0-tbl.-type02 .p0-tbl_tbody {
      display: table-row-group; }
    .p0-tbl.-type02 .p0-tbl_th, .p0-tbl.-type02 .p0-tbl_td {
      display: table-cell;
      box-sizing: border-box;
      padding-top: 4px;
      padding-bottom: 4px; }
      @media all and (min-width: 768px) {
        .p0-tbl.-type02 .p0-tbl_th, .p0-tbl.-type02 .p0-tbl_td {
          padding-top: 5px;
          padding-bottom: 5px; } }
    .p0-tbl.-type02 .p0-tbl_th {
      width: 60px;
      padding-left: 12px;
      padding-right: 12px;
      background-color: transparent; }
      @media all and (min-width: 480px) {
        .p0-tbl.-type02 .p0-tbl_th {
          width: 60px; } }
      @media all and (min-width: 768px) {
        .p0-tbl.-type02 .p0-tbl_th {
          width: 70px;
          padding-left: 16px;
          padding-right: 16px; } }
      @media all and (min-width: 960px) {
        .p0-tbl.-type02 .p0-tbl_th {
          width: 80px; } }
      @media all and (min-width: 1200px) {
        .p0-tbl.-type02 .p0-tbl_th {
          width: 90px;
          padding-left: 20px;
          padding-right: 20px; } }
      @media all and (min-width: 1720px) {
        .p0-tbl.-type02 .p0-tbl_th {
          width: 100px; } }
      .p0-tbl.-type02 .p0-tbl_th.-left {
        text-align: left; }
    .p0-tbl.-type02 .p0-tbl_td {
      width: calc(100% - 60px);
      padding-left: 0;
      padding-right: 0; }
      @media all and (min-width: 480px) {
        .p0-tbl.-type02 .p0-tbl_td {
          width: calc(100% - 60px); } }
      @media all and (min-width: 768px) {
        .p0-tbl.-type02 .p0-tbl_td {
          width: calc(100% - 70px);
          padding-left: 0;
          padding-right: 0; } }
      @media all and (min-width: 960px) {
        .p0-tbl.-type02 .p0-tbl_td {
          width: calc(100% - 80px); } }
      @media all and (min-width: 1200px) {
        .p0-tbl.-type02 .p0-tbl_td {
          width: calc(100% - 90px);
          padding-left: 0;
          padding-right: 0; } }
      @media all and (min-width: 1720px) {
        .p0-tbl.-type02 .p0-tbl_td {
          width: calc(100% - 100px); } }
  .p0-tbl.-contact {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 15px 0;
    gap: 15px 0; }
    @media all and (min-width: 480px) {
      .p0-tbl.-contact {
        grid-gap: 0 0;
        gap: 0 0; } }
    .p0-tbl.-contact .p0-tbl_row {
      display: grid;
      grid-template-columns: 100%; }
      @media all and (min-width: 480px) {
        .p0-tbl.-contact .p0-tbl_row {
          grid-template-columns: 132px 1fr; } }
      @media all and (min-width: 768px) {
        .p0-tbl.-contact .p0-tbl_row {
          grid-template-columns: 154px 1fr; } }
      @media all and (min-width: 1080px) {
        .p0-tbl.-contact .p0-tbl_row {
          grid-template-columns: 176px 1fr; } }
      @media all and (min-width: 1320px) {
        .p0-tbl.-contact .p0-tbl_row {
          grid-template-columns: 198px 1fr; } }
      @media all and (min-width: 1720px) {
        .p0-tbl.-contact .p0-tbl_row {
          grid-template-columns: 220px 1fr; } }
    .p0-tbl.-contact .p0-tbl_th {
      text-align: left; }
      .p0-tbl.-contact .p0-tbl_th.-top {
        vertical-align: top; }
      .p0-tbl.-contact .p0-tbl_th.-middle {
        vertical-align: middle; }

.p0-hero {
  /*
  &.-lowerpage {
    position: relative;
    width: 100%;
    height: 200px;  //指定高
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    padding: 0;
    box-sizing: border-box;
    background-color: color-blue02(1);

    @include breakpoint-tb {
      height: 240px;  //指定高
    }
    @include breakpoint-contentinnerhalf {
      height: 280px;  //指定高
    }
    @include breakpoint-pc {
      height: 320px;  //指定高
    }
    @include breakpoint-contentinner {
      height: 400px;
    }
    
    & .p0-hero {
      &_inner {
        position: relative;
        width: 100%;
        height: 100%;
        padding: $header-h-sp 0 0 0;
        box-sizing: border-box;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;

        @include breakpoint-pc {
          padding-top: $header-h-pc;
        }
        @include breakpoint-narrow {
          padding-top: $header-h-na;
        }
        @include breakpoint-max {
          background-size: auto 100%;
        }
      }

      &_content {
        @include flexbox;
        @include flex-wrap-wrap;
        @include flex-direction-column;
        @include flex-justify-center;
        @include flex-align-items-stretch;
        position: relative;
        height: 100%;

        @include breakpoint-pc {
        }
      }
      
      &_ttlbox {
        @include flexbox;
        @include flex-wrap-wrap;
        @include flex-direction-column;
        @include flex-justify-center;
        @include flex-align-items-stretch;
        gap: 8px 0;

        @include breakpoint-pc {
          gap: 15px 0;
        }
      }
      
      &_ttl {
        &.-en {
          @include font-ntsan("r");
          font-size: 5.4rem;  //9 * 0.6 = 5.4
          @include lineHeight(0.8, 0.8);
          letter-spacing: 0.02em; //VA25相当
          color: color-yellow02(1);
      
          @include breakpoint-sp {
            font-size: 6.3rem;  //9 * 0.7 = 6.3
          }
          @include breakpoint-tb {
            font-size: 7.2rem;  //9 * 0.8 = 7.2
          }
          @include breakpoint-pc {
            font-size: 8.1rem;  //9 * 0.9 = 8.1
          }
          @include breakpoint-narrow {
            font-size: 9rem;
          }
        }
        
        &.-jp {
          @include font-ntsan("bd");
          @include fontSize(2, 1.6);  //2 * 0.8 = 1.6
          @include lineHeight(1, 1);
          letter-spacing: 0.05em; //VA50相当
          color: color-wh(1);
        }
      }
    }
  }
*/
  /*
  ///// 私たちについて /////
  &.-about {
    & .p0-hero_bg {
      background-image: url("../images/about/kv_pc.jpg");
    }
  }
  
  ///// 事業内容 /////
  &.-service {
    & .p0-hero_bg {
    }
  }

  ///// トピックス /////
  &.-topics {
    & .p0-hero_bg {
    }
  }

  ///// 採用情報 /////
  &.-recruit {
    & .p0-hero_bg {
    }
  }

  ///// お問い合わせ /////
  &.-contact {
    & .p0-hero_bg {
    }
  }

  ///// プライバシーポリシー /////
  &.-privacy {
    & .p0-hero_bg {
    }
  }

  ///// エラーページ(403、404、500) /////
  &.-error {
    & .p0-hero_bg {
    }
  }
*/ }
  .p0-hero.-front {
    position: relative;
    width: 100%;
    height: 100vh;
    min-height: 450px;
    padding: 100px 5vw 5vw;
    box-sizing: border-box; }
    @media all and (min-width: 768px) {
      .p0-hero.-front {
        padding: 110px calc(5vw / 2) calc(5vw / 2); } }
    @media all and (min-width: 1200px) {
      .p0-hero.-front {
        padding: 112px calc(5vw / 2) calc(5vw / 2); } }
    @media all and (min-width: 1320px) {
      .p0-hero.-front {
        padding: 134px calc(5vw / 2) calc(5vw / 2); } }
    @media all and (min-width: 1720px) {
      .p0-hero.-front {
        padding: 146px 30px 30px; } }
    @media all and (min-width: 2000px) {
      .p0-hero.-front {
        padding: 146px 30px 30px; } }
    .p0-hero.-front .p0-hero_content {
      position: relative;
      width: 100%;
      height: 100%;
      box-sizing: border-box; }
    .p0-hero.-front .p0-hero_slider {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      .p0-hero.-front .p0-hero_slider_item {
        display: grid;
        align-items: end;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-sizing: border-box; }
        .p0-hero.-front .p0-hero_slider_item.-item01 {
          opacity: 0; }
          .p0-hero.-front .p0-hero_slider_item.-item01 img {
            -o-object-position: 50%;
               object-position: 50%; }
            @media all and (min-width: 768px) {
              .p0-hero.-front .p0-hero_slider_item.-item01 img {
                -o-object-position: 50%;
                   object-position: 50%; } }
        .p0-hero.-front .p0-hero_slider_item.-item02 {
          opacity: 0; }
          .p0-hero.-front .p0-hero_slider_item.-item02 img {
            -o-object-position: 50%;
               object-position: 50%; }
            @media all and (min-width: 768px) {
              .p0-hero.-front .p0-hero_slider_item.-item02 img {
                -o-object-position: 50%;
                   object-position: 50%; } }
        .p0-hero.-front .p0-hero_slider_item.-item03 {
          opacity: 0; }
          .p0-hero.-front .p0-hero_slider_item.-item03 img {
            -o-object-position: 50%;
               object-position: 50%; }
            @media all and (min-width: 768px) {
              .p0-hero.-front .p0-hero_slider_item.-item03 img {
                -o-object-position: 50%;
                   object-position: 50%; } }
        .p0-hero.-front .p0-hero_slider_item.-item04 {
          opacity: 0; }
          .p0-hero.-front .p0-hero_slider_item.-item04 img {
            -o-object-position: 50%;
               object-position: 50%; }
            @media all and (min-width: 768px) {
              .p0-hero.-front .p0-hero_slider_item.-item04 img {
                -o-object-position: 50%;
                   object-position: 50%; } }
        .p0-hero.-front .p0-hero_slider_item.-item05 {
          opacity: 0; }
          .p0-hero.-front .p0-hero_slider_item.-item05 img {
            -o-object-position: 50%;
               object-position: 50%; }
            @media all and (min-width: 768px) {
              .p0-hero.-front .p0-hero_slider_item.-item05 img {
                -o-object-position: 50%;
                   object-position: 50%; } }
        .p0-hero.-front .p0-hero_slider_item.-item06 {
          opacity: 0; }
          .p0-hero.-front .p0-hero_slider_item.-item06 img {
            -o-object-position: 50%;
               object-position: 50%; }
            @media all and (min-width: 768px) {
              .p0-hero.-front .p0-hero_slider_item.-item06 img {
                -o-object-position: 50%;
                   object-position: 50%; } }
        .p0-hero.-front .p0-hero_slider_item.-item07 {
          opacity: 0; }
          .p0-hero.-front .p0-hero_slider_item.-item07 img {
            -o-object-position: 50%;
               object-position: 50%; }
            @media all and (min-width: 768px) {
              .p0-hero.-front .p0-hero_slider_item.-item07 img {
                -o-object-position: 50%;
                   object-position: 50%; } }
        .p0-hero.-front .p0-hero_slider_item.-item08 {
          opacity: 0; }
          .p0-hero.-front .p0-hero_slider_item.-item08 img {
            -o-object-position: 50%;
               object-position: 50%; }
            @media all and (min-width: 768px) {
              .p0-hero.-front .p0-hero_slider_item.-item08 img {
                -o-object-position: 50%;
                   object-position: 50%; } }
        .p0-hero.-front .p0-hero_slider_item.-item09 {
          opacity: 0; }
          .p0-hero.-front .p0-hero_slider_item.-item09 img {
            -o-object-position: 50%;
               object-position: 50%; }
            @media all and (min-width: 768px) {
              .p0-hero.-front .p0-hero_slider_item.-item09 img {
                -o-object-position: 50%;
                   object-position: 50%; } }
      .p0-hero.-front .p0-hero_slider_bg {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
        .p0-hero.-front .p0-hero_slider_bg.-portrait {
          display: block; }
          @media (min-aspect-ratio: 1 / 1) {
            .p0-hero.-front .p0-hero_slider_bg.-portrait {
              display: none; } }
        .p0-hero.-front .p0-hero_slider_bg.-landscape {
          display: none; }
          @media (min-aspect-ratio: 1 / 1) {
            .p0-hero.-front .p0-hero_slider_bg.-landscape {
              display: block; } }
        .p0-hero.-front .p0-hero_slider_bg img {
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
             object-fit: cover;
          overflow: hidden;
          box-sizing: border-box;
          border-radius: 2.60417vw;
          border-radius: 2.60417vw;
          border-top-right-radius: 0 !important; }
          @media all and (min-width: 768px) {
            .p0-hero.-front .p0-hero_slider_bg img {
              border-radius: 20px; } }
          @media all and (min-width: 768px) {
            .p0-hero.-front .p0-hero_slider_bg img {
              border-radius: 20px; } }
      .p0-hero.-front .p0-hero_slider_txtbox {
        display: grid;
        grid-template-columns: 100%;
        align-items: end;
        grid-gap: 30px 0;
        gap: 30px 0;
        position: relative;
        bottom: 88px;
        padding: 0 5vw;
        box-sizing: border-box; }
        @media all and (min-width: 768px) {
          .p0-hero.-front .p0-hero_slider_txtbox {
            grid-template-columns: 1fr auto;
            grid-gap: 0;
            gap: 0;
            bottom: 12%; } }
        @media all and (min-width: 1200px) {
          .p0-hero.-front .p0-hero_slider_txtbox {
            padding: 0 70px; } }
        @media all and (max-width: 767px) and (max-height: 399px) {
          .p0-hero.-front .p0-hero_slider_txtbox {
            bottom: 5vw; } }
      .p0-hero.-front .p0-hero_slider_btn {
        display: grid;
        justify-content: end; }
  .p0-hero.-lowerpage {
    display: block;
    position: relative;
    width: 100%;
    height: 156px;
    margin: 80px 0 0 0;
    padding: 0;
    box-sizing: border-box;
    background-color: white;
    overflow: hidden; }
    @media all and (min-width: 375px) {
      .p0-hero.-lowerpage {
        height: 175px; } }
    @media all and (min-width: 480px) {
      .p0-hero.-lowerpage {
        height: 195px; } }
    @media all and (min-width: 768px) {
      .p0-hero.-lowerpage {
        height: 234px;
        padding: 0;
        margin-top: 110px; } }
    @media all and (min-width: 1080px) {
      .p0-hero.-lowerpage {
        height: 273px; } }
    @media all and (min-width: 1200px) {
      .p0-hero.-lowerpage {
        height: 312px;
        margin-top: 112px; } }
    @media all and (min-width: 1320px) {
      .p0-hero.-lowerpage {
        height: 351px;
        margin-top: 134px; } }
    @media all and (min-width: 1720px) {
      .p0-hero.-lowerpage {
        height: 390px;
        margin-top: 146px; } }
    .p0-hero.-lowerpage .p0-hero_content {
      display: grid;
      height: 100%; }
    .p0-hero.-lowerpage .p0-hero_bg {
      display: block;
      position: absolute;
      bottom: -1px;
      right: calc(-5vw - 2.5vw - 35px);
      height: 75%;
      pointer-events: none; }
      @media all and (min-width: 768px) {
        .p0-hero.-lowerpage .p0-hero_bg {
          bottom: -2px;
          right: calc(-5vw - 2.5vw - 70px);
          height: 100%; } }
      @media all and (min-width: 920px) {
        .p0-hero.-lowerpage .p0-hero_bg {
          right: calc(-5vw - 2.5vw); } }
      @media all and (min-width: 1200px) {
        .p0-hero.-lowerpage .p0-hero_bg {
          right: calc(-30px - 5vw); } }
      @media all and (min-width: 1920px) {
        .p0-hero.-lowerpage .p0-hero_bg {
          right: -130px; } }
      .p0-hero.-lowerpage .p0-hero_bg::before {
        display: block;
        position: absolute;
        top: 0;
        left: -24px;
        transform: translate(-19.5%, 39.7%);
        transform-origin: bottom left;
        width: 100%;
        height: 100%;
        content: "";
        background-color: #da0005;
        -webkit-clip-path: polygon(49.3% 0%, 100% 0%, calc(100% - 49.3%) 100%, 0% 100%);
                clip-path: polygon(49.3% 0%, 100% 0%, calc(100% - 49.3%) 100%, 0% 100%); }
        @media all and (min-width: 375px) {
          .p0-hero.-lowerpage .p0-hero_bg::before {
            left: -27px; } }
        @media all and (min-width: 480px) {
          .p0-hero.-lowerpage .p0-hero_bg::before {
            left: -30px; } }
        @media all and (min-width: 768px) {
          .p0-hero.-lowerpage .p0-hero_bg::before {
            left: -36px; } }
        @media all and (min-width: 1080px) {
          .p0-hero.-lowerpage .p0-hero_bg::before {
            left: -42px; } }
        @media all and (min-width: 1200px) {
          .p0-hero.-lowerpage .p0-hero_bg::before {
            left: -54px; } }
        @media all and (min-width: 1320px) {
          .p0-hero.-lowerpage .p0-hero_bg::before {
            left: -54px; } }
        @media all and (min-width: 1720px) {
          .p0-hero.-lowerpage .p0-hero_bg::before {
            left: -60px; } }
      .p0-hero.-lowerpage .p0-hero_bg::after {
        display: block;
        position: absolute;
        top: 0;
        left: -63px;
        transform: translate(-100%, 19.2%) skew(-45deg, 0);
        transform-origin: bottom left;
        width: 45px;
        height: 100%;
        content: "";
        background-color: rgba(218, 0, 5, 0.16); }
        @media all and (min-width: 375px) {
          .p0-hero.-lowerpage .p0-hero_bg::after {
            left: -71px;
            width: 50px; } }
        @media all and (min-width: 480px) {
          .p0-hero.-lowerpage .p0-hero_bg::after {
            left: -79px;
            width: 56px; } }
        @media all and (min-width: 768px) {
          .p0-hero.-lowerpage .p0-hero_bg::after {
            left: -126px;
            width: 90px; } }
        @media all and (min-width: 1080px) {
          .p0-hero.-lowerpage .p0-hero_bg::after {
            left: -147px;
            width: 105px; } }
        @media all and (min-width: 1200px) {
          .p0-hero.-lowerpage .p0-hero_bg::after {
            left: -168px;
            width: 120px; } }
        @media all and (min-width: 1320px) {
          .p0-hero.-lowerpage .p0-hero_bg::after {
            left: -189px;
            width: 135px; } }
        @media all and (min-width: 1720px) {
          .p0-hero.-lowerpage .p0-hero_bg::after {
            left: -210px;
            width: 150px; } }
    .p0-hero.-lowerpage .p0-hero_img {
      width: 231px;
      height: 100%;
      -webkit-clip-path: polygon(49.3% 0%, 100% 0%, calc(100% - 49.3%) 100%, 0% 100%);
              clip-path: polygon(49.3% 0%, 100% 0%, calc(100% - 49.3%) 100%, 0% 100%); }
      @media all and (min-width: 375px) {
        .p0-hero.-lowerpage .p0-hero_img {
          width: 259px; } }
      @media all and (min-width: 480px) {
        .p0-hero.-lowerpage .p0-hero_img {
          width: 288px; } }
      @media all and (min-width: 768px) {
        .p0-hero.-lowerpage .p0-hero_img {
          width: 462px; } }
      @media all and (min-width: 1080px) {
        .p0-hero.-lowerpage .p0-hero_img {
          width: 539px; } }
      @media all and (min-width: 1200px) {
        .p0-hero.-lowerpage .p0-hero_img {
          width: 693px; } }
      @media all and (min-width: 1320px) {
        .p0-hero.-lowerpage .p0-hero_img {
          width: 693px; } }
      @media all and (min-width: 1720px) {
        .p0-hero.-lowerpage .p0-hero_img {
          width: 770px; } }
    .p0-hero.-lowerpage .p0-hero_deco {
      display: block;
      position: absolute; }
      .p0-hero.-lowerpage .p0-hero_deco.-chain {
        top: 17.9%;
        right: -1px;
        transform: translate(-17.5%, 0);
        width: 113px; }
        @media all and (min-width: 375px) {
          .p0-hero.-lowerpage .p0-hero_deco.-chain {
            width: 127px; } }
        @media all and (min-width: 480px) {
          .p0-hero.-lowerpage .p0-hero_deco.-chain {
            width: 141px; } }
        @media all and (min-width: 768px) {
          .p0-hero.-lowerpage .p0-hero_deco.-chain {
            right: -2px;
            transform: translate(-17.5%, 0);
            width: 226px; } }
        @media all and (min-width: 1080px) {
          .p0-hero.-lowerpage .p0-hero_deco.-chain {
            right: -2px;
            width: 264px; } }
        @media all and (min-width: 1200px) {
          .p0-hero.-lowerpage .p0-hero_deco.-chain {
            right: 3px;
            width: 302px; } }
        @media all and (min-width: 1320px) {
          .p0-hero.-lowerpage .p0-hero_deco.-chain {
            right: 0;
            width: 339px; } }
        @media all and (min-width: 1720px) {
          .p0-hero.-lowerpage .p0-hero_deco.-chain {
            width: 377px; } }
        .p0-hero.-lowerpage .p0-hero_deco.-chain img {
          width: 100%;
          height: auto;
          opacity: 0.56; }
    .p0-hero.-lowerpage .p0-hero_ttl {
      display: flex;
      flex-wrap: nowrap;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      grid-gap: 16px 0;
      gap: 16px 0;
      position: relative;
      top: 42.3%;
      transform: translate(0, -50%); }
      @media all and (min-width: 768px) {
        .p0-hero.-lowerpage .p0-hero_ttl {
          grid-gap: 20px 0;
          gap: 20px 0; } }

.p0-topics.-frontArchive {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 18px 0;
  gap: 18px 0; }
  @media all and (min-width: 480px) {
    .p0-topics.-frontArchive {
      grid-gap: 8px 0;
      gap: 8px 0; } }
  @media all and (min-width: 768px) {
    .p0-topics.-frontArchive {
      grid-gap: 10px 0;
      gap: 10px 0; } }
  .p0-topics.-frontArchive .p0-topics_link {
    display: grid;
    grid-template-columns: 100%;
    justify-content: start;
    align-items: center;
    grid-gap: 10px 5vw;
    gap: 10px 5vw;
    padding: 4px 0;
    box-sizing: border-box; }
    @media all and (min-width: 480px) {
      .p0-topics.-frontArchive .p0-topics_link {
        grid-template-columns: auto 1fr;
        grid-gap: 10px 5vw;
        gap: 10px 5vw; } }
    @media all and (min-width: 768px) {
      .p0-topics.-frontArchive .p0-topics_link {
        grid-gap: 10px 5vw;
        gap: 10px 5vw;
        padding: 5px 0; } }
    @media all and (min-width: 1200px) {
      .p0-topics.-frontArchive .p0-topics_link {
        grid-gap: 10px 60px;
        gap: 10px 60px; } }
  .p0-topics.-frontArchive .p0-topics_ttl {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }

.p0-topics.-archive {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 10px 0;
  gap: 10px 0; }
  @media all and (min-width: 480px) {
    .p0-topics.-archive {
      grid-gap: 14px 0;
      gap: 14px 0; } }
  @media all and (min-width: 768px) {
    .p0-topics.-archive {
      grid-gap: 16px 0;
      gap: 16px 0; } }
  @media all and (min-width: 1320px) {
    .p0-topics.-archive {
      grid-gap: 18px 0;
      gap: 18px 0; } }
  @media all and (min-width: 1720px) {
    .p0-topics.-archive {
      grid-gap: 20px 0;
      gap: 20px 0; } }
  .p0-topics.-archive .p0-topics_link {
    display: grid;
    grid-template-columns: 100%;
    justify-content: start;
    align-items: center;
    grid-gap: 10px 2.5vw;
    gap: 10px 2.5vw;
    position: relative;
    padding: 15px 5vw;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.78);
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 1.30208vw;
    border-radius: 1.30208vw; }
    @media all and (min-width: 768px) {
      .p0-topics.-archive .p0-topics_link {
        border-radius: 10px; } }
    @media all and (min-width: 768px) {
      .p0-topics.-archive .p0-topics_link {
        border-radius: 10px; } }
    @media all and (min-width: 480px) {
      .p0-topics.-archive .p0-topics_link {
        grid-template-columns: auto 1fr;
        grid-gap: 10px 2.5vw;
        gap: 10px 2.5vw;
        padding: 21px 5vw; } }
    @media all and (min-width: 768px) {
      .p0-topics.-archive .p0-topics_link {
        grid-gap: 10px 2.5vw;
        gap: 10px 2.5vw;
        padding: 24px 5vw; } }
    @media all and (min-width: 1200px) {
      .p0-topics.-archive .p0-topics_link {
        grid-gap: 10px 30px;
        gap: 10px 30px;
        padding: 24px 60px; } }
    @media all and (min-width: 1320px) {
      .p0-topics.-archive .p0-topics_link {
        padding: 27px 60px; } }
    @media all and (min-width: 1720px) {
      .p0-topics.-archive .p0-topics_link {
        padding: 30px 60px; } }
    .p0-topics.-archive .p0-topics_link::after {
      display: inline-block;
      position: absolute;
      top: 50%;
      right: 21px;
      transform: translate(0, -50%);
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-top: 4px solid transparent;
      border-bottom: 4px solid transparent;
      border-left: 5px solid #1f316e;
      border-right: 0;
      box-sizing: border-box;
      vertical-align: middle;
      pointer-events: none;
      transition: transform 0.15s ease-in; }
      @media all and (min-width: 480px) {
        .p0-topics.-archive .p0-topics_link::after {
          right: 22px; } }
      @media all and (min-width: 768px) {
        .p0-topics.-archive .p0-topics_link::after {
          right: 24px;
          border-top-width: 5px;
          border-bottom-width: 5px;
          border-left-width: 6px; } }
      @media all and (min-width: 1320px) {
        .p0-topics.-archive .p0-topics_link::after {
          right: 27px; } }
      @media all and (min-width: 1720px) {
        .p0-topics.-archive .p0-topics_link::after {
          right: 30px; } }
  .p0-topics.-archive .p0-topics_ttl {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }

.p0-topics.-article {
  width: 100%;
  max-width: 1340px;
  margin-left: auto;
  margin-right: auto;
  background-color: rgba(255, 255, 255, 0.78);
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 1.30208vw;
  border-radius: 1.30208vw; }
  @media all and (min-width: 768px) {
    .p0-topics.-article {
      border-radius: 10px; } }
  @media all and (min-width: 768px) {
    .p0-topics.-article {
      border-radius: 10px; } }
  .p0-topics.-article .p0-topics_inner {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 50px 5vw 60px;
    box-sizing: border-box; }
    @media all and (min-width: 768px) {
      .p0-topics.-article .p0-topics_inner {
        padding: 100px 5vw 120px; } }
    @media all and (min-width: 1200px) {
      .p0-topics.-article .p0-topics_inner {
        padding: 100px 60px 120px; } }
  .p0-topics.-article .p0-topics_txt p {
    margin-bottom: 1em; }
  .p0-topics.-article .p0-topics_txt img {
    max-width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    margin-top: 1em;
    margin-bottom: 1em; }

.p0-decoration.-hr01 {
  width: 100%;
  height: 1px;
  border-style: none;
  border-bottom: 1px solid rgba(186, 188, 194, 0.5);
  margin: 0;
  padding: 0;
  color: transparent;
  background-color: transparent; }

.p0-decoration.-hr02 {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 1px;
  border-style: none;
  border-bottom: 1px solid rgba(186, 188, 194, 0.5);
  margin: 0;
  padding: 0;
  color: transparent;
  background-color: transparent; }

.p0-decoration.-chain.-w56 {
  width: 40px; }
  @media all and (min-width: 480px) {
    .p0-decoration.-chain.-w56 {
      width: 42px; } }
  @media all and (min-width: 768px) {
    .p0-decoration.-chain.-w56 {
      width: 44px; } }
  @media all and (min-width: 1320px) {
    .p0-decoration.-chain.-w56 {
      width: 50px; } }
  @media all and (min-width: 1720px) {
    .p0-decoration.-chain.-w56 {
      width: 56px; } }
  .p0-decoration.-chain.-w56 img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain; }

.p0-decoration.-chain.-w69 {
  width: 31px; }
  @media all and (min-width: 375px) {
    .p0-decoration.-chain.-w69 {
      width: 34px; } }
  @media all and (min-width: 480px) {
    .p0-decoration.-chain.-w69 {
      width: 41px; } }
  @media all and (min-width: 768px) {
    .p0-decoration.-chain.-w69 {
      width: 48px; } }
  @media all and (min-width: 1200px) {
    .p0-decoration.-chain.-w69 {
      width: 55px; } }
  @media all and (min-width: 1320px) {
    .p0-decoration.-chain.-w69 {
      width: 62px; } }
  @media all and (min-width: 1720px) {
    .p0-decoration.-chain.-w69 {
      width: 69px; } }
  .p0-decoration.-chain.-w69 img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain; }
  .p0-decoration.-chain.-w69.-stairIcon {
    width: 24px; }
    @media all and (min-width: 375px) {
      .p0-decoration.-chain.-w69.-stairIcon {
        width: 27px; } }
    @media all and (min-width: 480px) {
      .p0-decoration.-chain.-w69.-stairIcon {
        width: 34px; } }
    @media all and (min-width: 600px) {
      .p0-decoration.-chain.-w69.-stairIcon {
        width: 41px; } }
    @media all and (min-width: 768px) {
      .p0-decoration.-chain.-w69.-stairIcon {
        width: 48px; } }
    @media all and (min-width: 1200px) {
      .p0-decoration.-chain.-w69.-stairIcon {
        width: 55px; } }
    @media all and (min-width: 1320px) {
      .p0-decoration.-chain.-w69.-stairIcon {
        width: 62px; } }
    @media all and (min-width: 1720px) {
      .p0-decoration.-chain.-w69.-stairIcon {
        width: 69px; } }

.p0-decoration.-bgChain {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -10%);
  pointer-events: none; }
  .p0-decoration.-bgChain.-opacity005 {
    opacity: 0.05; }
  .p0-decoration.-bgChain.-interviewNav {
    top: auto;
    bottom: 0;
    transform: translate(-50%, 10%); }
  .p0-decoration.-bgChain.-nolink {
    top: auto;
    bottom: -2.5vw;
    left: 50%;
    transform: translate(-50%, 0); }
    @media all and (min-width: 480px) {
      .p0-decoration.-bgChain.-nolink {
        bottom: auto;
        top: 0;
        transform: translate(-50%, -25%); } }
    @media all and (min-width: 768px) {
      .p0-decoration.-bgChain.-nolink {
        top: auto;
        bottom: -2.5vw;
        transform: translate(-50%, 0); } }
    @media all and (min-width: 1200px) {
      .p0-decoration.-bgChain.-nolink {
        bottom: -30px; } }
    @media all and (min-width: 1320px) {
      .p0-decoration.-bgChain.-nolink {
        bottom: auto;
        top: 0;
        transform: translate(-50%, -10%); } }
  .p0-decoration.-bgChain.-w113 img, .p0-decoration.-bgChain.-w145 img, .p0-decoration.-bgChain.-w222 img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain; }
  .p0-decoration.-bgChain.-w113 {
    width: 79px; }
    @media all and (min-width: 480px) {
      .p0-decoration.-bgChain.-w113 {
        width: 84px; } }
    @media all and (min-width: 768px) {
      .p0-decoration.-bgChain.-w113 {
        width: 90px; } }
    @media all and (min-width: 1320px) {
      .p0-decoration.-bgChain.-w113 {
        width: 101px; } }
    @media all and (min-width: 1720px) {
      .p0-decoration.-bgChain.-w113 {
        width: 113px; } }
  .p0-decoration.-bgChain.-w145 {
    width: 101px; }
    @media all and (min-width: 480px) {
      .p0-decoration.-bgChain.-w145 {
        width: 108px; } }
    @media all and (min-width: 768px) {
      .p0-decoration.-bgChain.-w145 {
        width: 116px; } }
    @media all and (min-width: 1320px) {
      .p0-decoration.-bgChain.-w145 {
        width: 130px; } }
    @media all and (min-width: 1720px) {
      .p0-decoration.-bgChain.-w145 {
        width: 145px; } }
  .p0-decoration.-bgChain.-w222 {
    width: 155px; }
    @media all and (min-width: 480px) {
      .p0-decoration.-bgChain.-w222 {
        width: 166px; } }
    @media all and (min-width: 768px) {
      .p0-decoration.-bgChain.-w222 {
        width: 178px; } }
    @media all and (min-width: 1320px) {
      .p0-decoration.-bgChain.-w222 {
        width: 200px; } }
    @media all and (min-width: 1720px) {
      .p0-decoration.-bgChain.-w222 {
        width: 222px; } }

.p1-logo {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  position: absolute;
  top: 12px;
  left: 5vw;
  z-index: 1200;
  height: 100%;
  box-sizing: border-box; }
  @media all and (min-width: 768px) {
    .p1-logo {
      top: 12px;
      left: 0; } }
  @media all and (min-width: 1320px) {
    .p1-logo {
      top: 14px; } }
  @media all and (min-width: 1720px) {
    .p1-logo {
      top: 15px; } }
  .p1-logo_item {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    pointer-events: auto; }
    @media all and (min-width: 768px) {
      .p1-logo_item {
        grid-gap: 0 14px;
        gap: 0 14px; } }
    @media all and (min-width: 1320px) {
      .p1-logo_item {
        grid-gap: 0 18px;
        gap: 0 18px; } }
    @media all and (min-width: 1720px) {
      .p1-logo_item {
        grid-gap: 0 20px;
        gap: 0 20px; } }
  .p1-logo_imgbox {
    position: relative;
    height: 100%; }
    @media all and (min-width: 768px) {
      .p1-logo_imgbox {
        margin-left: 1.666666666666667vw; } }
    @media all and (min-width: 1200px) {
      .p1-logo_imgbox {
        margin-left: 16px; } }
    @media all and (min-width: 1320px) {
      .p1-logo_imgbox {
        margin-left: 18px; } }
    @media all and (min-width: 1720px) {
      .p1-logo_imgbox {
        margin-left: 20px; } }
  .p1-logo_txtbox {
    display: none;
    grid-gap: 8px 0;
    gap: 8px 0;
    box-sizing: border-box; }
    @media all and (min-width: 920px) {
      .p1-logo_txtbox {
        display: grid; } }
    @media all and (min-width: 1080px) {
      .p1-logo_txtbox {
        padding-bottom: 11px; } }
    @media all and (min-width: 1320px) {
      .p1-logo_txtbox {
        padding-bottom: 14px; } }
    @media all and (min-width: 1720px) {
      .p1-logo_txtbox {
        padding-bottom: 15px; } }
  .p1-logo_img {
    display: block;
    position: relative;
    width: 105px;
    height: auto; }
    @media all and (min-width: 768px) {
      .p1-logo_img {
        width: 113px; } }
    @media all and (min-width: 1320px) {
      .p1-logo_img {
        width: 141px; } }
    @media all and (min-width: 1720px) {
      .p1-logo_img {
        width: 157px; } }
  @media all and (min-width: 768px) {
    .p1-logo_txt {
      font-size: 0.945rem; } }
  @media all and (min-width: 768px) and (min-width: 480px) {
    .p1-logo_txt {
      font-size: 1.0125rem; } }
  @media all and (min-width: 768px) and (min-width: 768px) {
    .p1-logo_txt {
      font-size: 1.08rem; } }
  @media all and (min-width: 768px) and (min-width: 1320px) {
    .p1-logo_txt {
      font-size: 1.215rem; } }
  @media all and (min-width: 768px) and (min-width: 1720px) {
    .p1-logo_txt {
      font-size: 1.35rem; } }
  @media all and (min-width: 1320px) {
    .p1-logo_txt {
      font-size: 1.05rem; } }
  @media all and (min-width: 1320px) and (min-width: 480px) {
    .p1-logo_txt {
      font-size: 1.125rem; } }
  @media all and (min-width: 1320px) and (min-width: 768px) {
    .p1-logo_txt {
      font-size: 1.2rem; } }
  @media all and (min-width: 1320px) and (min-width: 1320px) {
    .p1-logo_txt {
      font-size: 1.35rem; } }
  @media all and (min-width: 1320px) and (min-width: 1720px) {
    .p1-logo_txt {
      font-size: 1.5rem; } }
  .p1-logo_txt.-en {
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 600; }
  .p1-logo_txt.-jp {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 700; }

.p1-drawer {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-200vw);
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 80px 0 45px;
  box-sizing: border-box; }
  @media all and (min-width: 768px) {
    .p1-drawer {
      justify-content: space-between;
      align-items: stretch;
      position: relative;
      transform: translateY(0) !important;
      width: auto;
      height: 100%;
      padding: 0;
      background-color: transparent; } }
  @media all and (min-width: 1320px) {
    .p1-drawer {
      height: 100%; } }
  .p1-drawer[data-drawer="open"] {
    height: 100vh;
    min-height: 100vh;
    -webkit-animation: 0.6s ease-out 0s 1 both drawerIn;
            animation: 0.6s ease-out 0s 1 both drawerIn; }
    @media all and (min-width: 768px) {
      .p1-drawer[data-drawer="open"] {
        background-color: transparent !important; } }
  .p1-drawer[data-drawer="close"] {
    -webkit-animation: 0.4s ease-in 0s 1 both drawerOut;
            animation: 0.4s ease-in 0s 1 both drawerOut; }
    @media all and (min-width: 768px) {
      .p1-drawer[data-drawer="close"] {
        background-color: transparent !important;
        opacity: 1 !important; } }
  .p1-drawer_btn {
    display: block;
    width: 100%;
    margin-top: 30px;
    padding: 0 5vw;
    box-sizing: border-box; }
    @media all and (min-width: 768px) {
      .p1-drawer_btn {
        display: none;
        margin-top: 0;
        padding: 0; } }
  .p1-drawer_open {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 20px;
    right: 5vw;
    z-index: 1200;
    /* 重なり順を一番上に */
    height: 30px;
    width: 40px;
    border-radius: 100vh;
    box-sizing: border-box;
    cursor: pointer;
    mix-blend-mode: exclusion;
    /* ハンバーガーメニューのアイコン */ }
    @media all and (min-width: 768px) {
      .p1-drawer_open {
        display: none; } }
    .p1-drawer_open span, .p1-drawer_open span:before, .p1-drawer_open span:after {
      display: block;
      position: absolute;
      left: 0;
      height: 2px;
      content: '';
      background-color: white;
      transition: 0.5s; }
    .p1-drawer_open span {
      width: 40px; }
      .p1-drawer_open span::before {
        bottom: 13px;
        transform-origin: top left;
        width: 40px; }
      .p1-drawer_open span::after {
        top: 13px;
        transform-origin: bottom left;
        width: 40px; }
    .p1-drawer_open[data-drawer="open"] span {
      background-color: rgba(255, 255, 255, 0); }
    .p1-drawer_open[data-drawer="open"] span::before {
      transform: translate(6px, 2px) rotate(38deg); }
    .p1-drawer_open[data-drawer="open"] span::after {
      transform: translate(6px, 0) rotate(-38deg); }

.p1-gnav {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  pointer-events: auto; }
  @media all and (min-width: 768px) {
    .p1-gnav {
      overflow: visible;
      height: 100%; } }
  .p1-gnav_content {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    box-sizing: border-box; }
    @media all and (min-width: 768px) {
      .p1-gnav_content {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: flex-end;
        align-items: stretch;
        position: relative;
        width: auto; } }
  .p1-gnav_list {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    grid-gap: 0 0;
    gap: 0 0;
    position: relative;
    width: 100%;
    box-sizing: border-box; }
    @media all and (min-width: 768px) {
      .p1-gnav_list {
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        grid-gap: 0 20px;
        gap: 0 20px;
        height: 100%;
        margin-left: 3.333333333333333vw;
        margin-right: 3.333333333333333vw; } }
    @media all and (min-width: 920px) {
      .p1-gnav_list {
        grid-gap: 0 25px;
        gap: 0 25px; } }
    @media all and (min-width: 1080px) {
      .p1-gnav_list {
        grid-gap: 0 30px;
        gap: 0 30px; } }
    @media all and (min-width: 1200px) {
      .p1-gnav_list {
        grid-gap: 0 35px;
        gap: 0 35px;
        margin-left: 32px;
        margin-right: 32px; } }
    @media all and (min-width: 1320px) {
      .p1-gnav_list {
        grid-gap: 0 40px;
        gap: 0 40px;
        margin-left: 36px;
        margin-right: 36px; } }
    @media all and (min-width: 1560px) {
      .p1-gnav_list {
        grid-gap: 0 45px;
        gap: 0 45px; } }
    @media all and (min-width: 1720px) {
      .p1-gnav_list {
        grid-gap: 0 50px;
        gap: 0 50px;
        margin-left: 40px;
        margin-right: 40px; } }
  .p1-gnav_item {
    display: block;
    position: relative;
    border-bottom: 1px solid #d2d3d6;
    box-sizing: border-box; }
    @media all and (min-width: 768px) {
      .p1-gnav_item {
        border-bottom-style: none; } }
    .p1-gnav_item.-contact {
      display: none; }
      @media all and (min-width: 768px) {
        .p1-gnav_item.-contact {
          display: block; } }
  .p1-gnav_link {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: start;
    align-items: end;
    grid-gap: 0 20px;
    gap: 0 20px;
    position: relative;
    height: 100%;
    padding: 26px 5vw;
    box-sizing: border-box;
    line-height: 1; }
    @media all and (min-width: 768px) {
      .p1-gnav_link {
        grid-template-columns: 100%;
        grid-gap: 8px 0;
        gap: 8px 0;
        padding: 12px 0;
        text-align: center; } }
    @media all and (min-width: 1320px) {
      .p1-gnav_link {
        grid-gap: 8px 0;
        gap: 8px 0;
        padding: 14px 0;
        text-align: center; } }
    @media all and (min-width: 1720px) {
      .p1-gnav_link {
        padding: 15px 0; } }
    .p1-gnav_link.-current::before {
      display: none;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translate(-50%, 0);
      content: "";
      width: 100%;
      height: 1px; }
      @media all and (min-width: 768px) {
        .p1-gnav_link.-current::before {
          display: block;
          width: 48px;
          background: linear-gradient(#da0005 0, #da0005 0) bottom/100% 1px no-repeat;
          background: linear-gradient(#da0005 0 0) bottom/100% 1px no-repeat;
          transition: background 0.25s linear; } }
      @media all and (min-width: 1320px) {
        .p1-gnav_link.-current::before {
          width: 62px; } }
      @media all and (min-width: 1720px) {
        .p1-gnav_link.-current::before {
          width: 68px; } }
  .p1-gnav_txt {
    display: block;
    text-align: center;
    transition: opacity 0.3s ease-in-out; }
    .p1-gnav_txt.-jp {
      font-family: 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 500;
      font-size: 1.8rem;
      color: #333333; }
      @media all and (min-width: 375px) {
        .p1-gnav_txt.-jp {
          font-size: 2rem; } }
      @media all and (min-width: 768px) {
        .p1-gnav_txt.-jp {
          font-size: 1.071rem; } }
  @media all and (min-width: 768px) and (min-width: 480px) {
    .p1-gnav_txt.-jp {
      font-size: 1.1475rem; } }
  @media all and (min-width: 768px) and (min-width: 768px) {
    .p1-gnav_txt.-jp {
      font-size: 1.224rem; } }
  @media all and (min-width: 768px) and (min-width: 1320px) {
    .p1-gnav_txt.-jp {
      font-size: 1.377rem; } }
  @media all and (min-width: 768px) and (min-width: 1720px) {
    .p1-gnav_txt.-jp {
      font-size: 1.53rem; } }
      @media all and (min-width: 1320px) {
        .p1-gnav_txt.-jp {
          font-size: 1.19rem; } }
  @media all and (min-width: 1320px) and (min-width: 480px) {
    .p1-gnav_txt.-jp {
      font-size: 1.275rem; } }
  @media all and (min-width: 1320px) and (min-width: 768px) {
    .p1-gnav_txt.-jp {
      font-size: 1.36rem; } }
  @media all and (min-width: 1320px) and (min-width: 1320px) {
    .p1-gnav_txt.-jp {
      font-size: 1.53rem; } }
  @media all and (min-width: 1320px) and (min-width: 1720px) {
    .p1-gnav_txt.-jp {
      font-size: 1.7rem; } }
    .p1-gnav_txt.-en {
      font-family: "Lexend", sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 600;
      font-size: 1.44rem;
      color: #da0005; }
      @media all and (min-width: 375px) {
        .p1-gnav_txt.-en {
          font-size: 1.6rem; } }
      @media all and (min-width: 768px) {
        .p1-gnav_txt.-en {
          font-size: 0.756rem; } }
  @media all and (min-width: 768px) and (min-width: 480px) {
    .p1-gnav_txt.-en {
      font-size: 0.81rem; } }
  @media all and (min-width: 768px) and (min-width: 768px) {
    .p1-gnav_txt.-en {
      font-size: 0.864rem; } }
  @media all and (min-width: 768px) and (min-width: 1320px) {
    .p1-gnav_txt.-en {
      font-size: 0.972rem; } }
  @media all and (min-width: 768px) and (min-width: 1720px) {
    .p1-gnav_txt.-en {
      font-size: 1.08rem; } }
      @media all and (min-width: 1320px) {
        .p1-gnav_txt.-en {
          font-size: 0.84rem; } }
  @media all and (min-width: 1320px) and (min-width: 480px) {
    .p1-gnav_txt.-en {
      font-size: 0.9rem; } }
  @media all and (min-width: 1320px) and (min-width: 768px) {
    .p1-gnav_txt.-en {
      font-size: 0.96rem; } }
  @media all and (min-width: 1320px) and (min-width: 1320px) {
    .p1-gnav_txt.-en {
      font-size: 1.08rem; } }
  @media all and (min-width: 1320px) and (min-width: 1720px) {
    .p1-gnav_txt.-en {
      font-size: 1.2rem; } }

.p2-copyright {
  position: relative;
  z-index: 1;
  font-family: 'Noto Sans JP', sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-weight: 500;
  color: white;
  font-size: 1rem;
  text-align: center;
  line-height: 1;
  letter-spacing: 0.05em; }

.p2-ftinfo {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 40px 0;
  box-sizing: border-box; }
  @media all and (min-width: 480px) {
    .p2-ftinfo {
      flex-wrap: nowrap;
      flex-direction: row;
      align-items: center; } }
  @media all and (min-width: 768px) {
    .p2-ftinfo {
      flex-wrap: nowrap;
      flex-direction: row;
      align-items: center;
      padding: 72px 0; } }
  @media all and (min-width: 1080px) {
    .p2-ftinfo {
      padding: 80px 0; } }
  .p2-ftinfo_item {
    display: block;
    position: relative;
    box-sizing: border-box; }
    .p2-ftinfo_item.-item1 {
      z-index: 1;
      width: 100%;
      padding: 10px 5vw; }
      @media all and (min-width: 480px) {
        .p2-ftinfo_item.-item1 {
          width: calc(210px + 5vw + 5vw);
          border-right: 1px solid white; } }
      @media all and (min-width: 600px) {
        .p2-ftinfo_item.-item1 {
          width: calc(240px + 5vw + 5vw); } }
      @media all and (min-width: 768px) {
        .p2-ftinfo_item.-item1 {
          width: calc(270px + 5vw + 5vw);
          padding: 20px 5vw; } }
      @media all and (min-width: 1080px) {
        .p2-ftinfo_item.-item1 {
          width: calc(300px + 5vw + 5vw); } }
      @media all and (min-width: 1200px) {
        .p2-ftinfo_item.-item1 {
          width: 440px;
          padding: 20px 60px; } }
    .p2-ftinfo_item.-item2 {
      width: 100%;
      padding: 10px 5vw; }
      @media all and (min-width: 480px) {
        .p2-ftinfo_item.-item2 {
          width: calc(100% - calc(210px + 5vw + 5vw)); } }
      @media all and (min-width: 600px) {
        .p2-ftinfo_item.-item2 {
          width: calc(100% - calc(240px + 5vw + 5vw)); } }
      @media all and (min-width: 768px) {
        .p2-ftinfo_item.-item2 {
          width: calc(100% - calc(270px + 5vw + 5vw));
          padding: 20px 0 20px 5vw; } }
      @media all and (min-width: 1080px) {
        .p2-ftinfo_item.-item2 {
          width: calc(100% - calc(300px + 5vw + 5vw)); } }
      @media all and (min-width: 1200px) {
        .p2-ftinfo_item.-item2 {
          width: calc(100% - 440px);
          padding: 20px 0 20px 80px; } }
  .p2-ftinfo_logo {
    display: block;
    width: 100%;
    max-width: 210px;
    margin-left: auto;
    margin-right: auto; }
    @media all and (min-width: 600px) {
      .p2-ftinfo_logo {
        max-width: 240px; } }
    @media all and (min-width: 768px) {
      .p2-ftinfo_logo {
        max-width: 300px;
        margin-left: 0; } }
    .p2-ftinfo_logo img {
      width: 100%;
      height: auto; }

.p2-ftnav {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  grid-gap: 5px 30px;
  gap: 5px 30px;
  position: relative;
  z-index: 1;
  width: auto;
  box-sizing: border-box; }
  @media all and (min-width: 375px) {
    .p2-ftnav {
      grid-gap: 5px 30px;
      gap: 5px 30px; } }
  @media all and (min-width: 480px) {
    .p2-ftnav {
      justify-content: flex-start;
      grid-gap: 5px 0;
      gap: 5px 0;
      width: 100%;
      max-width: 320px; } }
  @media all and (min-width: 768px) {
    .p2-ftnav {
      grid-gap: 0 0;
      gap: 0 0; } }
  .p2-ftnav_list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    grid-gap: 5px 0;
    gap: 5px 0;
    width: 120px; }
    @media all and (min-width: 320px) {
      .p2-ftnav_list {
        width: auto; } }
    @media all and (min-width: 375px) {
      .p2-ftnav_list {
        width: auto; } }
    @media all and (min-width: 480px) {
      .p2-ftnav_list {
        width: 100%; } }
    @media all and (min-width: 768px) {
      .p2-ftnav_list {
        grid-gap: 10px 0;
        gap: 10px 0;
        width: 50%; } }
  .p2-ftnav_item {
    padding: 0 0;
    box-sizing: border-box;
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 500;
    font-size: 1.12rem;
    line-height: 1.5;
    letter-spacing: 0.05em; }
    @media all and (min-width: 768px) {
      .p2-ftnav_item {
        font-size: 1.4rem; } }
    @media all and (min-width: 768px) {
      .p2-ftnav_item {
        line-height: 1.5; } }
  .p2-ftnav_link {
    display: block;
    padding: 4px 0;
    box-sizing: border-box;
    color: white; }
    @media all and (min-width: 768px) {
      .p2-ftnav_link {
        padding: 5px 0; } }

.p2-ftlogo {
  display: grid;
  grid-template-columns: 115px auto;
  justify-content: start;
  align-items: center;
  align-content: center;
  grid-gap: 0 15px;
  gap: 0 15px; }
  @media all and (min-width: 375px) {
    .p2-ftlogo {
      grid-template-columns: 135px auto;
      grid-gap: 0 17px;
      gap: 0 17px; } }
  @media all and (min-width: 480px) {
    .p2-ftlogo {
      grid-template-columns: 144px auto;
      grid-gap: 0 18px;
      gap: 0 18px; } }
  @media all and (min-width: 768px) {
    .p2-ftlogo {
      grid-template-columns: 154px auto;
      grid-gap: 0 20px;
      gap: 0 20px; } }
  @media all and (min-width: 1320px) {
    .p2-ftlogo {
      grid-template-columns: 173px auto;
      grid-gap: 0 22px;
      gap: 0 22px; } }
  @media all and (min-width: 1720px) {
    .p2-ftlogo {
      grid-template-columns: 193px auto;
      grid-gap: 0 25px;
      gap: 0 25px; } }
  .p2-ftlogo_img img {
    width: 100%;
    height: auto; }
  .p2-ftlogo_txt {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    grid-gap: 8px 8px;
    gap: 8px 8px; }
    @media all and (min-width: 768px) {
      .p2-ftlogo_txt {
        grid-gap: 10px 10px;
        gap: 10px 10px; } }

.p3-headline.-absolute {
  position: absolute; }

.p3-headline.-relative {
  position: relative; }

.p3-headline.-left {
  text-align: left; }

.p3-headline.-center {
  text-align: center; }

.p3-headline.-right {
  text-align: right; }

.p3-headline.-justify {
  text-align: justify; }

.p3-headline.-ttl01 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  grid-gap: 4px 4px;
  gap: 4px 4px; }
  @media all and (min-width: 768px) {
    .p3-headline.-ttl01 {
      grid-gap: 5px 5px;
      gap: 5px 5px; } }
  .p3-headline.-ttl01 .p3-headline_icon {
    display: block;
    position: relative;
    width: 20.3px;
    width: 15.95px;
    height: 100%; }
    @media all and (min-width: 480px) {
      .p3-headline.-ttl01 .p3-headline_icon {
        width: 21.75px; } }
    @media all and (min-width: 768px) {
      .p3-headline.-ttl01 .p3-headline_icon {
        width: 23.2px; } }
    @media all and (min-width: 1320px) {
      .p3-headline.-ttl01 .p3-headline_icon {
        width: 26.1px; } }
    @media all and (min-width: 1720px) {
      .p3-headline.-ttl01 .p3-headline_icon {
        width: 29px; } }
    @media all and (min-width: 375px) {
      .p3-headline.-ttl01 .p3-headline_icon {
        width: 17.4px; } }
    @media all and (min-width: 480px) {
      .p3-headline.-ttl01 .p3-headline_icon {
        width: 18.85px; } }
    @media all and (min-width: 768px) {
      .p3-headline.-ttl01 .p3-headline_icon {
        width: 20.3px; } }
    @media all and (min-width: 1200px) {
      .p3-headline.-ttl01 .p3-headline_icon {
        width: 23.2px; } }
    @media all and (min-width: 1320px) {
      .p3-headline.-ttl01 .p3-headline_icon {
        width: 26.1px; } }
    @media all and (min-width: 1720px) {
      .p3-headline.-ttl01 .p3-headline_icon {
        width: 29px; } }
    .p3-headline.-ttl01 .p3-headline_icon img {
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
         object-fit: contain; }

.p3-headline.-ttl02 {
  padding-left: 4px;
  border-left: 4px solid #da0005;
  box-sizing: border-box; }
  @media all and (min-width: 768px) {
    .p3-headline.-ttl02 {
      padding-left: 5px;
      border-left-width: 5px; } }

.p3-headline.-ttl03 {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 0 8px;
  gap: 0 8px; }
  @media all and (min-width: 768px) {
    .p3-headline.-ttl03 {
      grid-gap: 0 12px;
      gap: 0 12px; } }
  @media all and (min-width: 1320px) {
    .p3-headline.-ttl03 {
      grid-gap: 0 13px;
      gap: 0 13px; } }
  @media all and (min-width: 1720px) {
    .p3-headline.-ttl03 {
      grid-gap: 0 15px;
      gap: 0 15px; } }
  .p3-headline.-ttl03 span::after {
    display: inline-block;
    position: relative;
    content: "";
    width: 0;
    height: 0;
    margin-left: 8px;
    border-style: solid;
    border-top: 6.4px solid transparent;
    border-bottom: 6.4px solid transparent;
    border-left: 8.8px solid transparent;
    border-right: 0;
    box-sizing: border-box;
    vertical-align: middle;
    pointer-events: none; }
    @media all and (min-width: 768px) {
      .p3-headline.-ttl03 span::after {
        margin-left: 12px;
        border-top-width: 8px;
        border-bottom-width: 8px;
        border-left-width: 11px; } }
    @media all and (min-width: 1320px) {
      .p3-headline.-ttl03 span::after {
        margin-left: 13px; } }
    @media all and (min-width: 1720px) {
      .p3-headline.-ttl03 span::after {
        margin-left: 15px; } }
  .p3-headline.-ttl03 span:last-of-type::after {
    display: none; }
  .p3-headline.-ttl03.-bk span::after {
    border-left-color: black; }
  .p3-headline.-ttl03.-blue01 span::after {
    border-left-color: #1f316e; }

.p3-box {
  box-sizing: border-box; }
  .p3-box.-absolute {
    position: absolute; }
  .p3-box.-relative {
    position: relative; }
  .p3-box.-fixed {
    position: fixed; }
  .p3-box.-inline {
    display: inline; }
  .p3-box.-inlineblock {
    display: inline-block; }
  .p3-box.-block {
    display: block; }
  .p3-box.-lowerpageTopSpace {
    width: 100%;
    height: 1px;
    margin-bottom: -1px; }
  .p3-box.-bgWh01 {
    padding: 20px 5vw 30px;
    box-sizing: border-box;
    background-color: white; }
    @media all and (min-width: 1200px) {
      .p3-box.-bgWh01 {
        padding: 40px 60px 60px; } }
    .p3-box.-bgWh01 img {
      width: 100%;
      height: auto; }
  .p3-box.-frontTopics {
    display: block;
    padding: 0 5vw;
    box-sizing: border-box;
    background-color: white;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 2.60417vw;
    border-radius: 2.60417vw;
    overflow: visible !important; }
    @media all and (min-width: 768px) {
      .p3-box.-frontTopics {
        border-radius: 20px; } }
    @media all and (min-width: 768px) {
      .p3-box.-frontTopics {
        border-radius: 20px; } }
    @media all and (min-width: 1200px) {
      .p3-box.-frontTopics {
        padding: 0 70px; } }
    .p3-box.-frontTopics .p3-box_inner {
      display: grid;
      grid-template-columns: 100%;
      justify-content: start;
      align-items: center;
      grid-gap: 16px 0;
      gap: 16px 0;
      max-width: 1720px;
      margin-left: auto;
      margin-right: auto;
      padding: 25px 0 30px;
      box-sizing: border-box; }
      @media all and (min-width: 480px) {
        .p3-box.-frontTopics .p3-box_inner {
          padding: 25px 0 30px; } }
      @media all and (min-width: 768px) {
        .p3-box.-frontTopics .p3-box_inner {
          grid-template-columns: auto auto 1fr;
          grid-gap: 20px 0;
          gap: 20px 0;
          padding: 25px 0; } }
    .p3-box.-frontTopics .p3-box_icon {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-170%, -20%); }
      @media all and (min-width: 480px) {
        .p3-box.-frontTopics .p3-box_icon {
          transform: translate(-190%, -20%); } }
      @media all and (min-width: 768px) {
        .p3-box.-frontTopics .p3-box_icon {
          grid-column-start: 1;
          grid-column-end: 2;
          grid-row-start: 1;
          grid-row-end: 3;
          position: relative;
          left: 0;
          transform: translate(0, 0); } }
    .p3-box.-frontTopics .p3-box_ttl {
      grid-column-start: 1;
      grid-column-end: 2;
      grid-row-start: 1;
      grid-row-end: 2;
      font-family: "Lexend", sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 600;
      font-size: 2.24rem; }
      @media all and (min-width: 480px) {
        .p3-box.-frontTopics .p3-box_ttl {
          font-size: 2.8rem; } }
      @media all and (min-width: 768px) {
        .p3-box.-frontTopics .p3-box_ttl {
          grid-column-start: 2;
          grid-column-end: 3;
          grid-row-start: 1;
          grid-row-end: 2;
          margin-top: auto;
          font-size: 1.4rem;
          font-size: 1.1rem; } }
  @media all and (min-width: 768px) and (min-width: 480px) {
    .p3-box.-frontTopics .p3-box_ttl {
      font-size: 1.5rem; } }
  @media all and (min-width: 768px) and (min-width: 768px) {
    .p3-box.-frontTopics .p3-box_ttl {
      font-size: 1.6rem; } }
  @media all and (min-width: 768px) and (min-width: 1320px) {
    .p3-box.-frontTopics .p3-box_ttl {
      font-size: 1.8rem; } }
  @media all and (min-width: 768px) and (min-width: 1720px) {
    .p3-box.-frontTopics .p3-box_ttl {
      font-size: 2rem; } }
  @media all and (min-width: 768px) and (min-width: 375px) {
    .p3-box.-frontTopics .p3-box_ttl {
      font-size: 1.2rem; } }
  @media all and (min-width: 768px) and (min-width: 480px) {
    .p3-box.-frontTopics .p3-box_ttl {
      font-size: 1.3rem; } }
  @media all and (min-width: 768px) and (min-width: 768px) {
    .p3-box.-frontTopics .p3-box_ttl {
      font-size: 1.4rem; } }
  @media all and (min-width: 768px) and (min-width: 1200px) {
    .p3-box.-frontTopics .p3-box_ttl {
      font-size: 1.6rem; } }
  @media all and (min-width: 768px) and (min-width: 1320px) {
    .p3-box.-frontTopics .p3-box_ttl {
      font-size: 1.8rem; } }
  @media all and (min-width: 768px) and (min-width: 1720px) {
    .p3-box.-frontTopics .p3-box_ttl {
      font-size: 2rem; } }
    .p3-box.-frontTopics .p3-box_btn {
      grid-column-start: 1;
      grid-column-end: 2;
      grid-row-start: 3;
      grid-row-end: 4;
      margin-left: auto;
      margin-right: auto; }
      @media all and (min-width: 768px) {
        .p3-box.-frontTopics .p3-box_btn {
          grid-column-start: 2;
          grid-column-end: 3;
          grid-row-start: 2;
          grid-row-end: 3;
          margin-bottom: auto; } }
    .p3-box.-frontTopics .p3-box_list {
      grid-column-start: 1;
      grid-column-end: 2;
      grid-row-start: 2;
      grid-row-end: 3;
      margin-bottom: 10px;
      box-sizing: border-box; }
      @media all and (min-width: 768px) {
        .p3-box.-frontTopics .p3-box_list {
          grid-column-start: 3;
          grid-column-end: 4;
          grid-row-start: 1;
          grid-row-end: 3;
          margin-bottom: 0;
          padding-left: 3.75vw; } }
      @media all and (min-width: 1200px) {
        .p3-box.-frontTopics .p3-box_list {
          padding-left: 45px; } }
  .p3-box.-frontSolutions {
    position: relative;
    padding: 30px 5vw;
    box-sizing: border-box;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 2.60417vw;
    border-radius: 2.60417vw;
    border-top-right-radius: 0 !important;
    overflow: visible !important;
    background-color: #dddee2; }
    @media all and (min-width: 768px) {
      .p3-box.-frontSolutions {
        border-radius: 20px; } }
    @media all and (min-width: 768px) {
      .p3-box.-frontSolutions {
        border-radius: 20px; } }
    @media all and (min-width: 768px) {
      .p3-box.-frontSolutions {
        padding: 60px 5vw; } }
    @media all and (min-width: 1200px) {
      .p3-box.-frontSolutions {
        padding: 60px 60px; } }
    .p3-box.-frontSolutions .p3-box_inner {
      display: grid;
      grid-template-columns: 100%;
      grid-gap: 30px 0;
      gap: 30px 0; }
      @media all and (min-width: 768px) {
        .p3-box.-frontSolutions .p3-box_inner {
          grid-template-columns: 48.125% 1fr;
          grid-gap: 0 5vw;
          gap: 0 5vw; } }
      @media all and (min-width: 1200px) {
        .p3-box.-frontSolutions .p3-box_inner {
          grid-template-columns: 48.125% 1fr;
          grid-gap: 0 60px;
          gap: 0 60px; } }
    .p3-box.-frontSolutions .p3-box_ttl {
      margin-bottom: 16px; }
      @media all and (min-width: 768px) {
        .p3-box.-frontSolutions .p3-box_ttl {
          margin-bottom: 20px; } }
    .p3-box.-frontSolutions .p3-box_lead {
      margin-bottom: 36px; }
      @media all and (min-width: 480px) {
        .p3-box.-frontSolutions .p3-box_lead {
          margin-bottom: 36px; } }
      @media all and (min-width: 768px) {
        .p3-box.-frontSolutions .p3-box_lead {
          margin-bottom: 72px; } }
      @media all and (min-width: 1320px) {
        .p3-box.-frontSolutions .p3-box_lead {
          margin-bottom: 81px; } }
      @media all and (min-width: 1720px) {
        .p3-box.-frontSolutions .p3-box_lead {
          margin-bottom: 90px; } }
    .p3-box.-frontSolutions .p3-box_txt {
      position: relative; }
  .p3-box.-aboutSign {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: end;
    grid-gap: 0 10px;
    gap: 0 10px; }
    @media all and (min-width: 768px) {
      .p3-box.-aboutSign {
        grid-gap: 0 16px;
        gap: 0 16px; } }
    @media all and (min-width: 1320px) {
      .p3-box.-aboutSign {
        grid-gap: 0 18px;
        gap: 0 18px; } }
    @media all and (min-width: 1720px) {
      .p3-box.-aboutSign {
        grid-gap: 0 20px;
        gap: 0 20px; } }
    .p3-box.-aboutSign .p3-box_txt {
      display: flex;
      flex-wrap: nowrap;
      flex-direction: column;
      justify-content: center;
      align-items: flex-end;
      grid-gap: 7px 0;
      gap: 7px 0;
      padding-top: 5px;
      box-sizing: border-box; }
      @media all and (min-width: 768px) {
        .p3-box.-aboutSign .p3-box_txt {
          grid-gap: 11px 0;
          gap: 11px 0;
          padding-top: 8px; } }
      @media all and (min-width: 1320px) {
        .p3-box.-aboutSign .p3-box_txt {
          grid-gap: 13px 0;
          gap: 13px 0;
          padding-top: 9px; } }
      @media all and (min-width: 1720px) {
        .p3-box.-aboutSign .p3-box_txt {
          grid-gap: 14px 0;
          gap: 14px 0;
          padding-top: 10px; } }
  .p3-box.-aboutOrg {
    display: block;
    position: relative;
    width: 100%;
    padding: 5vw 5vw;
    box-sizing: border-box;
    background-color: white;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 1.30208vw;
    border-radius: 1.30208vw; }
    @media all and (min-width: 768px) {
      .p3-box.-aboutOrg {
        border-radius: 10px; } }
    @media all and (min-width: 768px) {
      .p3-box.-aboutOrg {
        border-radius: 10px; } }
    @media all and (min-width: 1320px) {
      .p3-box.-aboutOrg {
        padding: 60px 60px; } }
    .p3-box.-aboutOrg img {
      width: 100%;
      height: auto; }
  .p3-box.-interviewNav {
    display: block;
    position: relative;
    width: 100%;
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box; }
  .p3-box.-form {
    width: 100%;
    max-width: 980px;
    margin-left: auto;
    margin-right: auto; }

.p3-text.-absolute {
  position: absolute; }

.p3-text.-relative {
  position: relative; }

.p3-text.-left {
  text-align: left; }

.p3-text.-center {
  text-align: center; }

.p3-text.-right {
  text-align: right; }

.p3-text.-justify {
  text-align: justify; }

.p3-text.-wh {
  color: white; }

.p3-text.-bk {
  color: black; }

.p3-text.-black01 {
  color: #282828; }

.p3-text.-black02 {
  color: #2e2e2e; }

.p3-text.-black03 {
  color: #333333; }

.p3-text.-black04 {
  color: #434343; }

.p3-text.-black05 {
  color: #4d4d4d; }

.p3-text.-black06 {
  color: #4c4c4c; }

.p3-text.-white01 {
  color: #f0f1f3; }

.p3-text.-white02 {
  color: #f4f3f2; }

.p3-text.-gray01 {
  color: gray; }

.p3-text.-gray02 {
  color: #c4c4c4; }

.p3-text.-gray03 {
  color: #dadbde; }

.p3-text.-gray04 {
  color: #dddee2; }

.p3-text.-gray05 {
  color: #babcc2; }

.p3-text.-gray06 {
  color: #d2d3d6; }

.p3-text.-red01 {
  color: red; }

.p3-text.-red02 {
  color: #ff1200; }

.p3-text.-red03 {
  color: #da0005; }

.p3-text.-red04 {
  color: #df575a; }

.p3-text.-red05 {
  color: #7f080b; }

.p3-text.-green01 {
  color: #203a1a; }

.p3-text.-blue01 {
  color: #1f316e; }

.p3-text.-blue02 {
  color: #e5f1f2; }

.p3-text.-blue03 {
  color: #c6e0e4; }

.p3-text.-blue04 {
  color: #b6d7dd; }

.p3-text.-blue05 {
  color: #a6ced5; }

.p3-text.-blue06 {
  color: #97c5cd; }

.p3-text.-blue07 {
  color: #0095a2; }

.p3-text.-blue08 {
  color: #e3f0f7; }

.p3-text.-orange01 {
  color: #fba716; }

.p3-text.-brown01 {
  color: #f8c279; }

.p3-text.-textGradientClr01 {
  background: #da0005;
  background: linear-gradient(135deg, #da0005 0%, #fba716 50%, #da0005 99%, #da0005 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da0005', endColorstr='#da0005',GradientType=1 );
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent; }

.p3-text.-exclusion {
  mix-blend-mode: exclusion; }

.p3-text.-multiply {
  mix-blend-mode: multiply; }

.p3-text.-opacity030 {
  opacity: 0.3; }

.p3-text.-lh100 {
  line-height: 1; }
  @media all and (min-width: 768px) {
    .p3-text.-lh100 {
      line-height: 1; } }

.p3-text.-lh105 {
  line-height: 1.05; }
  @media all and (min-width: 768px) {
    .p3-text.-lh105 {
      line-height: 1.05; } }

.p3-text.-lh110 {
  line-height: 1.1; }
  @media all and (min-width: 768px) {
    .p3-text.-lh110 {
      line-height: 1.1; } }

.p3-text.-lh120 {
  line-height: 1.2; }
  @media all and (min-width: 768px) {
    .p3-text.-lh120 {
      line-height: 1.2; } }

.p3-text.-lh130 {
  line-height: 1.3; }
  @media all and (min-width: 768px) {
    .p3-text.-lh130 {
      line-height: 1.3; } }

.p3-text.-lh140 {
  line-height: 1.4; }
  @media all and (min-width: 768px) {
    .p3-text.-lh140 {
      line-height: 1.4; } }

.p3-text.-lh150 {
  line-height: 1.5; }
  @media all and (min-width: 768px) {
    .p3-text.-lh150 {
      line-height: 1.5; } }

.p3-text.-lh160 {
  line-height: 1.6; }
  @media all and (min-width: 768px) {
    .p3-text.-lh160 {
      line-height: 1.6; } }

.p3-text.-lh170 {
  line-height: 1.7; }
  @media all and (min-width: 768px) {
    .p3-text.-lh170 {
      line-height: 1.7; } }

.p3-text.-lh180 {
  line-height: 1.8; }
  @media all and (min-width: 768px) {
    .p3-text.-lh180 {
      line-height: 1.8; } }

.p3-text.-lh190 {
  line-height: 1.9; }
  @media all and (min-width: 768px) {
    .p3-text.-lh190 {
      line-height: 1.9; } }

.p3-text.-lh200 {
  line-height: 2; }
  @media all and (min-width: 768px) {
    .p3-text.-lh200 {
      line-height: 2; } }

.p3-text.-lh210 {
  line-height: 2.1; }
  @media all and (min-width: 768px) {
    .p3-text.-lh210 {
      line-height: 2.1; } }

.p3-text.-lh220 {
  line-height: 2.2; }
  @media all and (min-width: 768px) {
    .p3-text.-lh220 {
      line-height: 2.2; } }

.p3-text.-lh300 {
  line-height: 3; }
  @media all and (min-width: 768px) {
    .p3-text.-lh300 {
      line-height: 3; } }

.p3-text.-lsm050 {
  letter-spacing: -0.5em; }

.p3-text.-lsm025 {
  letter-spacing: -0.25em; }

.p3-text.-ls002 {
  letter-spacing: 0.02em; }

.p3-text.-ls005 {
  letter-spacing: 0.05em; }

.p3-text.-ls010 {
  letter-spacing: 0.1em; }

.p3-text.-ls020 {
  letter-spacing: 0.20em; }

.p3-text.-ls025 {
  letter-spacing: 0.25em; }

.p3-text.-wbAll {
  word-break: break-all; }

.p3-text.-per010 {
  font-size: 10%; }

.p3-text.-per020 {
  font-size: 20%; }

.p3-text.-per030 {
  font-size: 30%; }

.p3-text.-per040 {
  font-size: 40%; }

.p3-text.-per050 {
  font-size: 50%; }

.p3-text.-per060 {
  font-size: 60%; }

.p3-text.-per070 {
  font-size: 70%; }

.p3-text.-per080 {
  font-size: 80%; }

.p3-text.-per090 {
  font-size: 90%; }

.p3-text.-per100 {
  font-size: 100%; }

.p3-text.-t01 {
  font-family: 'Noto Sans JP', sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-size: 0.84rem; }
  @media all and (min-width: 480px) {
    .p3-text.-t01 {
      font-size: 0.9rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t01 {
      font-size: 0.96rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t01 {
      font-size: 1.08rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t01 {
      font-size: 1.2rem; } }
  .p3-text.-t01.-regular {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 400; }
    .p3-text.-t01.-regular.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 400; }
  .p3-text.-t01.-medium {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 500; }
    .p3-text.-t01.-medium.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 500; }
  .p3-text.-t01.-bold {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 700; }
    .p3-text.-t01.-bold.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 700; }
  .p3-text.-t01.-black {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 900; }
    .p3-text.-t01.-black.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400; }

.p3-text.-t02 {
  font-family: 'Noto Sans JP', sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-size: 0.91rem; }
  @media all and (min-width: 480px) {
    .p3-text.-t02 {
      font-size: 0.975rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t02 {
      font-size: 1.04rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t02 {
      font-size: 1.17rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t02 {
      font-size: 1.3rem; } }
  .p3-text.-t02.-regular {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 400; }
    .p3-text.-t02.-regular.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 400; }
  .p3-text.-t02.-medium {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 500; }
    .p3-text.-t02.-medium.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 500; }
  .p3-text.-t02.-bold {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 700; }
    .p3-text.-t02.-bold.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 700; }
  .p3-text.-t02.-black {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 900; }
    .p3-text.-t02.-black.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400; }

.p3-text.-t03 {
  font-family: 'Noto Sans JP', sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-size: 0.98rem; }
  @media all and (min-width: 480px) {
    .p3-text.-t03 {
      font-size: 1.05rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t03 {
      font-size: 1.12rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t03 {
      font-size: 1.26rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t03 {
      font-size: 1.4rem; } }
  .p3-text.-t03.-regular {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 400; }
    .p3-text.-t03.-regular.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 400; }
  .p3-text.-t03.-medium {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 500; }
    .p3-text.-t03.-medium.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 500; }
  .p3-text.-t03.-bold {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 700; }
    .p3-text.-t03.-bold.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 700; }
  .p3-text.-t03.-black {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 900; }
    .p3-text.-t03.-black.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400; }

.p3-text.-t04 {
  font-family: 'Noto Sans JP', sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-size: 1.05rem; }
  @media all and (min-width: 480px) {
    .p3-text.-t04 {
      font-size: 1.125rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t04 {
      font-size: 1.2rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t04 {
      font-size: 1.35rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t04 {
      font-size: 1.5rem; } }
  .p3-text.-t04.-regular {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 400; }
    .p3-text.-t04.-regular.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 400; }
  .p3-text.-t04.-medium {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 500; }
    .p3-text.-t04.-medium.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 500; }
  .p3-text.-t04.-bold {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 700; }
    .p3-text.-t04.-bold.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 700; }
  .p3-text.-t04.-black {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 900; }
    .p3-text.-t04.-black.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400; }

.p3-text.-t05 {
  font-family: 'Noto Sans JP', sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-size: 1.12rem; }
  @media all and (min-width: 480px) {
    .p3-text.-t05 {
      font-size: 1.2rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t05 {
      font-size: 1.28rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t05 {
      font-size: 1.44rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t05 {
      font-size: 1.6rem; } }
  .p3-text.-t05.-regular {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 400; }
    .p3-text.-t05.-regular.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 400; }
  .p3-text.-t05.-medium {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 500; }
    .p3-text.-t05.-medium.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 500; }
  .p3-text.-t05.-bold {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 700; }
    .p3-text.-t05.-bold.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 700; }
  .p3-text.-t05.-black {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 900; }
    .p3-text.-t05.-black.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400; }

.p3-text.-t06 {
  font-family: 'Noto Sans JP', sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-size: 1.19rem; }
  @media all and (min-width: 480px) {
    .p3-text.-t06 {
      font-size: 1.275rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t06 {
      font-size: 1.36rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t06 {
      font-size: 1.53rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t06 {
      font-size: 1.7rem; } }
  .p3-text.-t06.-regular {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 400; }
    .p3-text.-t06.-regular.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 400; }
  .p3-text.-t06.-medium {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 500; }
    .p3-text.-t06.-medium.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 500; }
  .p3-text.-t06.-bold {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 700; }
    .p3-text.-t06.-bold.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 700; }
  .p3-text.-t06.-black {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 900; }
    .p3-text.-t06.-black.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400; }

.p3-text.-t07 {
  font-family: 'Noto Sans JP', sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-size: 1.26rem; }
  @media all and (min-width: 480px) {
    .p3-text.-t07 {
      font-size: 1.35rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t07 {
      font-size: 1.44rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t07 {
      font-size: 1.62rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t07 {
      font-size: 1.8rem; } }
  .p3-text.-t07.-regular {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 400; }
    .p3-text.-t07.-regular.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 400; }
  .p3-text.-t07.-medium {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 500; }
    .p3-text.-t07.-medium.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 500; }
  .p3-text.-t07.-bold {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 700; }
    .p3-text.-t07.-bold.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 700; }
  .p3-text.-t07.-black {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 900; }
    .p3-text.-t07.-black.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400; }

.p3-text.-t08 {
  font-family: 'Noto Sans JP', sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-size: 1.33rem; }
  @media all and (min-width: 480px) {
    .p3-text.-t08 {
      font-size: 1.425rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t08 {
      font-size: 1.52rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t08 {
      font-size: 1.71rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t08 {
      font-size: 1.9rem; } }
  .p3-text.-t08.-regular {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 400; }
    .p3-text.-t08.-regular.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 400; }
  .p3-text.-t08.-medium {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 500; }
    .p3-text.-t08.-medium.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 500; }
  .p3-text.-t08.-bold {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 700; }
    .p3-text.-t08.-bold.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 700; }
  .p3-text.-t08.-black {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 900; }
    .p3-text.-t08.-black.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400; }

.p3-text.-t09 {
  font-family: 'Noto Sans JP', sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-size: 1.4rem;
  font-size: 1.1rem; }
  @media all and (min-width: 480px) {
    .p3-text.-t09 {
      font-size: 1.5rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t09 {
      font-size: 1.6rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t09 {
      font-size: 1.8rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t09 {
      font-size: 2rem; } }
  @media all and (min-width: 375px) {
    .p3-text.-t09 {
      font-size: 1.2rem; } }
  @media all and (min-width: 480px) {
    .p3-text.-t09 {
      font-size: 1.3rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t09 {
      font-size: 1.4rem; } }
  @media all and (min-width: 1200px) {
    .p3-text.-t09 {
      font-size: 1.6rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t09 {
      font-size: 1.8rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t09 {
      font-size: 2rem; } }
  .p3-text.-t09.-regular {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 400; }
    .p3-text.-t09.-regular.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 400; }
  .p3-text.-t09.-medium {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 500; }
    .p3-text.-t09.-medium.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 500; }
  .p3-text.-t09.-bold {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 700; }
    .p3-text.-t09.-bold.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 700; }
  .p3-text.-t09.-black {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 900; }
    .p3-text.-t09.-black.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400; }

.p3-text.-t10 {
  font-family: 'Noto Sans JP', sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-size: 1.47rem;
  font-size: 1.155rem; }
  @media all and (min-width: 480px) {
    .p3-text.-t10 {
      font-size: 1.575rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t10 {
      font-size: 1.68rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t10 {
      font-size: 1.89rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t10 {
      font-size: 2.1rem; } }
  @media all and (min-width: 375px) {
    .p3-text.-t10 {
      font-size: 1.26rem; } }
  @media all and (min-width: 480px) {
    .p3-text.-t10 {
      font-size: 1.365rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t10 {
      font-size: 1.47rem; } }
  @media all and (min-width: 1200px) {
    .p3-text.-t10 {
      font-size: 1.68rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t10 {
      font-size: 1.89rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t10 {
      font-size: 2.1rem; } }
  .p3-text.-t10.-regular {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 400; }
    .p3-text.-t10.-regular.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 400; }
  .p3-text.-t10.-medium {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 500; }
    .p3-text.-t10.-medium.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 500; }
  .p3-text.-t10.-bold {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 700; }
    .p3-text.-t10.-bold.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 700; }
  .p3-text.-t10.-black {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 900; }
    .p3-text.-t10.-black.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400; }

.p3-text.-t11 {
  font-family: 'Noto Sans JP', sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-size: 1.61rem;
  font-size: 1.265rem; }
  @media all and (min-width: 480px) {
    .p3-text.-t11 {
      font-size: 1.725rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t11 {
      font-size: 1.84rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t11 {
      font-size: 2.07rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t11 {
      font-size: 2.3rem; } }
  @media all and (min-width: 375px) {
    .p3-text.-t11 {
      font-size: 1.38rem; } }
  @media all and (min-width: 480px) {
    .p3-text.-t11 {
      font-size: 1.495rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t11 {
      font-size: 1.61rem; } }
  @media all and (min-width: 1200px) {
    .p3-text.-t11 {
      font-size: 1.84rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t11 {
      font-size: 2.07rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t11 {
      font-size: 2.3rem; } }
  .p3-text.-t11.-regular {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 400; }
    .p3-text.-t11.-regular.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 400; }
  .p3-text.-t11.-medium {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 500; }
    .p3-text.-t11.-medium.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 500; }
  .p3-text.-t11.-bold {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 700; }
    .p3-text.-t11.-bold.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 700; }
  .p3-text.-t11.-black {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 900; }
    .p3-text.-t11.-black.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400; }

.p3-text.-t12 {
  font-family: 'Noto Sans JP', sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-size: 1.68rem;
  font-size: 1.32rem; }
  @media all and (min-width: 480px) {
    .p3-text.-t12 {
      font-size: 1.8rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t12 {
      font-size: 1.92rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t12 {
      font-size: 2.16rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t12 {
      font-size: 2.4rem; } }
  @media all and (min-width: 375px) {
    .p3-text.-t12 {
      font-size: 1.44rem; } }
  @media all and (min-width: 480px) {
    .p3-text.-t12 {
      font-size: 1.56rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t12 {
      font-size: 1.68rem; } }
  @media all and (min-width: 1200px) {
    .p3-text.-t12 {
      font-size: 1.92rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t12 {
      font-size: 2.16rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t12 {
      font-size: 2.4rem; } }
  .p3-text.-t12.-regular {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 400; }
    .p3-text.-t12.-regular.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 400; }
  .p3-text.-t12.-medium {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 500; }
    .p3-text.-t12.-medium.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 500; }
  .p3-text.-t12.-bold {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 700; }
    .p3-text.-t12.-bold.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 700; }
  .p3-text.-t12.-black {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 900; }
    .p3-text.-t12.-black.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400; }

.p3-text.-t13 {
  font-family: 'Noto Sans JP', sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-size: 1.75rem;
  font-size: 1.125rem; }
  @media all and (min-width: 480px) {
    .p3-text.-t13 {
      font-size: 1.875rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t13 {
      font-size: 2rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t13 {
      font-size: 2.25rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t13 {
      font-size: 2.5rem; } }
  @media all and (min-width: 375px) {
    .p3-text.-t13 {
      font-size: 1.25rem; } }
  @media all and (min-width: 480px) {
    .p3-text.-t13 {
      font-size: 1.5rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t13 {
      font-size: 1.75rem; } }
  @media all and (min-width: 1200px) {
    .p3-text.-t13 {
      font-size: 2rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t13 {
      font-size: 2.25rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t13 {
      font-size: 2.5rem; } }
  .p3-text.-t13.-regular {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 400; }
    .p3-text.-t13.-regular.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 400; }
  .p3-text.-t13.-medium {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 500; }
    .p3-text.-t13.-medium.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 500; }
  .p3-text.-t13.-bold {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 700; }
    .p3-text.-t13.-bold.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 700; }
  .p3-text.-t13.-black {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 900; }
    .p3-text.-t13.-black.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400; }

.p3-text.-t14 {
  font-family: 'Noto Sans JP', sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-size: 1.82rem;
  font-size: 1.17rem; }
  @media all and (min-width: 480px) {
    .p3-text.-t14 {
      font-size: 1.95rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t14 {
      font-size: 2.08rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t14 {
      font-size: 2.34rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t14 {
      font-size: 2.6rem; } }
  @media all and (min-width: 375px) {
    .p3-text.-t14 {
      font-size: 1.3rem; } }
  @media all and (min-width: 480px) {
    .p3-text.-t14 {
      font-size: 1.56rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t14 {
      font-size: 1.82rem; } }
  @media all and (min-width: 1200px) {
    .p3-text.-t14 {
      font-size: 2.08rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t14 {
      font-size: 2.34rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t14 {
      font-size: 2.6rem; } }
  .p3-text.-t14.-regular {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 400; }
    .p3-text.-t14.-regular.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 400; }
  .p3-text.-t14.-medium {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 500; }
    .p3-text.-t14.-medium.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 500; }
  .p3-text.-t14.-bold {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 700; }
    .p3-text.-t14.-bold.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 700; }
  .p3-text.-t14.-black {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 900; }
    .p3-text.-t14.-black.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400; }

.p3-text.-t15 {
  font-family: 'Noto Sans JP', sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-size: 1.96rem;
  font-size: 1.26rem; }
  @media all and (min-width: 480px) {
    .p3-text.-t15 {
      font-size: 2.1rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t15 {
      font-size: 2.24rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t15 {
      font-size: 2.52rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t15 {
      font-size: 2.8rem; } }
  @media all and (min-width: 375px) {
    .p3-text.-t15 {
      font-size: 1.4rem; } }
  @media all and (min-width: 480px) {
    .p3-text.-t15 {
      font-size: 1.68rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t15 {
      font-size: 1.96rem; } }
  @media all and (min-width: 1200px) {
    .p3-text.-t15 {
      font-size: 2.24rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t15 {
      font-size: 2.52rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t15 {
      font-size: 2.8rem; } }
  .p3-text.-t15.-regular {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 400; }
    .p3-text.-t15.-regular.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 400; }
  .p3-text.-t15.-medium {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 500; }
    .p3-text.-t15.-medium.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 500; }
  .p3-text.-t15.-bold {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 700; }
    .p3-text.-t15.-bold.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 700; }
  .p3-text.-t15.-black {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 900; }
    .p3-text.-t15.-black.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400; }

.p3-text.-t16 {
  font-family: 'Noto Sans JP', sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-size: 2.1rem;
  font-size: 1.35rem; }
  @media all and (min-width: 480px) {
    .p3-text.-t16 {
      font-size: 2.25rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t16 {
      font-size: 2.4rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t16 {
      font-size: 2.7rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t16 {
      font-size: 3rem; } }
  @media all and (min-width: 375px) {
    .p3-text.-t16 {
      font-size: 1.5rem; } }
  @media all and (min-width: 480px) {
    .p3-text.-t16 {
      font-size: 1.8rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t16 {
      font-size: 2.1rem; } }
  @media all and (min-width: 1200px) {
    .p3-text.-t16 {
      font-size: 2.4rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t16 {
      font-size: 2.7rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t16 {
      font-size: 3rem; } }
  .p3-text.-t16.-regular {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 400; }
    .p3-text.-t16.-regular.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 400; }
  .p3-text.-t16.-medium {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 500; }
    .p3-text.-t16.-medium.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 500; }
  .p3-text.-t16.-bold {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 700; }
    .p3-text.-t16.-bold.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 700; }
  .p3-text.-t16.-black {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 900; }
    .p3-text.-t16.-black.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400; }

.p3-text.-t17 {
  font-family: 'Noto Sans JP', sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-size: 2.24rem;
  font-size: 1.44rem; }
  @media all and (min-width: 480px) {
    .p3-text.-t17 {
      font-size: 2.4rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t17 {
      font-size: 2.56rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t17 {
      font-size: 2.88rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t17 {
      font-size: 3.2rem; } }
  @media all and (min-width: 375px) {
    .p3-text.-t17 {
      font-size: 1.6rem; } }
  @media all and (min-width: 480px) {
    .p3-text.-t17 {
      font-size: 1.92rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t17 {
      font-size: 2.24rem; } }
  @media all and (min-width: 1200px) {
    .p3-text.-t17 {
      font-size: 2.56rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t17 {
      font-size: 2.88rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t17 {
      font-size: 3.2rem; } }
  .p3-text.-t17.-regular {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 400; }
    .p3-text.-t17.-regular.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 400; }
  .p3-text.-t17.-medium {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 500; }
    .p3-text.-t17.-medium.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 500; }
  .p3-text.-t17.-bold {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 700; }
    .p3-text.-t17.-bold.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 700; }
  .p3-text.-t17.-black {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 900; }
    .p3-text.-t17.-black.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400; }

.p3-text.-t18 {
  font-family: 'Noto Sans JP', sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-size: 2.52rem;
  font-size: 1.62rem; }
  @media all and (min-width: 480px) {
    .p3-text.-t18 {
      font-size: 2.7rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t18 {
      font-size: 2.88rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t18 {
      font-size: 3.24rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t18 {
      font-size: 3.6rem; } }
  @media all and (min-width: 375px) {
    .p3-text.-t18 {
      font-size: 1.8rem; } }
  @media all and (min-width: 480px) {
    .p3-text.-t18 {
      font-size: 2.16rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t18 {
      font-size: 2.52rem; } }
  @media all and (min-width: 1200px) {
    .p3-text.-t18 {
      font-size: 2.88rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t18 {
      font-size: 3.24rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t18 {
      font-size: 3.6rem; } }
  .p3-text.-t18.-regular {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 400; }
    .p3-text.-t18.-regular.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 400; }
  .p3-text.-t18.-medium {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 500; }
    .p3-text.-t18.-medium.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 500; }
  .p3-text.-t18.-bold {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 700; }
    .p3-text.-t18.-bold.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 700; }
  .p3-text.-t18.-black {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 900; }
    .p3-text.-t18.-black.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400; }

.p3-text.-t19 {
  font-family: 'Noto Sans JP', sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-size: 2.73rem;
  font-size: 1.755rem; }
  @media all and (min-width: 480px) {
    .p3-text.-t19 {
      font-size: 2.925rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t19 {
      font-size: 3.12rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t19 {
      font-size: 3.51rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t19 {
      font-size: 3.9rem; } }
  @media all and (min-width: 375px) {
    .p3-text.-t19 {
      font-size: 1.95rem; } }
  @media all and (min-width: 480px) {
    .p3-text.-t19 {
      font-size: 2.34rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t19 {
      font-size: 2.73rem; } }
  @media all and (min-width: 1200px) {
    .p3-text.-t19 {
      font-size: 3.12rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t19 {
      font-size: 3.51rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t19 {
      font-size: 3.9rem; } }
  .p3-text.-t19.-regular {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 400; }
    .p3-text.-t19.-regular.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 400; }
  .p3-text.-t19.-medium {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 500; }
    .p3-text.-t19.-medium.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 500; }
  .p3-text.-t19.-bold {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 700; }
    .p3-text.-t19.-bold.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 700; }
  .p3-text.-t19.-black {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 900; }
    .p3-text.-t19.-black.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400; }

.p3-text.-t20 {
  font-family: 'Noto Sans JP', sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-size: 2.8rem;
  font-size: 1.6rem; }
  @media all and (min-width: 480px) {
    .p3-text.-t20 {
      font-size: 3rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t20 {
      font-size: 3.2rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t20 {
      font-size: 3.6rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t20 {
      font-size: 4rem; } }
  @media all and (min-width: 375px) {
    .p3-text.-t20 {
      font-size: 2rem; } }
  @media all and (min-width: 480px) {
    .p3-text.-t20 {
      font-size: 2.4rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t20 {
      font-size: 2.8rem; } }
  @media all and (min-width: 1200px) {
    .p3-text.-t20 {
      font-size: 3.2rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t20 {
      font-size: 3.6rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t20 {
      font-size: 4rem; } }
  .p3-text.-t20.-regular {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 400; }
    .p3-text.-t20.-regular.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 400; }
  .p3-text.-t20.-medium {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 500; }
    .p3-text.-t20.-medium.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 500; }
  .p3-text.-t20.-bold {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 700; }
    .p3-text.-t20.-bold.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 700; }
  .p3-text.-t20.-black {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 900; }
    .p3-text.-t20.-black.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400; }

.p3-text.-t21 {
  font-family: 'Noto Sans JP', sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-size: 3.36rem;
  font-size: 1.92rem; }
  @media all and (min-width: 480px) {
    .p3-text.-t21 {
      font-size: 3.6rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t21 {
      font-size: 3.84rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t21 {
      font-size: 4.32rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t21 {
      font-size: 4.8rem; } }
  @media all and (min-width: 375px) {
    .p3-text.-t21 {
      font-size: 2.4rem; } }
  @media all and (min-width: 480px) {
    .p3-text.-t21 {
      font-size: 2.88rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t21 {
      font-size: 3.36rem; } }
  @media all and (min-width: 1200px) {
    .p3-text.-t21 {
      font-size: 3.84rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t21 {
      font-size: 4.32rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t21 {
      font-size: 4.8rem; } }
  .p3-text.-t21.-regular {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 400; }
    .p3-text.-t21.-regular.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 400; }
  .p3-text.-t21.-medium {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 500; }
    .p3-text.-t21.-medium.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 500; }
  .p3-text.-t21.-bold {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 700; }
    .p3-text.-t21.-bold.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 700; }
  .p3-text.-t21.-black {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 900; }
    .p3-text.-t21.-black.-yhjp {
      font-family: YakuHanJP, 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400; }

.p3-text.-t31 {
  font-family: "Shippori Mincho", serif;
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-size: 1.26rem; }
  @media all and (min-width: 480px) {
    .p3-text.-t31 {
      font-size: 1.35rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t31 {
      font-size: 1.44rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t31 {
      font-size: 1.62rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t31 {
      font-size: 1.8rem; } }
  .p3-text.-t31.-semibold {
    font-family: "Shippori Mincho", serif;
    font-style: normal;
    font-weight: 400;
    font-weight: 600; }
  .p3-text.-t31.-extrabold {
    font-family: "Shippori Mincho", serif;
    font-style: normal;
    font-weight: 400;
    font-weight: 800; }

.p3-text.-t32 {
  font-family: "Shippori Mincho", serif;
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-size: 1.68rem;
  font-size: 1.32rem; }
  @media all and (min-width: 480px) {
    .p3-text.-t32 {
      font-size: 1.8rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t32 {
      font-size: 1.92rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t32 {
      font-size: 2.16rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t32 {
      font-size: 2.4rem; } }
  @media all and (min-width: 375px) {
    .p3-text.-t32 {
      font-size: 1.44rem; } }
  @media all and (min-width: 480px) {
    .p3-text.-t32 {
      font-size: 1.56rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t32 {
      font-size: 1.68rem; } }
  @media all and (min-width: 1200px) {
    .p3-text.-t32 {
      font-size: 1.92rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t32 {
      font-size: 2.16rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t32 {
      font-size: 2.4rem; } }
  .p3-text.-t32.-semibold {
    font-family: "Shippori Mincho", serif;
    font-style: normal;
    font-weight: 400;
    font-weight: 600; }
  .p3-text.-t32.-extrabold {
    font-family: "Shippori Mincho", serif;
    font-style: normal;
    font-weight: 400;
    font-weight: 800; }

.p3-text.-t33 {
  font-family: "Shippori Mincho", serif;
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-size: 2.24rem;
  font-size: 1.44rem; }
  @media all and (min-width: 480px) {
    .p3-text.-t33 {
      font-size: 2.4rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t33 {
      font-size: 2.56rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t33 {
      font-size: 2.88rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t33 {
      font-size: 3.2rem; } }
  @media all and (min-width: 375px) {
    .p3-text.-t33 {
      font-size: 1.6rem; } }
  @media all and (min-width: 480px) {
    .p3-text.-t33 {
      font-size: 1.92rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t33 {
      font-size: 2.24rem; } }
  @media all and (min-width: 1200px) {
    .p3-text.-t33 {
      font-size: 2.56rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t33 {
      font-size: 2.88rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t33 {
      font-size: 3.2rem; } }
  .p3-text.-t33.-semibold {
    font-family: "Shippori Mincho", serif;
    font-style: normal;
    font-weight: 400;
    font-weight: 600; }
  .p3-text.-t33.-extrabold {
    font-family: "Shippori Mincho", serif;
    font-style: normal;
    font-weight: 400;
    font-weight: 800; }

.p3-text.-t34 {
  font-family: "Shippori Mincho", serif;
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-size: 2.8rem;
  font-size: 1.6rem; }
  @media all and (min-width: 480px) {
    .p3-text.-t34 {
      font-size: 3rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t34 {
      font-size: 3.2rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t34 {
      font-size: 3.6rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t34 {
      font-size: 4rem; } }
  @media all and (min-width: 375px) {
    .p3-text.-t34 {
      font-size: 2rem; } }
  @media all and (min-width: 480px) {
    .p3-text.-t34 {
      font-size: 2.4rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t34 {
      font-size: 2.8rem; } }
  @media all and (min-width: 1200px) {
    .p3-text.-t34 {
      font-size: 3.2rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t34 {
      font-size: 3.6rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t34 {
      font-size: 4rem; } }
  .p3-text.-t34.-semibold {
    font-family: "Shippori Mincho", serif;
    font-style: normal;
    font-weight: 400;
    font-weight: 600; }
  .p3-text.-t34.-extrabold {
    font-family: "Shippori Mincho", serif;
    font-style: normal;
    font-weight: 400;
    font-weight: 800; }

.p3-text.-t41 {
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 0.84rem; }
  @media all and (min-width: 480px) {
    .p3-text.-t41 {
      font-size: 0.9rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t41 {
      font-size: 0.96rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t41 {
      font-size: 1.08rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t41 {
      font-size: 1.2rem; } }
  .p3-text.-t41.-medium {
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 500; }
  .p3-text.-t41.-semibold {
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 600; }
  .p3-text.-t41.-extrabold {
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 800; }

.p3-text.-t42 {
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.05rem; }
  @media all and (min-width: 480px) {
    .p3-text.-t42 {
      font-size: 1.125rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t42 {
      font-size: 1.2rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t42 {
      font-size: 1.35rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t42 {
      font-size: 1.5rem; } }
  .p3-text.-t42.-medium {
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 500; }
  .p3-text.-t42.-semibold {
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 600; }
  .p3-text.-t42.-extrabold {
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 800; }

.p3-text.-t43 {
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.12rem; }
  @media all and (min-width: 480px) {
    .p3-text.-t43 {
      font-size: 1.2rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t43 {
      font-size: 1.28rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t43 {
      font-size: 1.44rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t43 {
      font-size: 1.6rem; } }
  .p3-text.-t43.-medium {
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 500; }
  .p3-text.-t43.-semibold {
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 600; }
  .p3-text.-t43.-extrabold {
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 800; }

.p3-text.-t44 {
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.26rem; }
  @media all and (min-width: 480px) {
    .p3-text.-t44 {
      font-size: 1.35rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t44 {
      font-size: 1.44rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t44 {
      font-size: 1.62rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t44 {
      font-size: 1.8rem; } }
  .p3-text.-t44.-medium {
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 500; }
  .p3-text.-t44.-semibold {
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 600; }
  .p3-text.-t44.-extrabold {
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 800; }

.p3-text.-t45 {
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.33rem; }
  @media all and (min-width: 480px) {
    .p3-text.-t45 {
      font-size: 1.425rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t45 {
      font-size: 1.52rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t45 {
      font-size: 1.71rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t45 {
      font-size: 1.9rem; } }
  .p3-text.-t45.-medium {
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 500; }
  .p3-text.-t45.-semibold {
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 600; }
  .p3-text.-t45.-extrabold {
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 800; }

.p3-text.-t46 {
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.4rem;
  font-size: 1.1rem; }
  @media all and (min-width: 480px) {
    .p3-text.-t46 {
      font-size: 1.5rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t46 {
      font-size: 1.6rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t46 {
      font-size: 1.8rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t46 {
      font-size: 2rem; } }
  @media all and (min-width: 375px) {
    .p3-text.-t46 {
      font-size: 1.2rem; } }
  @media all and (min-width: 480px) {
    .p3-text.-t46 {
      font-size: 1.3rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t46 {
      font-size: 1.4rem; } }
  @media all and (min-width: 1200px) {
    .p3-text.-t46 {
      font-size: 1.6rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t46 {
      font-size: 1.8rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t46 {
      font-size: 2rem; } }
  .p3-text.-t46.-medium {
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 500; }
  .p3-text.-t46.-semibold {
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 600; }
  .p3-text.-t46.-extrabold {
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 800; }

.p3-text.-t47 {
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.68rem;
  font-size: 1.32rem; }
  @media all and (min-width: 480px) {
    .p3-text.-t47 {
      font-size: 1.8rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t47 {
      font-size: 1.92rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t47 {
      font-size: 2.16rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t47 {
      font-size: 2.4rem; } }
  @media all and (min-width: 375px) {
    .p3-text.-t47 {
      font-size: 1.44rem; } }
  @media all and (min-width: 480px) {
    .p3-text.-t47 {
      font-size: 1.56rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t47 {
      font-size: 1.68rem; } }
  @media all and (min-width: 1200px) {
    .p3-text.-t47 {
      font-size: 1.92rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t47 {
      font-size: 2.16rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t47 {
      font-size: 2.4rem; } }
  .p3-text.-t47.-medium {
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 500; }
  .p3-text.-t47.-semibold {
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 600; }
  .p3-text.-t47.-extrabold {
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 800; }

.p3-text.-t48 {
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.96rem;
  font-size: 1.26rem; }
  @media all and (min-width: 480px) {
    .p3-text.-t48 {
      font-size: 2.1rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t48 {
      font-size: 2.24rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t48 {
      font-size: 2.52rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t48 {
      font-size: 2.8rem; } }
  @media all and (min-width: 375px) {
    .p3-text.-t48 {
      font-size: 1.4rem; } }
  @media all and (min-width: 480px) {
    .p3-text.-t48 {
      font-size: 1.68rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t48 {
      font-size: 1.96rem; } }
  @media all and (min-width: 1200px) {
    .p3-text.-t48 {
      font-size: 2.24rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t48 {
      font-size: 2.52rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t48 {
      font-size: 2.8rem; } }
  .p3-text.-t48.-medium {
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 500; }
  .p3-text.-t48.-semibold {
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 600; }
  .p3-text.-t48.-extrabold {
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 800; }

.p3-text.-t49 {
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 2.52rem;
  font-size: 1.62rem; }
  @media all and (min-width: 480px) {
    .p3-text.-t49 {
      font-size: 2.7rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t49 {
      font-size: 2.88rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t49 {
      font-size: 3.24rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t49 {
      font-size: 3.6rem; } }
  @media all and (min-width: 375px) {
    .p3-text.-t49 {
      font-size: 1.8rem; } }
  @media all and (min-width: 480px) {
    .p3-text.-t49 {
      font-size: 2.16rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t49 {
      font-size: 2.52rem; } }
  @media all and (min-width: 1200px) {
    .p3-text.-t49 {
      font-size: 2.88rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t49 {
      font-size: 3.24rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t49 {
      font-size: 3.6rem; } }
  .p3-text.-t49.-medium {
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 500; }
  .p3-text.-t49.-semibold {
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 600; }
  .p3-text.-t49.-extrabold {
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 800; }

.p3-text.-t50 {
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 2.8rem;
  font-size: 1.6rem; }
  @media all and (min-width: 480px) {
    .p3-text.-t50 {
      font-size: 3rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t50 {
      font-size: 3.2rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t50 {
      font-size: 3.6rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t50 {
      font-size: 4rem; } }
  @media all and (min-width: 375px) {
    .p3-text.-t50 {
      font-size: 2rem; } }
  @media all and (min-width: 480px) {
    .p3-text.-t50 {
      font-size: 2.4rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t50 {
      font-size: 2.8rem; } }
  @media all and (min-width: 1200px) {
    .p3-text.-t50 {
      font-size: 3.2rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t50 {
      font-size: 3.6rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t50 {
      font-size: 4rem; } }
  .p3-text.-t50.-medium {
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 500; }
  .p3-text.-t50.-semibold {
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 600; }
  .p3-text.-t50.-extrabold {
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 800; }

.p3-text.-t51 {
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 4.97rem;
  font-size: 2.414rem; }
  @media all and (min-width: 480px) {
    .p3-text.-t51 {
      font-size: 5.325rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t51 {
      font-size: 5.68rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t51 {
      font-size: 6.39rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t51 {
      font-size: 7.1rem; } }
  @media all and (min-width: 375px) {
    .p3-text.-t51 {
      font-size: 2.84rem; } }
  @media all and (min-width: 480px) {
    .p3-text.-t51 {
      font-size: 3.55rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t51 {
      font-size: 4.26rem; } }
  @media all and (min-width: 1080px) {
    .p3-text.-t51 {
      font-size: 4.97rem; } }
  @media all and (min-width: 1200px) {
    .p3-text.-t51 {
      font-size: 5.68rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t51 {
      font-size: 6.39rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t51 {
      font-size: 7.1rem; } }
  .p3-text.-t51.-medium {
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 500; }
  .p3-text.-t51.-semibold {
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 600; }
  .p3-text.-t51.-extrabold {
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 800; }

.p3-text.-t52 {
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 5.18rem;
  font-size: 2.516rem; }
  @media all and (min-width: 480px) {
    .p3-text.-t52 {
      font-size: 5.55rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t52 {
      font-size: 5.92rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t52 {
      font-size: 6.66rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t52 {
      font-size: 7.4rem; } }
  @media all and (min-width: 375px) {
    .p3-text.-t52 {
      font-size: 2.96rem; } }
  @media all and (min-width: 480px) {
    .p3-text.-t52 {
      font-size: 3.7rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t52 {
      font-size: 4.44rem; } }
  @media all and (min-width: 1080px) {
    .p3-text.-t52 {
      font-size: 5.18rem; } }
  @media all and (min-width: 1200px) {
    .p3-text.-t52 {
      font-size: 5.92rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t52 {
      font-size: 6.66rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t52 {
      font-size: 7.4rem; } }
  .p3-text.-t52.-medium {
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 500; }
  .p3-text.-t52.-semibold {
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 600; }
  .p3-text.-t52.-extrabold {
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 800; }
  .p3-text.-t52.-frontSlide04 {
    font-size: 3.626rem;
    font-size: 1.813rem; }
    @media all and (min-width: 480px) {
      .p3-text.-t52.-frontSlide04 {
        font-size: 3.885rem; } }
    @media all and (min-width: 768px) {
      .p3-text.-t52.-frontSlide04 {
        font-size: 4.144rem; } }
    @media all and (min-width: 1320px) {
      .p3-text.-t52.-frontSlide04 {
        font-size: 4.662rem; } }
    @media all and (min-width: 1720px) {
      .p3-text.-t52.-frontSlide04 {
        font-size: 5.18rem; } }
    @media all and (min-width: 375px) {
      .p3-text.-t52.-frontSlide04 {
        font-size: 2.072rem; } }
    @media all and (min-width: 480px) {
      .p3-text.-t52.-frontSlide04 {
        font-size: 2.59rem; } }
    @media all and (min-width: 768px) {
      .p3-text.-t52.-frontSlide04 {
        font-size: 3.108rem; } }
    @media all and (min-width: 1080px) {
      .p3-text.-t52.-frontSlide04 {
        font-size: 3.626rem; } }
    @media all and (min-width: 1200px) {
      .p3-text.-t52.-frontSlide04 {
        font-size: 4.144rem; } }
    @media all and (min-width: 1320px) {
      .p3-text.-t52.-frontSlide04 {
        font-size: 4.662rem; } }
    @media all and (min-width: 1720px) {
      .p3-text.-t52.-frontSlide04 {
        font-size: 5.18rem; } }
    @media all and (min-width: 768px) {
      .p3-text.-t52.-frontSlide04 {
        font-size: 3.626rem;
        font-size: 1.813rem; } }
  @media all and (min-width: 768px) and (min-width: 480px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 3.885rem; } }
  @media all and (min-width: 768px) and (min-width: 768px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 4.144rem; } }
  @media all and (min-width: 768px) and (min-width: 1320px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 4.662rem; } }
  @media all and (min-width: 768px) and (min-width: 1720px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 5.18rem; } }
  @media all and (min-width: 768px) and (min-width: 375px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 2.072rem; } }
  @media all and (min-width: 768px) and (min-width: 480px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 2.59rem; } }
  @media all and (min-width: 768px) and (min-width: 768px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 3.108rem; } }
  @media all and (min-width: 768px) and (min-width: 1080px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 3.626rem; } }
  @media all and (min-width: 768px) and (min-width: 1200px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 4.144rem; } }
  @media all and (min-width: 768px) and (min-width: 1320px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 4.662rem; } }
  @media all and (min-width: 768px) and (min-width: 1720px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 5.18rem; } }
    @media all and (min-width: 1080px) {
      .p3-text.-t52.-frontSlide04 {
        font-size: 4.144rem;
        font-size: 2.072rem; } }
  @media all and (min-width: 1080px) and (min-width: 480px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 4.44rem; } }
  @media all and (min-width: 1080px) and (min-width: 768px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 4.736rem; } }
  @media all and (min-width: 1080px) and (min-width: 1320px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 5.328rem; } }
  @media all and (min-width: 1080px) and (min-width: 1720px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 5.92rem; } }
  @media all and (min-width: 1080px) and (min-width: 375px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 2.368rem; } }
  @media all and (min-width: 1080px) and (min-width: 480px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 2.96rem; } }
  @media all and (min-width: 1080px) and (min-width: 768px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 3.552rem; } }
  @media all and (min-width: 1080px) and (min-width: 1080px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 4.144rem; } }
  @media all and (min-width: 1080px) and (min-width: 1200px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 4.736rem; } }
  @media all and (min-width: 1080px) and (min-width: 1320px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 5.328rem; } }
  @media all and (min-width: 1080px) and (min-width: 1720px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 5.92rem; } }
    @media all and (min-width: 1320px) {
      .p3-text.-t52.-frontSlide04 {
        font-size: 4.662rem;
        font-size: 2.2644rem; } }
  @media all and (min-width: 1320px) and (min-width: 480px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 4.995rem; } }
  @media all and (min-width: 1320px) and (min-width: 768px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 5.328rem; } }
  @media all and (min-width: 1320px) and (min-width: 1320px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 5.994rem; } }
  @media all and (min-width: 1320px) and (min-width: 1720px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 6.66rem; } }
  @media all and (min-width: 1320px) and (min-width: 375px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 2.664rem; } }
  @media all and (min-width: 1320px) and (min-width: 480px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 3.33rem; } }
  @media all and (min-width: 1320px) and (min-width: 768px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 3.996rem; } }
  @media all and (min-width: 1320px) and (min-width: 1080px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 4.662rem; } }
  @media all and (min-width: 1320px) and (min-width: 1200px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 5.328rem; } }
  @media all and (min-width: 1320px) and (min-width: 1320px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 5.994rem; } }
  @media all and (min-width: 1320px) and (min-width: 1720px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 6.66rem; } }
    @media all and (min-width: 1720px) {
      .p3-text.-t52.-frontSlide04 {
        font-size: 5.18rem;
        font-size: 2.516rem; } }
  @media all and (min-width: 1720px) and (min-width: 480px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 5.55rem; } }
  @media all and (min-width: 1720px) and (min-width: 768px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 5.92rem; } }
  @media all and (min-width: 1720px) and (min-width: 1320px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 6.66rem; } }
  @media all and (min-width: 1720px) and (min-width: 1720px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 7.4rem; } }
  @media all and (min-width: 1720px) and (min-width: 375px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 2.96rem; } }
  @media all and (min-width: 1720px) and (min-width: 480px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 3.7rem; } }
  @media all and (min-width: 1720px) and (min-width: 768px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 4.44rem; } }
  @media all and (min-width: 1720px) and (min-width: 1080px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 5.18rem; } }
  @media all and (min-width: 1720px) and (min-width: 1200px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 5.92rem; } }
  @media all and (min-width: 1720px) and (min-width: 1320px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 6.66rem; } }
  @media all and (min-width: 1720px) and (min-width: 1720px) {
    .p3-text.-t52.-frontSlide04 {
      font-size: 7.4rem; } }

.p3-text.-t71 {
  font-family: "Secular One", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 5.6rem;
  font-size: 2.72rem; }
  @media all and (min-width: 480px) {
    .p3-text.-t71 {
      font-size: 6rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t71 {
      font-size: 6.4rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t71 {
      font-size: 7.2rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t71 {
      font-size: 8rem; } }
  @media all and (min-width: 375px) {
    .p3-text.-t71 {
      font-size: 3.2rem; } }
  @media all and (min-width: 480px) {
    .p3-text.-t71 {
      font-size: 4rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t71 {
      font-size: 4.8rem; } }
  @media all and (min-width: 1080px) {
    .p3-text.-t71 {
      font-size: 5.6rem; } }
  @media all and (min-width: 1200px) {
    .p3-text.-t71 {
      font-size: 6.4rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t71 {
      font-size: 7.2rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t71 {
      font-size: 8rem; } }

.p3-text.-t81 {
  font-family: 'MoboRegular';
  font-weight: normal;
  font-style: normal;
  font-family: 'MoboRegular';
  font-size: 3.57rem;
  font-size: 1.785rem; }
  @media all and (min-width: 480px) {
    .p3-text.-t81 {
      font-size: 3.825rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t81 {
      font-size: 4.08rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t81 {
      font-size: 4.59rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t81 {
      font-size: 5.1rem; } }
  @media all and (min-width: 375px) {
    .p3-text.-t81 {
      font-size: 2.04rem; } }
  @media all and (min-width: 480px) {
    .p3-text.-t81 {
      font-size: 2.55rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t81 {
      font-size: 3.06rem; } }
  @media all and (min-width: 1080px) {
    .p3-text.-t81 {
      font-size: 3.57rem; } }
  @media all and (min-width: 1200px) {
    .p3-text.-t81 {
      font-size: 4.08rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t81 {
      font-size: 4.59rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t81 {
      font-size: 5.1rem; } }
  .p3-text.-t81.-regular {
    font-family: 'MoboRegular';
    font-weight: normal;
    font-style: normal;
    font-family: 'MoboRegular'; }
  .p3-text.-t81.-semibold {
    font-family: 'MoboRegular';
    font-weight: normal;
    font-style: normal;
    font-family: 'MoboSemiBold'; }
  .p3-text.-t81.-bold {
    font-family: 'MoboRegular';
    font-weight: normal;
    font-style: normal;
    font-family: 'MoboBold'; }
  .p3-text.-t81.-frontSlide {
    font-size: 2.499rem;
    font-size: 1.6065rem; }
    @media all and (min-width: 480px) {
      .p3-text.-t81.-frontSlide {
        font-size: 2.6775rem; } }
    @media all and (min-width: 768px) {
      .p3-text.-t81.-frontSlide {
        font-size: 2.856rem; } }
    @media all and (min-width: 1320px) {
      .p3-text.-t81.-frontSlide {
        font-size: 3.213rem; } }
    @media all and (min-width: 1720px) {
      .p3-text.-t81.-frontSlide {
        font-size: 3.57rem; } }
    @media all and (min-width: 375px) {
      .p3-text.-t81.-frontSlide {
        font-size: 1.785rem; } }
    @media all and (min-width: 480px) {
      .p3-text.-t81.-frontSlide {
        font-size: 2.142rem; } }
    @media all and (min-width: 768px) {
      .p3-text.-t81.-frontSlide {
        font-size: 2.499rem; } }
    @media all and (min-width: 1200px) {
      .p3-text.-t81.-frontSlide {
        font-size: 2.856rem; } }
    @media all and (min-width: 1320px) {
      .p3-text.-t81.-frontSlide {
        font-size: 3.213rem; } }
    @media all and (min-width: 1720px) {
      .p3-text.-t81.-frontSlide {
        font-size: 3.57rem; } }
    @media all and (min-width: 375px) {
      .p3-text.-t81.-frontSlide {
        font-size: 2.6775rem;
        font-size: 1.72125rem; } }
  @media all and (min-width: 375px) and (min-width: 480px) {
    .p3-text.-t81.-frontSlide {
      font-size: 2.86875rem; } }
  @media all and (min-width: 375px) and (min-width: 768px) {
    .p3-text.-t81.-frontSlide {
      font-size: 3.06rem; } }
  @media all and (min-width: 375px) and (min-width: 1320px) {
    .p3-text.-t81.-frontSlide {
      font-size: 3.4425rem; } }
  @media all and (min-width: 375px) and (min-width: 1720px) {
    .p3-text.-t81.-frontSlide {
      font-size: 3.825rem; } }
  @media all and (min-width: 375px) and (min-width: 375px) {
    .p3-text.-t81.-frontSlide {
      font-size: 1.9125rem; } }
  @media all and (min-width: 375px) and (min-width: 480px) {
    .p3-text.-t81.-frontSlide {
      font-size: 2.295rem; } }
  @media all and (min-width: 375px) and (min-width: 768px) {
    .p3-text.-t81.-frontSlide {
      font-size: 2.6775rem; } }
  @media all and (min-width: 375px) and (min-width: 1200px) {
    .p3-text.-t81.-frontSlide {
      font-size: 3.06rem; } }
  @media all and (min-width: 375px) and (min-width: 1320px) {
    .p3-text.-t81.-frontSlide {
      font-size: 3.4425rem; } }
  @media all and (min-width: 375px) and (min-width: 1720px) {
    .p3-text.-t81.-frontSlide {
      font-size: 3.825rem; } }
    @media all and (min-width: 480px) {
      .p3-text.-t81.-frontSlide {
        font-size: 2.856rem;
        font-size: 1.632rem; } }
  @media all and (min-width: 480px) and (min-width: 480px) {
    .p3-text.-t81.-frontSlide {
      font-size: 3.06rem; } }
  @media all and (min-width: 480px) and (min-width: 768px) {
    .p3-text.-t81.-frontSlide {
      font-size: 3.264rem; } }
  @media all and (min-width: 480px) and (min-width: 1320px) {
    .p3-text.-t81.-frontSlide {
      font-size: 3.672rem; } }
  @media all and (min-width: 480px) and (min-width: 1720px) {
    .p3-text.-t81.-frontSlide {
      font-size: 4.08rem; } }
  @media all and (min-width: 480px) and (min-width: 375px) {
    .p3-text.-t81.-frontSlide {
      font-size: 2.04rem; } }
  @media all and (min-width: 480px) and (min-width: 480px) {
    .p3-text.-t81.-frontSlide {
      font-size: 2.448rem; } }
  @media all and (min-width: 480px) and (min-width: 768px) {
    .p3-text.-t81.-frontSlide {
      font-size: 2.856rem; } }
  @media all and (min-width: 480px) and (min-width: 1200px) {
    .p3-text.-t81.-frontSlide {
      font-size: 3.264rem; } }
  @media all and (min-width: 480px) and (min-width: 1320px) {
    .p3-text.-t81.-frontSlide {
      font-size: 3.672rem; } }
  @media all and (min-width: 480px) and (min-width: 1720px) {
    .p3-text.-t81.-frontSlide {
      font-size: 4.08rem; } }
    @media all and (min-width: 600px) {
      .p3-text.-t81.-frontSlide {
        font-size: 3.0345rem;
        font-size: 1.734rem; } }
  @media all and (min-width: 600px) and (min-width: 480px) {
    .p3-text.-t81.-frontSlide {
      font-size: 3.25125rem; } }
  @media all and (min-width: 600px) and (min-width: 768px) {
    .p3-text.-t81.-frontSlide {
      font-size: 3.468rem; } }
  @media all and (min-width: 600px) and (min-width: 1320px) {
    .p3-text.-t81.-frontSlide {
      font-size: 3.9015rem; } }
  @media all and (min-width: 600px) and (min-width: 1720px) {
    .p3-text.-t81.-frontSlide {
      font-size: 4.335rem; } }
  @media all and (min-width: 600px) and (min-width: 375px) {
    .p3-text.-t81.-frontSlide {
      font-size: 2.1675rem; } }
  @media all and (min-width: 600px) and (min-width: 480px) {
    .p3-text.-t81.-frontSlide {
      font-size: 2.601rem; } }
  @media all and (min-width: 600px) and (min-width: 768px) {
    .p3-text.-t81.-frontSlide {
      font-size: 3.0345rem; } }
  @media all and (min-width: 600px) and (min-width: 1200px) {
    .p3-text.-t81.-frontSlide {
      font-size: 3.468rem; } }
  @media all and (min-width: 600px) and (min-width: 1320px) {
    .p3-text.-t81.-frontSlide {
      font-size: 3.9015rem; } }
  @media all and (min-width: 600px) and (min-width: 1720px) {
    .p3-text.-t81.-frontSlide {
      font-size: 4.335rem; } }
    @media all and (min-width: 768px) {
      .p3-text.-t81.-frontSlide {
        font-size: 2.6775rem;
        font-size: 1.72125rem; } }
  @media all and (min-width: 768px) and (min-width: 480px) {
    .p3-text.-t81.-frontSlide {
      font-size: 2.86875rem; } }
  @media all and (min-width: 768px) and (min-width: 768px) {
    .p3-text.-t81.-frontSlide {
      font-size: 3.06rem; } }
  @media all and (min-width: 768px) and (min-width: 1320px) {
    .p3-text.-t81.-frontSlide {
      font-size: 3.4425rem; } }
  @media all and (min-width: 768px) and (min-width: 1720px) {
    .p3-text.-t81.-frontSlide {
      font-size: 3.825rem; } }
  @media all and (min-width: 768px) and (min-width: 375px) {
    .p3-text.-t81.-frontSlide {
      font-size: 1.9125rem; } }
  @media all and (min-width: 768px) and (min-width: 480px) {
    .p3-text.-t81.-frontSlide {
      font-size: 2.295rem; } }
  @media all and (min-width: 768px) and (min-width: 768px) {
    .p3-text.-t81.-frontSlide {
      font-size: 2.6775rem; } }
  @media all and (min-width: 768px) and (min-width: 1200px) {
    .p3-text.-t81.-frontSlide {
      font-size: 3.06rem; } }
  @media all and (min-width: 768px) and (min-width: 1320px) {
    .p3-text.-t81.-frontSlide {
      font-size: 3.4425rem; } }
  @media all and (min-width: 768px) and (min-width: 1720px) {
    .p3-text.-t81.-frontSlide {
      font-size: 3.825rem; } }
    @media all and (min-width: 920px) {
      .p3-text.-t81.-frontSlide {
        font-size: 2.856rem;
        font-size: 1.632rem; } }
  @media all and (min-width: 920px) and (min-width: 480px) {
    .p3-text.-t81.-frontSlide {
      font-size: 3.06rem; } }
  @media all and (min-width: 920px) and (min-width: 768px) {
    .p3-text.-t81.-frontSlide {
      font-size: 3.264rem; } }
  @media all and (min-width: 920px) and (min-width: 1320px) {
    .p3-text.-t81.-frontSlide {
      font-size: 3.672rem; } }
  @media all and (min-width: 920px) and (min-width: 1720px) {
    .p3-text.-t81.-frontSlide {
      font-size: 4.08rem; } }
  @media all and (min-width: 920px) and (min-width: 375px) {
    .p3-text.-t81.-frontSlide {
      font-size: 2.04rem; } }
  @media all and (min-width: 920px) and (min-width: 480px) {
    .p3-text.-t81.-frontSlide {
      font-size: 2.448rem; } }
  @media all and (min-width: 920px) and (min-width: 768px) {
    .p3-text.-t81.-frontSlide {
      font-size: 2.856rem; } }
  @media all and (min-width: 920px) and (min-width: 1200px) {
    .p3-text.-t81.-frontSlide {
      font-size: 3.264rem; } }
  @media all and (min-width: 920px) and (min-width: 1320px) {
    .p3-text.-t81.-frontSlide {
      font-size: 3.672rem; } }
  @media all and (min-width: 920px) and (min-width: 1720px) {
    .p3-text.-t81.-frontSlide {
      font-size: 4.08rem; } }
    @media all and (min-width: 1200px) {
      .p3-text.-t81.-frontSlide {
        font-size: 3.213rem;
        font-size: 1.836rem; } }
  @media all and (min-width: 1200px) and (min-width: 480px) {
    .p3-text.-t81.-frontSlide {
      font-size: 3.4425rem; } }
  @media all and (min-width: 1200px) and (min-width: 768px) {
    .p3-text.-t81.-frontSlide {
      font-size: 3.672rem; } }
  @media all and (min-width: 1200px) and (min-width: 1320px) {
    .p3-text.-t81.-frontSlide {
      font-size: 4.131rem; } }
  @media all and (min-width: 1200px) and (min-width: 1720px) {
    .p3-text.-t81.-frontSlide {
      font-size: 4.59rem; } }
  @media all and (min-width: 1200px) and (min-width: 375px) {
    .p3-text.-t81.-frontSlide {
      font-size: 2.295rem; } }
  @media all and (min-width: 1200px) and (min-width: 480px) {
    .p3-text.-t81.-frontSlide {
      font-size: 2.754rem; } }
  @media all and (min-width: 1200px) and (min-width: 768px) {
    .p3-text.-t81.-frontSlide {
      font-size: 3.213rem; } }
  @media all and (min-width: 1200px) and (min-width: 1200px) {
    .p3-text.-t81.-frontSlide {
      font-size: 3.672rem; } }
  @media all and (min-width: 1200px) and (min-width: 1320px) {
    .p3-text.-t81.-frontSlide {
      font-size: 4.131rem; } }
  @media all and (min-width: 1200px) and (min-width: 1720px) {
    .p3-text.-t81.-frontSlide {
      font-size: 4.59rem; } }
    @media all and (min-width: 1320px) {
      .p3-text.-t81.-frontSlide {
        font-size: 3.57rem;
        font-size: 1.785rem; } }
  @media all and (min-width: 1320px) and (min-width: 480px) {
    .p3-text.-t81.-frontSlide {
      font-size: 3.825rem; } }
  @media all and (min-width: 1320px) and (min-width: 768px) {
    .p3-text.-t81.-frontSlide {
      font-size: 4.08rem; } }
  @media all and (min-width: 1320px) and (min-width: 1320px) {
    .p3-text.-t81.-frontSlide {
      font-size: 4.59rem; } }
  @media all and (min-width: 1320px) and (min-width: 1720px) {
    .p3-text.-t81.-frontSlide {
      font-size: 5.1rem; } }
  @media all and (min-width: 1320px) and (min-width: 375px) {
    .p3-text.-t81.-frontSlide {
      font-size: 2.04rem; } }
  @media all and (min-width: 1320px) and (min-width: 480px) {
    .p3-text.-t81.-frontSlide {
      font-size: 2.55rem; } }
  @media all and (min-width: 1320px) and (min-width: 768px) {
    .p3-text.-t81.-frontSlide {
      font-size: 3.06rem; } }
  @media all and (min-width: 1320px) and (min-width: 1080px) {
    .p3-text.-t81.-frontSlide {
      font-size: 3.57rem; } }
  @media all and (min-width: 1320px) and (min-width: 1200px) {
    .p3-text.-t81.-frontSlide {
      font-size: 4.08rem; } }
  @media all and (min-width: 1320px) and (min-width: 1320px) {
    .p3-text.-t81.-frontSlide {
      font-size: 4.59rem; } }
  @media all and (min-width: 1320px) and (min-width: 1720px) {
    .p3-text.-t81.-frontSlide {
      font-size: 5.1rem; } }

.p3-text.-t91 {
  font-family: 'Arial Black', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-weight: 400;
  font-size: 1.54rem;
  font-size: 1.21rem; }
  @media all and (min-width: 480px) {
    .p3-text.-t91 {
      font-size: 1.65rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t91 {
      font-size: 1.76rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t91 {
      font-size: 1.98rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t91 {
      font-size: 2.2rem; } }
  @media all and (min-width: 375px) {
    .p3-text.-t91 {
      font-size: 1.32rem; } }
  @media all and (min-width: 480px) {
    .p3-text.-t91 {
      font-size: 1.43rem; } }
  @media all and (min-width: 768px) {
    .p3-text.-t91 {
      font-size: 1.54rem; } }
  @media all and (min-width: 1200px) {
    .p3-text.-t91 {
      font-size: 1.76rem; } }
  @media all and (min-width: 1320px) {
    .p3-text.-t91 {
      font-size: 1.98rem; } }
  @media all and (min-width: 1720px) {
    .p3-text.-t91 {
      font-size: 2.2rem; } }

.p3-text.-stepNum01 img {
  width: 23.8px;
  max-width: 100%;
  width: 15.3px;
  height: auto; }
  @media all and (min-width: 480px) {
    .p3-text.-stepNum01 img {
      width: 25.5px; } }
  @media all and (min-width: 768px) {
    .p3-text.-stepNum01 img {
      width: 27.2px; } }
  @media all and (min-width: 1320px) {
    .p3-text.-stepNum01 img {
      width: 30.6px; } }
  @media all and (min-width: 1720px) {
    .p3-text.-stepNum01 img {
      width: 34px; } }
  @media all and (min-width: 375px) {
    .p3-text.-stepNum01 img {
      width: 17px; } }
  @media all and (min-width: 480px) {
    .p3-text.-stepNum01 img {
      width: 20.4px; } }
  @media all and (min-width: 768px) {
    .p3-text.-stepNum01 img {
      width: 23.8px; } }
  @media all and (min-width: 1200px) {
    .p3-text.-stepNum01 img {
      width: 27.2px; } }
  @media all and (min-width: 1320px) {
    .p3-text.-stepNum01 img {
      width: 30.6px; } }
  @media all and (min-width: 1720px) {
    .p3-text.-stepNum01 img {
      width: 34px; } }

.p3-text.-stepNum02 img {
  width: 30.1px;
  max-width: 100%;
  width: 19.35px;
  height: auto; }
  @media all and (min-width: 480px) {
    .p3-text.-stepNum02 img {
      width: 32.25px; } }
  @media all and (min-width: 768px) {
    .p3-text.-stepNum02 img {
      width: 34.4px; } }
  @media all and (min-width: 1320px) {
    .p3-text.-stepNum02 img {
      width: 38.7px; } }
  @media all and (min-width: 1720px) {
    .p3-text.-stepNum02 img {
      width: 43px; } }
  @media all and (min-width: 375px) {
    .p3-text.-stepNum02 img {
      width: 21.5px; } }
  @media all and (min-width: 480px) {
    .p3-text.-stepNum02 img {
      width: 25.8px; } }
  @media all and (min-width: 768px) {
    .p3-text.-stepNum02 img {
      width: 30.1px; } }
  @media all and (min-width: 1200px) {
    .p3-text.-stepNum02 img {
      width: 34.4px; } }
  @media all and (min-width: 1320px) {
    .p3-text.-stepNum02 img {
      width: 38.7px; } }
  @media all and (min-width: 1720px) {
    .p3-text.-stepNum02 img {
      width: 43px; } }

.p3-text.-stepNum03 img {
  width: 30.1px;
  max-width: 100%;
  width: 19.35px;
  height: auto; }
  @media all and (min-width: 480px) {
    .p3-text.-stepNum03 img {
      width: 32.25px; } }
  @media all and (min-width: 768px) {
    .p3-text.-stepNum03 img {
      width: 34.4px; } }
  @media all and (min-width: 1320px) {
    .p3-text.-stepNum03 img {
      width: 38.7px; } }
  @media all and (min-width: 1720px) {
    .p3-text.-stepNum03 img {
      width: 43px; } }
  @media all and (min-width: 375px) {
    .p3-text.-stepNum03 img {
      width: 21.5px; } }
  @media all and (min-width: 480px) {
    .p3-text.-stepNum03 img {
      width: 25.8px; } }
  @media all and (min-width: 768px) {
    .p3-text.-stepNum03 img {
      width: 30.1px; } }
  @media all and (min-width: 1200px) {
    .p3-text.-stepNum03 img {
      width: 34.4px; } }
  @media all and (min-width: 1320px) {
    .p3-text.-stepNum03 img {
      width: 38.7px; } }
  @media all and (min-width: 1720px) {
    .p3-text.-stepNum03 img {
      width: 43px; } }

.p3-text.-stepNum04 img {
  width: 30.1px;
  max-width: 100%;
  width: 19.35px;
  height: auto; }
  @media all and (min-width: 480px) {
    .p3-text.-stepNum04 img {
      width: 32.25px; } }
  @media all and (min-width: 768px) {
    .p3-text.-stepNum04 img {
      width: 34.4px; } }
  @media all and (min-width: 1320px) {
    .p3-text.-stepNum04 img {
      width: 38.7px; } }
  @media all and (min-width: 1720px) {
    .p3-text.-stepNum04 img {
      width: 43px; } }
  @media all and (min-width: 375px) {
    .p3-text.-stepNum04 img {
      width: 21.5px; } }
  @media all and (min-width: 480px) {
    .p3-text.-stepNum04 img {
      width: 25.8px; } }
  @media all and (min-width: 768px) {
    .p3-text.-stepNum04 img {
      width: 30.1px; } }
  @media all and (min-width: 1200px) {
    .p3-text.-stepNum04 img {
      width: 34.4px; } }
  @media all and (min-width: 1320px) {
    .p3-text.-stepNum04 img {
      width: 38.7px; } }
  @media all and (min-width: 1720px) {
    .p3-text.-stepNum04 img {
      width: 43px; } }

.p3-text.-stepNum05 img {
  width: 30.1px;
  max-width: 100%;
  width: 19.35px;
  height: auto; }
  @media all and (min-width: 480px) {
    .p3-text.-stepNum05 img {
      width: 32.25px; } }
  @media all and (min-width: 768px) {
    .p3-text.-stepNum05 img {
      width: 34.4px; } }
  @media all and (min-width: 1320px) {
    .p3-text.-stepNum05 img {
      width: 38.7px; } }
  @media all and (min-width: 1720px) {
    .p3-text.-stepNum05 img {
      width: 43px; } }
  @media all and (min-width: 375px) {
    .p3-text.-stepNum05 img {
      width: 21.5px; } }
  @media all and (min-width: 480px) {
    .p3-text.-stepNum05 img {
      width: 25.8px; } }
  @media all and (min-width: 768px) {
    .p3-text.-stepNum05 img {
      width: 30.1px; } }
  @media all and (min-width: 1200px) {
    .p3-text.-stepNum05 img {
      width: 34.4px; } }
  @media all and (min-width: 1320px) {
    .p3-text.-stepNum05 img {
      width: 38.7px; } }
  @media all and (min-width: 1720px) {
    .p3-text.-stepNum05 img {
      width: 43px; } }

.p3-text.-stepNum06 img {
  width: 30.1px;
  max-width: 100%;
  width: 19.35px;
  height: auto; }
  @media all and (min-width: 480px) {
    .p3-text.-stepNum06 img {
      width: 32.25px; } }
  @media all and (min-width: 768px) {
    .p3-text.-stepNum06 img {
      width: 34.4px; } }
  @media all and (min-width: 1320px) {
    .p3-text.-stepNum06 img {
      width: 38.7px; } }
  @media all and (min-width: 1720px) {
    .p3-text.-stepNum06 img {
      width: 43px; } }
  @media all and (min-width: 375px) {
    .p3-text.-stepNum06 img {
      width: 21.5px; } }
  @media all and (min-width: 480px) {
    .p3-text.-stepNum06 img {
      width: 25.8px; } }
  @media all and (min-width: 768px) {
    .p3-text.-stepNum06 img {
      width: 30.1px; } }
  @media all and (min-width: 1200px) {
    .p3-text.-stepNum06 img {
      width: 34.4px; } }
  @media all and (min-width: 1320px) {
    .p3-text.-stepNum06 img {
      width: 38.7px; } }
  @media all and (min-width: 1720px) {
    .p3-text.-stepNum06 img {
      width: 43px; } }

.p3-text.-stepNum07 img {
  width: 28px;
  max-width: 100%;
  width: 18px;
  height: auto; }
  @media all and (min-width: 480px) {
    .p3-text.-stepNum07 img {
      width: 30px; } }
  @media all and (min-width: 768px) {
    .p3-text.-stepNum07 img {
      width: 32px; } }
  @media all and (min-width: 1320px) {
    .p3-text.-stepNum07 img {
      width: 36px; } }
  @media all and (min-width: 1720px) {
    .p3-text.-stepNum07 img {
      width: 40px; } }
  @media all and (min-width: 375px) {
    .p3-text.-stepNum07 img {
      width: 20px; } }
  @media all and (min-width: 480px) {
    .p3-text.-stepNum07 img {
      width: 24px; } }
  @media all and (min-width: 768px) {
    .p3-text.-stepNum07 img {
      width: 28px; } }
  @media all and (min-width: 1200px) {
    .p3-text.-stepNum07 img {
      width: 32px; } }
  @media all and (min-width: 1320px) {
    .p3-text.-stepNum07 img {
      width: 36px; } }
  @media all and (min-width: 1720px) {
    .p3-text.-stepNum07 img {
      width: 40px; } }

.p3-text.-stairNum01 img, .p3-text.-sdgsNum01 img {
  width: 35px;
  max-width: 100%;
  width: 17.5px;
  height: auto; }
  @media all and (min-width: 480px) {
    .p3-text.-stairNum01 img, .p3-text.-sdgsNum01 img {
      width: 37.5px; } }
  @media all and (min-width: 768px) {
    .p3-text.-stairNum01 img, .p3-text.-sdgsNum01 img {
      width: 40px; } }
  @media all and (min-width: 1320px) {
    .p3-text.-stairNum01 img, .p3-text.-sdgsNum01 img {
      width: 45px; } }
  @media all and (min-width: 1720px) {
    .p3-text.-stairNum01 img, .p3-text.-sdgsNum01 img {
      width: 50px; } }
  @media all and (min-width: 375px) {
    .p3-text.-stairNum01 img, .p3-text.-sdgsNum01 img {
      width: 20px; } }
  @media all and (min-width: 480px) {
    .p3-text.-stairNum01 img, .p3-text.-sdgsNum01 img {
      width: 25px; } }
  @media all and (min-width: 600px) {
    .p3-text.-stairNum01 img, .p3-text.-sdgsNum01 img {
      width: 30px; } }
  @media all and (min-width: 768px) {
    .p3-text.-stairNum01 img, .p3-text.-sdgsNum01 img {
      width: 35px; } }
  @media all and (min-width: 1200px) {
    .p3-text.-stairNum01 img, .p3-text.-sdgsNum01 img {
      width: 40px; } }
  @media all and (min-width: 1320px) {
    .p3-text.-stairNum01 img, .p3-text.-sdgsNum01 img {
      width: 45px; } }
  @media all and (min-width: 1720px) {
    .p3-text.-stairNum01 img, .p3-text.-sdgsNum01 img {
      width: 50px; } }

.p3-text.-stairNum02 img, .p3-text.-sdgsNum02 img {
  width: 47.6px;
  max-width: 100%;
  width: 23.8px;
  height: auto; }
  @media all and (min-width: 480px) {
    .p3-text.-stairNum02 img, .p3-text.-sdgsNum02 img {
      width: 51px; } }
  @media all and (min-width: 768px) {
    .p3-text.-stairNum02 img, .p3-text.-sdgsNum02 img {
      width: 54.4px; } }
  @media all and (min-width: 1320px) {
    .p3-text.-stairNum02 img, .p3-text.-sdgsNum02 img {
      width: 61.2px; } }
  @media all and (min-width: 1720px) {
    .p3-text.-stairNum02 img, .p3-text.-sdgsNum02 img {
      width: 68px; } }
  @media all and (min-width: 375px) {
    .p3-text.-stairNum02 img, .p3-text.-sdgsNum02 img {
      width: 27.2px; } }
  @media all and (min-width: 480px) {
    .p3-text.-stairNum02 img, .p3-text.-sdgsNum02 img {
      width: 34px; } }
  @media all and (min-width: 600px) {
    .p3-text.-stairNum02 img, .p3-text.-sdgsNum02 img {
      width: 40.8px; } }
  @media all and (min-width: 768px) {
    .p3-text.-stairNum02 img, .p3-text.-sdgsNum02 img {
      width: 47.6px; } }
  @media all and (min-width: 1200px) {
    .p3-text.-stairNum02 img, .p3-text.-sdgsNum02 img {
      width: 54.4px; } }
  @media all and (min-width: 1320px) {
    .p3-text.-stairNum02 img, .p3-text.-sdgsNum02 img {
      width: 61.2px; } }
  @media all and (min-width: 1720px) {
    .p3-text.-stairNum02 img, .p3-text.-sdgsNum02 img {
      width: 68px; } }

.p3-text.-stairNum03 img, .p3-text.-sdgsNum03 img {
  width: 47.6px;
  max-width: 100%;
  width: 23.8px;
  height: auto; }
  @media all and (min-width: 480px) {
    .p3-text.-stairNum03 img, .p3-text.-sdgsNum03 img {
      width: 51px; } }
  @media all and (min-width: 768px) {
    .p3-text.-stairNum03 img, .p3-text.-sdgsNum03 img {
      width: 54.4px; } }
  @media all and (min-width: 1320px) {
    .p3-text.-stairNum03 img, .p3-text.-sdgsNum03 img {
      width: 61.2px; } }
  @media all and (min-width: 1720px) {
    .p3-text.-stairNum03 img, .p3-text.-sdgsNum03 img {
      width: 68px; } }
  @media all and (min-width: 375px) {
    .p3-text.-stairNum03 img, .p3-text.-sdgsNum03 img {
      width: 27.2px; } }
  @media all and (min-width: 480px) {
    .p3-text.-stairNum03 img, .p3-text.-sdgsNum03 img {
      width: 34px; } }
  @media all and (min-width: 600px) {
    .p3-text.-stairNum03 img, .p3-text.-sdgsNum03 img {
      width: 40.8px; } }
  @media all and (min-width: 768px) {
    .p3-text.-stairNum03 img, .p3-text.-sdgsNum03 img {
      width: 47.6px; } }
  @media all and (min-width: 1200px) {
    .p3-text.-stairNum03 img, .p3-text.-sdgsNum03 img {
      width: 54.4px; } }
  @media all and (min-width: 1320px) {
    .p3-text.-stairNum03 img, .p3-text.-sdgsNum03 img {
      width: 61.2px; } }
  @media all and (min-width: 1720px) {
    .p3-text.-stairNum03 img, .p3-text.-sdgsNum03 img {
      width: 68px; } }

.p3-text.-stairNum04 img, .p3-text.-sdgsNum04 img {
  width: 48.3px;
  max-width: 100%;
  width: 24.15px;
  height: auto; }
  @media all and (min-width: 480px) {
    .p3-text.-stairNum04 img, .p3-text.-sdgsNum04 img {
      width: 51.75px; } }
  @media all and (min-width: 768px) {
    .p3-text.-stairNum04 img, .p3-text.-sdgsNum04 img {
      width: 55.2px; } }
  @media all and (min-width: 1320px) {
    .p3-text.-stairNum04 img, .p3-text.-sdgsNum04 img {
      width: 62.1px; } }
  @media all and (min-width: 1720px) {
    .p3-text.-stairNum04 img, .p3-text.-sdgsNum04 img {
      width: 69px; } }
  @media all and (min-width: 375px) {
    .p3-text.-stairNum04 img, .p3-text.-sdgsNum04 img {
      width: 27.6px; } }
  @media all and (min-width: 480px) {
    .p3-text.-stairNum04 img, .p3-text.-sdgsNum04 img {
      width: 34.5px; } }
  @media all and (min-width: 600px) {
    .p3-text.-stairNum04 img, .p3-text.-sdgsNum04 img {
      width: 41.4px; } }
  @media all and (min-width: 768px) {
    .p3-text.-stairNum04 img, .p3-text.-sdgsNum04 img {
      width: 48.3px; } }
  @media all and (min-width: 1200px) {
    .p3-text.-stairNum04 img, .p3-text.-sdgsNum04 img {
      width: 55.2px; } }
  @media all and (min-width: 1320px) {
    .p3-text.-stairNum04 img, .p3-text.-sdgsNum04 img {
      width: 62.1px; } }
  @media all and (min-width: 1720px) {
    .p3-text.-stairNum04 img, .p3-text.-sdgsNum04 img {
      width: 69px; } }

.p3-text.-interviewNum01 img {
  width: 30px;
  height: auto; }
  @media all and (min-width: 600px) {
    .p3-text.-interviewNum01 img {
      width: 35px;
      max-width: 100%;
      width: 17.5px; } }
  @media all and (min-width: 600px) and (min-width: 480px) {
    .p3-text.-interviewNum01 img {
      width: 37.5px; } }
  @media all and (min-width: 600px) and (min-width: 768px) {
    .p3-text.-interviewNum01 img {
      width: 40px; } }
  @media all and (min-width: 600px) and (min-width: 1320px) {
    .p3-text.-interviewNum01 img {
      width: 45px; } }
  @media all and (min-width: 600px) and (min-width: 1720px) {
    .p3-text.-interviewNum01 img {
      width: 50px; } }
  @media all and (min-width: 600px) and (min-width: 375px) {
    .p3-text.-interviewNum01 img {
      width: 20px; } }
  @media all and (min-width: 600px) and (min-width: 480px) {
    .p3-text.-interviewNum01 img {
      width: 25px; } }
  @media all and (min-width: 600px) and (min-width: 600px) {
    .p3-text.-interviewNum01 img {
      width: 30px; } }
  @media all and (min-width: 600px) and (min-width: 768px) {
    .p3-text.-interviewNum01 img {
      width: 35px; } }
  @media all and (min-width: 600px) and (min-width: 1200px) {
    .p3-text.-interviewNum01 img {
      width: 40px; } }
  @media all and (min-width: 600px) and (min-width: 1320px) {
    .p3-text.-interviewNum01 img {
      width: 45px; } }
  @media all and (min-width: 600px) and (min-width: 1720px) {
    .p3-text.-interviewNum01 img {
      width: 50px; } }

.p3-text.-interviewNum02 img {
  width: 40.8px;
  height: auto; }
  @media all and (min-width: 600px) {
    .p3-text.-interviewNum02 img {
      width: 47.6px;
      max-width: 100%;
      width: 23.8px; } }
  @media all and (min-width: 600px) and (min-width: 480px) {
    .p3-text.-interviewNum02 img {
      width: 51px; } }
  @media all and (min-width: 600px) and (min-width: 768px) {
    .p3-text.-interviewNum02 img {
      width: 54.4px; } }
  @media all and (min-width: 600px) and (min-width: 1320px) {
    .p3-text.-interviewNum02 img {
      width: 61.2px; } }
  @media all and (min-width: 600px) and (min-width: 1720px) {
    .p3-text.-interviewNum02 img {
      width: 68px; } }
  @media all and (min-width: 600px) and (min-width: 375px) {
    .p3-text.-interviewNum02 img {
      width: 27.2px; } }
  @media all and (min-width: 600px) and (min-width: 480px) {
    .p3-text.-interviewNum02 img {
      width: 34px; } }
  @media all and (min-width: 600px) and (min-width: 600px) {
    .p3-text.-interviewNum02 img {
      width: 40.8px; } }
  @media all and (min-width: 600px) and (min-width: 768px) {
    .p3-text.-interviewNum02 img {
      width: 47.6px; } }
  @media all and (min-width: 600px) and (min-width: 1200px) {
    .p3-text.-interviewNum02 img {
      width: 54.4px; } }
  @media all and (min-width: 600px) and (min-width: 1320px) {
    .p3-text.-interviewNum02 img {
      width: 61.2px; } }
  @media all and (min-width: 600px) and (min-width: 1720px) {
    .p3-text.-interviewNum02 img {
      width: 68px; } }

.p3-text.-interviewNum03 img {
  width: 40.8px;
  height: auto; }
  @media all and (min-width: 600px) {
    .p3-text.-interviewNum03 img {
      width: 47.6px;
      max-width: 100%;
      width: 23.8px; } }
  @media all and (min-width: 600px) and (min-width: 480px) {
    .p3-text.-interviewNum03 img {
      width: 51px; } }
  @media all and (min-width: 600px) and (min-width: 768px) {
    .p3-text.-interviewNum03 img {
      width: 54.4px; } }
  @media all and (min-width: 600px) and (min-width: 1320px) {
    .p3-text.-interviewNum03 img {
      width: 61.2px; } }
  @media all and (min-width: 600px) and (min-width: 1720px) {
    .p3-text.-interviewNum03 img {
      width: 68px; } }
  @media all and (min-width: 600px) and (min-width: 375px) {
    .p3-text.-interviewNum03 img {
      width: 27.2px; } }
  @media all and (min-width: 600px) and (min-width: 480px) {
    .p3-text.-interviewNum03 img {
      width: 34px; } }
  @media all and (min-width: 600px) and (min-width: 600px) {
    .p3-text.-interviewNum03 img {
      width: 40.8px; } }
  @media all and (min-width: 600px) and (min-width: 768px) {
    .p3-text.-interviewNum03 img {
      width: 47.6px; } }
  @media all and (min-width: 600px) and (min-width: 1200px) {
    .p3-text.-interviewNum03 img {
      width: 54.4px; } }
  @media all and (min-width: 600px) and (min-width: 1320px) {
    .p3-text.-interviewNum03 img {
      width: 61.2px; } }
  @media all and (min-width: 600px) and (min-width: 1720px) {
    .p3-text.-interviewNum03 img {
      width: 68px; } }

.p3-text.-interviewNum04 img {
  width: 41.4px;
  height: auto; }
  @media all and (min-width: 600px) {
    .p3-text.-interviewNum04 img {
      width: 48.3px;
      max-width: 100%;
      width: 24.15px; } }
  @media all and (min-width: 600px) and (min-width: 480px) {
    .p3-text.-interviewNum04 img {
      width: 51.75px; } }
  @media all and (min-width: 600px) and (min-width: 768px) {
    .p3-text.-interviewNum04 img {
      width: 55.2px; } }
  @media all and (min-width: 600px) and (min-width: 1320px) {
    .p3-text.-interviewNum04 img {
      width: 62.1px; } }
  @media all and (min-width: 600px) and (min-width: 1720px) {
    .p3-text.-interviewNum04 img {
      width: 69px; } }
  @media all and (min-width: 600px) and (min-width: 375px) {
    .p3-text.-interviewNum04 img {
      width: 27.6px; } }
  @media all and (min-width: 600px) and (min-width: 480px) {
    .p3-text.-interviewNum04 img {
      width: 34.5px; } }
  @media all and (min-width: 600px) and (min-width: 600px) {
    .p3-text.-interviewNum04 img {
      width: 41.4px; } }
  @media all and (min-width: 600px) and (min-width: 768px) {
    .p3-text.-interviewNum04 img {
      width: 48.3px; } }
  @media all and (min-width: 600px) and (min-width: 1200px) {
    .p3-text.-interviewNum04 img {
      width: 55.2px; } }
  @media all and (min-width: 600px) and (min-width: 1320px) {
    .p3-text.-interviewNum04 img {
      width: 62.1px; } }
  @media all and (min-width: 600px) and (min-width: 1720px) {
    .p3-text.-interviewNum04 img {
      width: 69px; } }

.p3-text.-link01 {
  text-decoration: underline;
  box-sizing: border-box; }

.p3-text.-link02 {
  display: inline-block;
  position: relative;
  text-decoration: underline;
  box-sizing: border-box; }
  .p3-text.-link02::before {
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    margin-right: 4px;
    border-style: solid;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 5px solid transparent;
    border-right: 0;
    box-sizing: border-box;
    vertical-align: middle; }
    @media all and (min-width: 768px) {
      .p3-text.-link02::before {
        margin-right: 5px;
        border-top-width: 5px;
        border-bottom-width: 5px;
        border-left-width: 6px; } }
  .p3-text.-link02.-wh::before {
    border-left-color: white; }

.p3-text.-list01 {
  margin-left: 1em;
  list-style-type: decimal;
  box-sizing: border-box; }
  .p3-text.-list01 li {
    list-style-type: inherit; }

.p3-text.-list02 {
  margin-left: 1em;
  list-style-type: disc;
  box-sizing: border-box; }
  .p3-text.-list02 li {
    list-style-type: inherit; }

.p3-text.-list03 {
  list-style-type: none;
  box-sizing: border-box; }
  .p3-text.-list03 li {
    display: grid;
    grid-template-columns: auto 1fr; }
    .p3-text.-list03 li::before {
      display: block;
      position: relative; }
    .p3-text.-list03 li:nth-of-type(1)::before {
      content: "\02460"; }
    .p3-text.-list03 li:nth-of-type(2)::before {
      content: "\02461"; }
    .p3-text.-list03 li:nth-of-type(3)::before {
      content: "\02462"; }
    .p3-text.-list03 li:nth-of-type(4)::before {
      content: "\02463"; }
    .p3-text.-list03 li:nth-of-type(5)::before {
      content: "\02464"; }
    .p3-text.-list03 li:nth-of-type(6)::before {
      content: "\02465"; }
    .p3-text.-list03 li:nth-of-type(7)::before {
      content: "\02466"; }
    .p3-text.-list03 li:nth-of-type(8)::before {
      content: "\02467"; }
    .p3-text.-list03 li:nth-of-type(9)::before {
      content: "\02468"; }
    .p3-text.-list03 li:nth-of-type(10)::before {
      content: "\02469"; }

.p3-text.-list04 {
  list-style-type: none;
  box-sizing: border-box; }
  .p3-text.-list04 li {
    display: grid;
    grid-template-columns: auto 1fr; }
    .p3-text.-list04 li::before {
      display: block;
      position: relative;
      content: "\02192"; }

.p3-text.-list05 {
  list-style-type: none;
  box-sizing: border-box; }
  .p3-text.-list05 li {
    display: grid;
    grid-template-columns: auto 1fr; }
    .p3-text.-list05 li::before {
      display: block;
      position: relative;
      content: "\0203b"; }

.p3-text.-list06 {
  margin-left: 1em;
  list-style-type: square;
  box-sizing: border-box; }
  .p3-text.-list06 li {
    list-style-type: inherit; }

.p3-text.-list07 {
  list-style-type: none;
  box-sizing: border-box; }
  .p3-text.-list07 li {
    display: grid;
    grid-template-columns: auto 1fr; }
    .p3-text.-list07 li::before {
      display: block;
      position: relative;
      content: "\02605"; }

.p3-text.-list08 {
  list-style-type: none;
  box-sizing: border-box; }
  .p3-text.-list08 li {
    display: grid;
    grid-template-columns: auto 1fr; }
    .p3-text.-list08 li::before {
      display: block;
      position: relative;
      content: "\025c6"; }

.p3-text.-list09 {
  list-style-type: none;
  box-sizing: border-box; }
  .p3-text.-list09 li {
    display: grid;
    grid-template-columns: auto 1fr; }
    .p3-text.-list09 li::before {
      display: block;
      position: relative;
      content: "\025ce"; }

.p3-text.-list10 {
  list-style-type: none;
  box-sizing: border-box; }
  .p3-text.-list10 li {
    display: grid;
    grid-template-columns: auto 1fr; }
    .p3-text.-list10 li::before {
      display: block;
      position: relative;
      content: "\025c7"; }

.p3-text.-list11 {
  list-style-type: none;
  box-sizing: border-box; }
  .p3-text.-list11 li {
    display: grid;
    grid-template-columns: auto 1fr; }
    .p3-text.-list11 li::before {
      display: block;
      position: relative;
      content: "\025a1"; }

.p3-img.-i01 img {
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 1.30208vw;
  border-radius: 1.30208vw; }
  @media all and (min-width: 768px) {
    .p3-img.-i01 img {
      border-radius: 10px; } }
  @media all and (min-width: 768px) {
    .p3-img.-i01 img {
      border-radius: 10px; } }

.p3-img.-i02 img {
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 1.30208vw;
  border-radius: 1.30208vw;
  border-top-right-radius: 0px !important; }
  @media all and (min-width: 768px) {
    .p3-img.-i02 img {
      border-radius: 10px; } }
  @media all and (min-width: 768px) {
    .p3-img.-i02 img {
      border-radius: 10px; } }

.p3-img.-i03 img {
  border-radius: 50%; }

.p3-img.-logoDts {
  width: 135.8px;
  width: 77.6px; }
  @media all and (min-width: 480px) {
    .p3-img.-logoDts {
      width: 145.5px; } }
  @media all and (min-width: 768px) {
    .p3-img.-logoDts {
      width: 155.2px; } }
  @media all and (min-width: 1320px) {
    .p3-img.-logoDts {
      width: 174.6px; } }
  @media all and (min-width: 1720px) {
    .p3-img.-logoDts {
      width: 194px; } }
  @media all and (min-width: 375px) {
    .p3-img.-logoDts {
      width: 97px; } }
  @media all and (min-width: 480px) {
    .p3-img.-logoDts {
      width: 116.4px; } }
  @media all and (min-width: 768px) {
    .p3-img.-logoDts {
      width: 135.8px; } }
  @media all and (min-width: 1200px) {
    .p3-img.-logoDts {
      width: 155.2px; } }
  @media all and (min-width: 1320px) {
    .p3-img.-logoDts {
      width: 174.6px; } }
  @media all and (min-width: 1720px) {
    .p3-img.-logoDts {
      width: 194px; } }

.p3-img.-logoFocusSystems {
  width: 194.6px;
  width: 111.2px; }
  @media all and (min-width: 480px) {
    .p3-img.-logoFocusSystems {
      width: 208.5px; } }
  @media all and (min-width: 768px) {
    .p3-img.-logoFocusSystems {
      width: 222.4px; } }
  @media all and (min-width: 1320px) {
    .p3-img.-logoFocusSystems {
      width: 250.2px; } }
  @media all and (min-width: 1720px) {
    .p3-img.-logoFocusSystems {
      width: 278px; } }
  @media all and (min-width: 375px) {
    .p3-img.-logoFocusSystems {
      width: 139px; } }
  @media all and (min-width: 480px) {
    .p3-img.-logoFocusSystems {
      width: 166.8px; } }
  @media all and (min-width: 768px) {
    .p3-img.-logoFocusSystems {
      width: 194.6px; } }
  @media all and (min-width: 1200px) {
    .p3-img.-logoFocusSystems {
      width: 222.4px; } }
  @media all and (min-width: 1320px) {
    .p3-img.-logoFocusSystems {
      width: 250.2px; } }
  @media all and (min-width: 1720px) {
    .p3-img.-logoFocusSystems {
      width: 278px; } }

.p3-img.-logoEbay {
  width: 140px;
  width: 80px; }
  @media all and (min-width: 480px) {
    .p3-img.-logoEbay {
      width: 150px; } }
  @media all and (min-width: 768px) {
    .p3-img.-logoEbay {
      width: 160px; } }
  @media all and (min-width: 1320px) {
    .p3-img.-logoEbay {
      width: 180px; } }
  @media all and (min-width: 1720px) {
    .p3-img.-logoEbay {
      width: 200px; } }
  @media all and (min-width: 375px) {
    .p3-img.-logoEbay {
      width: 100px; } }
  @media all and (min-width: 480px) {
    .p3-img.-logoEbay {
      width: 120px; } }
  @media all and (min-width: 768px) {
    .p3-img.-logoEbay {
      width: 140px; } }
  @media all and (min-width: 1200px) {
    .p3-img.-logoEbay {
      width: 160px; } }
  @media all and (min-width: 1320px) {
    .p3-img.-logoEbay {
      width: 180px; } }
  @media all and (min-width: 1720px) {
    .p3-img.-logoEbay {
      width: 200px; } }

.p3-img.-logoFujisoft {
  width: 151.9px;
  width: 86.8px; }
  @media all and (min-width: 480px) {
    .p3-img.-logoFujisoft {
      width: 162.75px; } }
  @media all and (min-width: 768px) {
    .p3-img.-logoFujisoft {
      width: 173.6px; } }
  @media all and (min-width: 1320px) {
    .p3-img.-logoFujisoft {
      width: 195.3px; } }
  @media all and (min-width: 1720px) {
    .p3-img.-logoFujisoft {
      width: 217px; } }
  @media all and (min-width: 375px) {
    .p3-img.-logoFujisoft {
      width: 108.5px; } }
  @media all and (min-width: 480px) {
    .p3-img.-logoFujisoft {
      width: 130.2px; } }
  @media all and (min-width: 768px) {
    .p3-img.-logoFujisoft {
      width: 151.9px; } }
  @media all and (min-width: 1200px) {
    .p3-img.-logoFujisoft {
      width: 173.6px; } }
  @media all and (min-width: 1320px) {
    .p3-img.-logoFujisoft {
      width: 195.3px; } }
  @media all and (min-width: 1720px) {
    .p3-img.-logoFujisoft {
      width: 217px; } }

.p3-img.-logoNttdata {
  width: 189.7px;
  width: 108.4px; }
  @media all and (min-width: 480px) {
    .p3-img.-logoNttdata {
      width: 203.25px; } }
  @media all and (min-width: 768px) {
    .p3-img.-logoNttdata {
      width: 216.8px; } }
  @media all and (min-width: 1320px) {
    .p3-img.-logoNttdata {
      width: 243.9px; } }
  @media all and (min-width: 1720px) {
    .p3-img.-logoNttdata {
      width: 271px; } }
  @media all and (min-width: 375px) {
    .p3-img.-logoNttdata {
      width: 135.5px; } }
  @media all and (min-width: 480px) {
    .p3-img.-logoNttdata {
      width: 162.6px; } }
  @media all and (min-width: 768px) {
    .p3-img.-logoNttdata {
      width: 189.7px; } }
  @media all and (min-width: 1200px) {
    .p3-img.-logoNttdata {
      width: 216.8px; } }
  @media all and (min-width: 1320px) {
    .p3-img.-logoNttdata {
      width: 243.9px; } }
  @media all and (min-width: 1720px) {
    .p3-img.-logoNttdata {
      width: 271px; } }

.p3-img.-logoMarble {
  width: 133px;
  width: 76px; }
  @media all and (min-width: 480px) {
    .p3-img.-logoMarble {
      width: 142.5px; } }
  @media all and (min-width: 768px) {
    .p3-img.-logoMarble {
      width: 152px; } }
  @media all and (min-width: 1320px) {
    .p3-img.-logoMarble {
      width: 171px; } }
  @media all and (min-width: 1720px) {
    .p3-img.-logoMarble {
      width: 190px; } }
  @media all and (min-width: 375px) {
    .p3-img.-logoMarble {
      width: 95px; } }
  @media all and (min-width: 480px) {
    .p3-img.-logoMarble {
      width: 114px; } }
  @media all and (min-width: 768px) {
    .p3-img.-logoMarble {
      width: 133px; } }
  @media all and (min-width: 1200px) {
    .p3-img.-logoMarble {
      width: 152px; } }
  @media all and (min-width: 1320px) {
    .p3-img.-logoMarble {
      width: 171px; } }
  @media all and (min-width: 1720px) {
    .p3-img.-logoMarble {
      width: 190px; } }

.p3-img.-privacymark {
  width: 44.8px; }
  @media all and (min-width: 480px) {
    .p3-img.-privacymark {
      width: 48px; } }
  @media all and (min-width: 768px) {
    .p3-img.-privacymark {
      width: 51.2px; } }
  @media all and (min-width: 1320px) {
    .p3-img.-privacymark {
      width: 57.6px; } }
  @media all and (min-width: 1720px) {
    .p3-img.-privacymark {
      width: 64px; } }

.p3-img.-ken {
  width: 42px; }
  @media all and (min-width: 480px) {
    .p3-img.-ken {
      width: 45px; } }
  @media all and (min-width: 768px) {
    .p3-img.-ken {
      width: 48px; } }
  @media all and (min-width: 1320px) {
    .p3-img.-ken {
      width: 54px; } }
  @media all and (min-width: 1720px) {
    .p3-img.-ken {
      width: 60px; } }

.p3-img.-intramart {
  width: 82.6px; }
  @media all and (min-width: 480px) {
    .p3-img.-intramart {
      width: 88.5px; } }
  @media all and (min-width: 768px) {
    .p3-img.-intramart {
      width: 94.4px; } }
  @media all and (min-width: 1320px) {
    .p3-img.-intramart {
      width: 106.2px; } }
  @media all and (min-width: 1720px) {
    .p3-img.-intramart {
      width: 118px; } }

.p3-img.-partner {
  width: 39.2px; }
  @media all and (min-width: 480px) {
    .p3-img.-partner {
      width: 42px; } }
  @media all and (min-width: 768px) {
    .p3-img.-partner {
      width: 44.8px; } }
  @media all and (min-width: 1320px) {
    .p3-img.-partner {
      width: 50.4px; } }
  @media all and (min-width: 1720px) {
    .p3-img.-partner {
      width: 56px; } }

.p3-img.-salesforce {
  width: 53.2px; }
  @media all and (min-width: 480px) {
    .p3-img.-salesforce {
      width: 57px; } }
  @media all and (min-width: 768px) {
    .p3-img.-salesforce {
      width: 60.8px; } }
  @media all and (min-width: 1320px) {
    .p3-img.-salesforce {
      width: 68.4px; } }
  @media all and (min-width: 1720px) {
    .p3-img.-salesforce {
      width: 76px; } }

.p3-img.-alibabacloud {
  width: 100.1px; }
  @media all and (min-width: 480px) {
    .p3-img.-alibabacloud {
      width: 107.25px; } }
  @media all and (min-width: 768px) {
    .p3-img.-alibabacloud {
      width: 114.4px; } }
  @media all and (min-width: 1320px) {
    .p3-img.-alibabacloud {
      width: 128.7px; } }
  @media all and (min-width: 1720px) {
    .p3-img.-alibabacloud {
      width: 143px; } }

.p3-img.-tokyocci {
  width: 140px; }
  @media all and (min-width: 480px) {
    .p3-img.-tokyocci {
      width: 150px; } }
  @media all and (min-width: 768px) {
    .p3-img.-tokyocci {
      width: 160px; } }
  @media all and (min-width: 1320px) {
    .p3-img.-tokyocci {
      width: 180px; } }
  @media all and (min-width: 1720px) {
    .p3-img.-tokyocci {
      width: 200px; } }
  .p3-img.-tokyocci img {
    vertical-align: middle; }

.p3-img.-frontChoose01 {
  width: 400px;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 1.30208vw;
  border-radius: 1.30208vw; }
  @media all and (min-width: 768px) {
    .p3-img.-frontChoose01 {
      border-radius: 10px; } }
  @media all and (min-width: 768px) {
    .p3-img.-frontChoose01 {
      border-radius: 10px; } }
  @media all and (min-width: 375px) {
    .p3-img.-frontChoose01 {
      width: 240px; } }
  @media all and (min-width: 480px) {
    .p3-img.-frontChoose01 {
      width: 280px; } }
  @media all and (min-width: 768px) {
    .p3-img.-frontChoose01 {
      right: 2.5vw;
      width: 320px; } }
  @media all and (min-width: 1200px) {
    .p3-img.-frontChoose01 {
      right: 6.25vw;
      width: 360px; } }
  @media all and (min-width: 1720px) {
    .p3-img.-frontChoose01 {
      width: 400px; } }
  @media all and (min-width: 1920px) {
    .p3-img.-frontChoose01 {
      right: 120px; } }
  .p3-img.-frontChoose01.-sp {
    display: block;
    position: relative;
    width: 67.2%;
    margin-right: 0;
    margin-left: auto; }
    @media all and (min-width: 768px) {
      .p3-img.-frontChoose01.-sp {
        display: none; } }
  .p3-img.-frontChoose01.-pc {
    display: none;
    position: absolute;
    top: 0;
    right: 0; }
    @media all and (min-width: 768px) {
      .p3-img.-frontChoose01.-pc {
        display: block; } }
  .p3-img.-frontChoose01 img {
    width: 100%;
    height: auto; }

.p3-img.-frontSpacer01 {
  width: 100%;
  height: 270px; }
  @media all and (min-width: 375px) {
    .p3-img.-frontSpacer01 {
      height: 324px; } }
  @media all and (min-width: 480px) {
    .p3-img.-frontSpacer01 {
      height: 378px; } }
  @media all and (min-width: 768px) {
    .p3-img.-frontSpacer01 {
      height: 432px; } }
  @media all and (min-width: 1200px) {
    .p3-img.-frontSpacer01 {
      height: 486px; } }
  @media all and (min-width: 1720px) {
    .p3-img.-frontSpacer01 {
      height: 540px; } }
  .p3-img.-frontSpacer01 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center; }

.p3-img.-aboutRoles {
  width: 100%;
  max-width: 608px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0; }
  @media all and (min-width: 768px) {
    .p3-img.-aboutRoles {
      margin-top: -48px; } }
  @media all and (min-width: 1200px) {
    .p3-img.-aboutRoles {
      margin-top: -54px; } }
  @media all and (min-width: 1720px) {
    .p3-img.-aboutRoles {
      margin-top: -60px; } }
  .p3-img.-aboutRoles img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center center;
       object-position: center center; }

.p3-img.-aboutSign {
  width: 98.7px;
  width: 47.94px; }
  @media all and (min-width: 480px) {
    .p3-img.-aboutSign {
      width: 105.75px; } }
  @media all and (min-width: 768px) {
    .p3-img.-aboutSign {
      width: 112.8px; } }
  @media all and (min-width: 1320px) {
    .p3-img.-aboutSign {
      width: 126.9px; } }
  @media all and (min-width: 1720px) {
    .p3-img.-aboutSign {
      width: 141px; } }
  @media all and (min-width: 375px) {
    .p3-img.-aboutSign {
      width: 56.4px; } }
  @media all and (min-width: 480px) {
    .p3-img.-aboutSign {
      width: 70.5px; } }
  @media all and (min-width: 768px) {
    .p3-img.-aboutSign {
      width: 84.6px; } }
  @media all and (min-width: 1080px) {
    .p3-img.-aboutSign {
      width: 98.7px; } }
  @media all and (min-width: 1200px) {
    .p3-img.-aboutSign {
      width: 112.8px; } }
  @media all and (min-width: 1320px) {
    .p3-img.-aboutSign {
      width: 126.9px; } }
  @media all and (min-width: 1720px) {
    .p3-img.-aboutSign {
      width: 141px; } }

.p3-img.-interview01Box01 {
  width: 300px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box; }
  @media all and (min-width: 480px) {
    .p3-img.-interview01Box01 {
      width: 350px; } }
  @media all and (min-width: 768px) {
    .p3-img.-interview01Box01 {
      transform: translateY(64.3%);
      width: 89.2%;
      margin-left: 0; } }

.p3-img.-interview01Box02 {
  width: 208px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box; }
  @media all and (min-width: 480px) {
    .p3-img.-interview01Box02 {
      width: 242px; } }
  @media all and (min-width: 768px) {
    .p3-img.-interview01Box02 {
      width: 93.6%;
      margin-left: 0;
      padding-left: 1.5625vw; } }
  @media all and (min-width: 1080px) {
    .p3-img.-interview01Box02 {
      width: 86.4%; } }
  @media all and (min-width: 1320px) {
    .p3-img.-interview01Box02 {
      width: 79.2%; } }
  @media all and (min-width: 1520px) {
    .p3-img.-interview01Box02 {
      width: 72%; } }
  @media all and (min-width: 1920px) {
    .p3-img.-interview01Box02 {
      transform: translateY(11.6%);
      padding-left: 30px; } }

.p3-img.-interview01Box03 {
  width: 218px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box; }
  @media all and (min-width: 480px) {
    .p3-img.-interview01Box03 {
      width: 254px; } }
  @media all and (min-width: 768px) {
    .p3-img.-interview01Box03 {
      transform: translateY(37.4%);
      width: 90.7%; } }
  .p3-img.-interview01Box03 img {
    position: relative; }
    @media all and (min-width: 768px) {
      .p3-img.-interview01Box03 img {
        transform: translate(2.7%, 0); } }

.p3-img.-interview01Box04 {
  width: 211px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box; }
  @media all and (min-width: 480px) {
    .p3-img.-interview01Box04 {
      width: 246px; } }
  @media all and (min-width: 768px) {
    .p3-img.-interview01Box04 {
      width: 81.8%;
      margin-right: 0; } }

.p3-img.-interview01Good {
  display: block;
  position: absolute;
  bottom: 100px;
  left: 50%;
  transform: translate(-50%, 100%);
  width: 126.7px;
  width: 61.54px; }
  @media all and (min-width: 480px) {
    .p3-img.-interview01Good {
      width: 135.75px; } }
  @media all and (min-width: 768px) {
    .p3-img.-interview01Good {
      width: 144.8px; } }
  @media all and (min-width: 1320px) {
    .p3-img.-interview01Good {
      width: 162.9px; } }
  @media all and (min-width: 1720px) {
    .p3-img.-interview01Good {
      width: 181px; } }
  @media all and (min-width: 375px) {
    .p3-img.-interview01Good {
      width: 72.4px; } }
  @media all and (min-width: 480px) {
    .p3-img.-interview01Good {
      width: 90.5px; } }
  @media all and (min-width: 768px) {
    .p3-img.-interview01Good {
      width: 108.6px; } }
  @media all and (min-width: 1080px) {
    .p3-img.-interview01Good {
      width: 126.7px; } }
  @media all and (min-width: 1200px) {
    .p3-img.-interview01Good {
      width: 144.8px; } }
  @media all and (min-width: 1320px) {
    .p3-img.-interview01Good {
      width: 162.9px; } }
  @media all and (min-width: 1720px) {
    .p3-img.-interview01Good {
      width: 181px; } }
  @media all and (min-width: 480px) {
    .p3-img.-interview01Good {
      left: auto;
      bottom: -30px;
      right: 20px;
      transform: translate(0, 0); } }
  @media all and (min-width: 768px) {
    .p3-img.-interview01Good {
      bottom: -30px;
      right: 25px; } }
  @media all and (min-width: 1080px) {
    .p3-img.-interview01Good {
      bottom: auto;
      top: 30px; } }

.p3-img.-interview02Box01 {
  width: 251px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box; }
  @media all and (min-width: 480px) {
    .p3-img.-interview02Box01 {
      width: 293px; } }
  @media all and (min-width: 768px) {
    .p3-img.-interview02Box01 {
      transform: translate(-2.3%, 57.6%);
      width: 74.8%; } }

.p3-img.-interview02Box02 {
  width: 284px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box; }
  @media all and (min-width: 480px) {
    .p3-img.-interview02Box02 {
      width: 331px; } }
  @media all and (min-width: 768px) {
    .p3-img.-interview02Box02 {
      width: 98.5%;
      margin-left: 0;
      padding-left: 1.666666666666667vw; } }
  @media all and (min-width: 1200px) {
    .p3-img.-interview02Box02 {
      padding-left: 20px; } }
  @media all and (min-width: 1920px) {
    .p3-img.-interview02Box02 {
      transform: translateY(-6.9%); } }

.p3-img.-interview02Box03 {
  position: relative;
  width: 142px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box; }
  @media all and (min-width: 480px) {
    .p3-img.-interview02Box03 {
      width: 166px; } }
  @media all and (min-width: 768px) {
    .p3-img.-interview02Box03 {
      width: 66.12%;
      margin-left: 0; } }
  @media all and (min-width: 1080px) {
    .p3-img.-interview02Box03 {
      width: 60.61%; } }
  @media all and (min-width: 1520px) {
    .p3-img.-interview02Box03 {
      width: 55.1%; } }
  .p3-img.-interview02Box03 img {
    position: relative; }
    @media all and (min-width: 768px) {
      .p3-img.-interview02Box03 img {
        position: absolute;
        top: 0;
        left: 0;
        transform: translate(-4.2%, -8.5%); } }

.p3-img.-interview02Box04 {
  width: 215px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box; }
  @media all and (min-width: 480px) {
    .p3-img.-interview02Box04 {
      width: 251px; } }
  @media all and (min-width: 768px) {
    .p3-img.-interview02Box04 {
      width: 83.2%;
      margin-right: 0; } }

.p3-img.-interview02Good {
  display: block;
  position: absolute;
  bottom: 110px;
  left: 50%;
  transform: translate(-50%, 100%);
  width: 170.1px;
  width: 82.62px; }
  @media all and (min-width: 480px) {
    .p3-img.-interview02Good {
      width: 182.25px; } }
  @media all and (min-width: 768px) {
    .p3-img.-interview02Good {
      width: 194.4px; } }
  @media all and (min-width: 1320px) {
    .p3-img.-interview02Good {
      width: 218.7px; } }
  @media all and (min-width: 1720px) {
    .p3-img.-interview02Good {
      width: 243px; } }
  @media all and (min-width: 375px) {
    .p3-img.-interview02Good {
      width: 97.2px; } }
  @media all and (min-width: 480px) {
    .p3-img.-interview02Good {
      width: 121.5px; } }
  @media all and (min-width: 768px) {
    .p3-img.-interview02Good {
      width: 145.8px; } }
  @media all and (min-width: 1080px) {
    .p3-img.-interview02Good {
      width: 170.1px; } }
  @media all and (min-width: 1200px) {
    .p3-img.-interview02Good {
      width: 194.4px; } }
  @media all and (min-width: 1320px) {
    .p3-img.-interview02Good {
      width: 218.7px; } }
  @media all and (min-width: 1720px) {
    .p3-img.-interview02Good {
      width: 243px; } }
  @media all and (min-width: 480px) {
    .p3-img.-interview02Good {
      left: auto;
      bottom: -30px;
      right: -18px;
      transform: translate(0, 0); } }
  @media all and (min-width: 768px) {
    .p3-img.-interview02Good {
      bottom: -30px;
      right: -20px; } }
  @media all and (min-width: 1080px) {
    .p3-img.-interview02Good {
      bottom: auto;
      top: 25px;
      right: -25px; } }

.p3-img.-interview03Box01 {
  transform: translate(10%, 0);
  width: 127px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box; }
  @media all and (min-width: 480px) {
    .p3-img.-interview03Box01 {
      width: 148px; } }
  @media all and (min-width: 768px) {
    .p3-img.-interview03Box01 {
      transform: translate(47.2%, 52.6%);
      width: 49.14%;
      margin-left: 0; } }
  @media all and (min-width: 1080px) {
    .p3-img.-interview03Box01 {
      width: 45.36%; } }
  @media all and (min-width: 1520px) {
    .p3-img.-interview03Box01 {
      width: 37.8%; } }

.p3-img.-interview03Box02 {
  width: 150px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box; }
  @media all and (min-width: 480px) {
    .p3-img.-interview03Box02 {
      width: 175px; } }
  @media all and (min-width: 768px) {
    .p3-img.-interview03Box02 {
      transform: translate(24%, -10.2%);
      width: 67.6%;
      margin-left: 0; } }
  @media all and (min-width: 1080px) {
    .p3-img.-interview03Box02 {
      width: 62.4%; } }
  @media all and (min-width: 1520px) {
    .p3-img.-interview03Box02 {
      width: 52%; } }
  @media all and (min-width: 1920px) {
    .p3-img.-interview03Box02 {
      transform: translate(24%, -10.2%); } }

.p3-img.-interview03Box03 {
  position: relative;
  width: 170px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box; }
  @media all and (min-width: 480px) {
    .p3-img.-interview03Box03 {
      width: 198px; } }
  @media all and (min-width: 768px) {
    .p3-img.-interview03Box03 {
      transform: translate(7%, 15.5%);
      width: 85.54%;
      margin-left: 0; } }
  @media all and (min-width: 1080px) {
    .p3-img.-interview03Box03 {
      width: 78.96%; } }
  @media all and (min-width: 1520px) {
    .p3-img.-interview03Box03 {
      width: 65.8%; } }

.p3-img.-interview03Box04 {
  width: 156px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box; }
  @media all and (min-width: 480px) {
    .p3-img.-interview03Box04 {
      width: 182px; } }
  @media all and (min-width: 768px) {
    .p3-img.-interview03Box04 {
      transform: translate(-1%, -6.6%);
      width: 78.78%;
      margin-left: 0; } }
  @media all and (min-width: 1080px) {
    .p3-img.-interview03Box04 {
      transform: translate(-1%, -6.6%);
      width: 72.72%; } }
  @media all and (min-width: 1520px) {
    .p3-img.-interview03Box04 {
      width: 60.6%; } }
  @media all and (min-width: 1720px) {
    .p3-img.-interview03Box04 {
      margin-left: auto;
      margin-right: 0;
      transform: translate(-7vw, -6.6%); } }
  @media all and (min-width: 1760px) {
    .p3-img.-interview03Box04 {
      transform: translate(-6vw, -6.6%); } }
  @media all and (min-width: 1800px) {
    .p3-img.-interview03Box04 {
      transform: translate(-5vw, -6.6%); } }
  @media all and (min-width: 1840px) {
    .p3-img.-interview03Box04 {
      transform: translate(-4vw, -6.6%); } }
  @media all and (min-width: 1880px) {
    .p3-img.-interview03Box04 {
      transform: translate(-3vw, -6.6%); } }
  @media all and (min-width: 1920px) {
    .p3-img.-interview03Box04 {
      margin-right: auto;
      margin-left: 0;
      transform: translate(110px, -6.6%); } }

.p3-img.-interview03Good {
  display: block;
  position: absolute;
  bottom: 110px;
  left: 50%;
  transform: translate(-50%, 100%);
  width: 131.6px;
  width: 63.92px; }
  @media all and (min-width: 480px) {
    .p3-img.-interview03Good {
      width: 141px; } }
  @media all and (min-width: 768px) {
    .p3-img.-interview03Good {
      width: 150.4px; } }
  @media all and (min-width: 1320px) {
    .p3-img.-interview03Good {
      width: 169.2px; } }
  @media all and (min-width: 1720px) {
    .p3-img.-interview03Good {
      width: 188px; } }
  @media all and (min-width: 375px) {
    .p3-img.-interview03Good {
      width: 75.2px; } }
  @media all and (min-width: 480px) {
    .p3-img.-interview03Good {
      width: 94px; } }
  @media all and (min-width: 768px) {
    .p3-img.-interview03Good {
      width: 112.8px; } }
  @media all and (min-width: 1080px) {
    .p3-img.-interview03Good {
      width: 131.6px; } }
  @media all and (min-width: 1200px) {
    .p3-img.-interview03Good {
      width: 150.4px; } }
  @media all and (min-width: 1320px) {
    .p3-img.-interview03Good {
      width: 169.2px; } }
  @media all and (min-width: 1720px) {
    .p3-img.-interview03Good {
      width: 188px; } }
  @media all and (min-width: 480px) {
    .p3-img.-interview03Good {
      left: auto;
      bottom: -30px;
      right: 14px;
      transform: translate(0, 0); } }
  @media all and (min-width: 768px) {
    .p3-img.-interview03Good {
      bottom: -30px;
      right: 16px; } }
  @media all and (min-width: 1080px) {
    .p3-img.-interview03Good {
      bottom: auto;
      top: 35px;
      right: 20px; } }

.p3-img.-interview04Box01 {
  width: 201px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box; }
  @media all and (min-width: 480px) {
    .p3-img.-interview04Box01 {
      width: 235px; } }
  @media all and (min-width: 768px) {
    .p3-img.-interview04Box01 {
      transform: translate(8.9%, 44.5%);
      width: 66%;
      margin-left: 0; } }
  @media all and (min-width: 1080px) {
    .p3-img.-interview04Box01 {
      width: 63%; } }
  @media all and (min-width: 1520px) {
    .p3-img.-interview04Box01 {
      width: 60%; } }

.p3-img.-interview04Box02 {
  transform: translate(-5%, 0);
  width: 241px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box; }
  @media all and (min-width: 480px) {
    .p3-img.-interview04Box02 {
      width: 282px; } }
  @media all and (min-width: 768px) {
    .p3-img.-interview04Box02 {
      transform: translate(4.9%, 0);
      width: 83.9%;
      margin-left: 0; } }
  @media all and (min-width: 1920px) {
    .p3-img.-interview04Box02 {
      transform: translate(4.9%, 0); } }

.p3-img.-interview04Box03 {
  position: relative;
  transform: translate(-10%, 0);
  width: 165px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box; }
  @media all and (min-width: 480px) {
    .p3-img.-interview04Box03 {
      width: 192px; } }
  @media all and (min-width: 768px) {
    .p3-img.-interview04Box03 {
      transform: translate(7.2%, -8.5%);
      width: 76.68%;
      margin-left: 0; } }
  @media all and (min-width: 1080px) {
    .p3-img.-interview04Box03 {
      width: 70.29%; } }
  @media all and (min-width: 1520px) {
    .p3-img.-interview04Box03 {
      width: 63.9%; } }

.p3-img.-interview04Box04 {
  width: 247px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box; }
  @media all and (min-width: 480px) {
    .p3-img.-interview04Box04 {
      width: 288px; } }
  @media all and (min-width: 768px) {
    .p3-img.-interview04Box04 {
      transform: translate(0, 0);
      width: 95.8%;
      margin-right: 0; } }
  @media all and (min-width: 1860px) {
    .p3-img.-interview04Box04 {
      transform: translate(9.7%, 12.9%); } }
  @media all and (min-width: 1920px) {
    .p3-img.-interview04Box04 {
      transform: translate(9.7%, 12.9%); } }

.p3-img.-interview04Good {
  display: block;
  position: absolute;
  bottom: 110px;
  left: 50%;
  transform: translate(-50%, 100%);
  width: 119.7px;
  width: 58.14px; }
  @media all and (min-width: 480px) {
    .p3-img.-interview04Good {
      width: 128.25px; } }
  @media all and (min-width: 768px) {
    .p3-img.-interview04Good {
      width: 136.8px; } }
  @media all and (min-width: 1320px) {
    .p3-img.-interview04Good {
      width: 153.9px; } }
  @media all and (min-width: 1720px) {
    .p3-img.-interview04Good {
      width: 171px; } }
  @media all and (min-width: 375px) {
    .p3-img.-interview04Good {
      width: 68.4px; } }
  @media all and (min-width: 480px) {
    .p3-img.-interview04Good {
      width: 85.5px; } }
  @media all and (min-width: 768px) {
    .p3-img.-interview04Good {
      width: 102.6px; } }
  @media all and (min-width: 1080px) {
    .p3-img.-interview04Good {
      width: 119.7px; } }
  @media all and (min-width: 1200px) {
    .p3-img.-interview04Good {
      width: 136.8px; } }
  @media all and (min-width: 1320px) {
    .p3-img.-interview04Good {
      width: 153.9px; } }
  @media all and (min-width: 1720px) {
    .p3-img.-interview04Good {
      width: 171px; } }
  @media all and (min-width: 480px) {
    .p3-img.-interview04Good {
      left: auto;
      bottom: -30px;
      right: 21px;
      transform: translate(0, 0); } }
  @media all and (min-width: 768px) {
    .p3-img.-interview04Good {
      bottom: -30px;
      right: 24px; } }
  @media all and (min-width: 1080px) {
    .p3-img.-interview04Good {
      bottom: auto;
      top: 30px;
      right: 30px; } }

.p3-shadow {
  /*
  &.-shadow02 {
    -moz-text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.21), 0px 0px 18px rgba(0, 0, 0, 0.16);
    -webkit-text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.21), 0px 0px 18px rgba(0, 0, 0, 0.16);
    -ms-text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.21), 0px 0px 18px rgba(0, 0, 0, 0.16);
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.21), 0px 0px 18px rgba(0, 0, 0, 0.16);
  }
*/ }
  .p3-shadow.-text01 {
    -moz-text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.38), 0px 0px 13px rgba(0, 0, 0, 0.22);
    -webkit-text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.38), 0px 0px 13px rgba(0, 0, 0, 0.22);
    -ms-text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.38), 0px 0px 13px rgba(0, 0, 0, 0.22);
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.38), 0px 0px 13px rgba(0, 0, 0, 0.22); }
  .p3-shadow.-text02 {
    -moz-text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.45), 0px 0px 8px rgba(0, 0, 0, 0.42);
    -webkit-text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.45), 0px 0px 8px rgba(0, 0, 0, 0.42);
    -ms-text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.45), 0px 0px 8px rgba(0, 0, 0, 0.42);
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.45), 0px 0px 8px rgba(0, 0, 0, 0.42); }
  .p3-shadow.-box01 {
    -ms-box-shadow: 0px 0px 3px rgba(255, 255, 255, 0.06), 0px 0px 51px rgba(255, 255, 255, 0.36);
    box-shadow: 0px 0px 3px rgba(255, 255, 255, 0.06), 0px 0px 51px rgba(255, 255, 255, 0.36); }

.p4-postarea a {
  color: inherit;
  text-decoration: underline; }

.p4-postarea h1 {
  font-family: 'Noto Sans JP', sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-weight: 700;
  font-size: 2.52rem;
  font-size: 1.62rem;
  line-height: 1.7; }
  @media all and (min-width: 480px) {
    .p4-postarea h1 {
      font-size: 2.7rem; } }
  @media all and (min-width: 768px) {
    .p4-postarea h1 {
      font-size: 2.88rem; } }
  @media all and (min-width: 1320px) {
    .p4-postarea h1 {
      font-size: 3.24rem; } }
  @media all and (min-width: 1720px) {
    .p4-postarea h1 {
      font-size: 3.6rem; } }
  @media all and (min-width: 375px) {
    .p4-postarea h1 {
      font-size: 1.8rem; } }
  @media all and (min-width: 480px) {
    .p4-postarea h1 {
      font-size: 2.16rem; } }
  @media all and (min-width: 768px) {
    .p4-postarea h1 {
      font-size: 2.52rem; } }
  @media all and (min-width: 1200px) {
    .p4-postarea h1 {
      font-size: 2.88rem; } }
  @media all and (min-width: 1320px) {
    .p4-postarea h1 {
      font-size: 3.24rem; } }
  @media all and (min-width: 1720px) {
    .p4-postarea h1 {
      font-size: 3.6rem; } }
  @media all and (min-width: 768px) {
    .p4-postarea h1 {
      line-height: 1.7; } }

.p4-postarea h2 {
  font-family: 'Noto Sans JP', sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-weight: 700;
  font-size: 2.268rem;
  font-size: 1.458rem;
  line-height: 1.7; }
  @media all and (min-width: 480px) {
    .p4-postarea h2 {
      font-size: 2.43rem; } }
  @media all and (min-width: 768px) {
    .p4-postarea h2 {
      font-size: 2.592rem; } }
  @media all and (min-width: 1320px) {
    .p4-postarea h2 {
      font-size: 2.916rem; } }
  @media all and (min-width: 1720px) {
    .p4-postarea h2 {
      font-size: 3.24rem; } }
  @media all and (min-width: 375px) {
    .p4-postarea h2 {
      font-size: 1.62rem; } }
  @media all and (min-width: 480px) {
    .p4-postarea h2 {
      font-size: 1.944rem; } }
  @media all and (min-width: 768px) {
    .p4-postarea h2 {
      font-size: 2.268rem; } }
  @media all and (min-width: 1200px) {
    .p4-postarea h2 {
      font-size: 2.592rem; } }
  @media all and (min-width: 1320px) {
    .p4-postarea h2 {
      font-size: 2.916rem; } }
  @media all and (min-width: 1720px) {
    .p4-postarea h2 {
      font-size: 3.24rem; } }
  @media all and (min-width: 768px) {
    .p4-postarea h2 {
      line-height: 1.7; } }

.p4-postarea h3 {
  font-family: 'Noto Sans JP', sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-weight: 700;
  font-size: 2.016rem;
  font-size: 1.296rem;
  line-height: 1.7; }
  @media all and (min-width: 480px) {
    .p4-postarea h3 {
      font-size: 2.16rem; } }
  @media all and (min-width: 768px) {
    .p4-postarea h3 {
      font-size: 2.304rem; } }
  @media all and (min-width: 1320px) {
    .p4-postarea h3 {
      font-size: 2.592rem; } }
  @media all and (min-width: 1720px) {
    .p4-postarea h3 {
      font-size: 2.88rem; } }
  @media all and (min-width: 375px) {
    .p4-postarea h3 {
      font-size: 1.44rem; } }
  @media all and (min-width: 480px) {
    .p4-postarea h3 {
      font-size: 1.728rem; } }
  @media all and (min-width: 768px) {
    .p4-postarea h3 {
      font-size: 2.016rem; } }
  @media all and (min-width: 1200px) {
    .p4-postarea h3 {
      font-size: 2.304rem; } }
  @media all and (min-width: 1320px) {
    .p4-postarea h3 {
      font-size: 2.592rem; } }
  @media all and (min-width: 1720px) {
    .p4-postarea h3 {
      font-size: 2.88rem; } }
  @media all and (min-width: 768px) {
    .p4-postarea h3 {
      line-height: 1.7; } }

.p4-postarea h4 {
  font-family: 'Noto Sans JP', sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-weight: 700;
  font-size: 1.764rem;
  font-size: 1.134rem;
  line-height: 1.7; }
  @media all and (min-width: 480px) {
    .p4-postarea h4 {
      font-size: 1.89rem; } }
  @media all and (min-width: 768px) {
    .p4-postarea h4 {
      font-size: 2.016rem; } }
  @media all and (min-width: 1320px) {
    .p4-postarea h4 {
      font-size: 2.268rem; } }
  @media all and (min-width: 1720px) {
    .p4-postarea h4 {
      font-size: 2.52rem; } }
  @media all and (min-width: 375px) {
    .p4-postarea h4 {
      font-size: 1.26rem; } }
  @media all and (min-width: 480px) {
    .p4-postarea h4 {
      font-size: 1.512rem; } }
  @media all and (min-width: 768px) {
    .p4-postarea h4 {
      font-size: 1.764rem; } }
  @media all and (min-width: 1200px) {
    .p4-postarea h4 {
      font-size: 2.016rem; } }
  @media all and (min-width: 1320px) {
    .p4-postarea h4 {
      font-size: 2.268rem; } }
  @media all and (min-width: 1720px) {
    .p4-postarea h4 {
      font-size: 2.52rem; } }
  @media all and (min-width: 768px) {
    .p4-postarea h4 {
      line-height: 1.7; } }

.p4-postarea h5 {
  font-family: 'Noto Sans JP', sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-weight: 700;
  font-size: 1.512rem;
  font-size: 1.188rem;
  line-height: 1.8; }
  @media all and (min-width: 480px) {
    .p4-postarea h5 {
      font-size: 1.62rem; } }
  @media all and (min-width: 768px) {
    .p4-postarea h5 {
      font-size: 1.728rem; } }
  @media all and (min-width: 1320px) {
    .p4-postarea h5 {
      font-size: 1.944rem; } }
  @media all and (min-width: 1720px) {
    .p4-postarea h5 {
      font-size: 2.16rem; } }
  @media all and (min-width: 375px) {
    .p4-postarea h5 {
      font-size: 1.296rem; } }
  @media all and (min-width: 480px) {
    .p4-postarea h5 {
      font-size: 1.404rem; } }
  @media all and (min-width: 768px) {
    .p4-postarea h5 {
      font-size: 1.512rem; } }
  @media all and (min-width: 1200px) {
    .p4-postarea h5 {
      font-size: 1.728rem; } }
  @media all and (min-width: 1320px) {
    .p4-postarea h5 {
      font-size: 1.944rem; } }
  @media all and (min-width: 1720px) {
    .p4-postarea h5 {
      font-size: 2.16rem; } }
  @media all and (min-width: 768px) {
    .p4-postarea h5 {
      line-height: 1.8; } }

.p4-postarea h6 {
  font-family: 'Noto Sans JP', sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-weight: 700;
  font-size: 1.26rem;
  line-height: 2; }
  @media all and (min-width: 480px) {
    .p4-postarea h6 {
      font-size: 1.35rem; } }
  @media all and (min-width: 768px) {
    .p4-postarea h6 {
      font-size: 1.44rem; } }
  @media all and (min-width: 1320px) {
    .p4-postarea h6 {
      font-size: 1.62rem; } }
  @media all and (min-width: 1720px) {
    .p4-postarea h6 {
      font-size: 1.8rem; } }
  @media all and (min-width: 768px) {
    .p4-postarea h6 {
      line-height: 2; } }

.p4-pager {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  grid-gap: 0 0;
  gap: 0 0;
  margin: 0 auto;
  font-family: "Lexend", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 1.96rem;
  font-size: 1.26rem;
  line-height: 1;
  text-align: center;
  /* pager非表示時(1ページのみの場合) */ }
  @media all and (min-width: 480px) {
    .p4-pager {
      font-size: 2.1rem; } }
  @media all and (min-width: 768px) {
    .p4-pager {
      font-size: 2.24rem; } }
  @media all and (min-width: 1320px) {
    .p4-pager {
      font-size: 2.52rem; } }
  @media all and (min-width: 1720px) {
    .p4-pager {
      font-size: 2.8rem; } }
  @media all and (min-width: 375px) {
    .p4-pager {
      font-size: 1.4rem; } }
  @media all and (min-width: 480px) {
    .p4-pager {
      font-size: 1.68rem; } }
  @media all and (min-width: 768px) {
    .p4-pager {
      font-size: 1.96rem; } }
  @media all and (min-width: 1200px) {
    .p4-pager {
      font-size: 2.24rem; } }
  @media all and (min-width: 1320px) {
    .p4-pager {
      font-size: 2.52rem; } }
  @media all and (min-width: 1720px) {
    .p4-pager {
      font-size: 2.8rem; } }
  @media all and (min-width: 768px) {
    .p4-pager {
      line-height: 1; } }
  .p4-pager .page-numbers {
    display: grid;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    box-sizing: border-box;
    color: #1f316e;
    /*
    &.first {
      background-image: url("../images/common/icon_tri_gr.png");
      transform: rotate(180deg); //lastと同じ画像を左右反転して使いたい場合は、この行を有効にする
    }
    &.last {
      background-image: url("../images/common/icon_tri_gr.png");
    }
*/ }
    @media all and (min-width: 480px) {
      .p4-pager .page-numbers {
        width: 20px;
        height: 20px; } }
    @media all and (min-width: 768px) {
      .p4-pager .page-numbers {
        width: 28px;
        height: 28px; } }
    @media all and (min-width: 1320px) {
      .p4-pager .page-numbers {
        width: 32px;
        height: 32px; } }
    @media all and (min-width: 1720px) {
      .p4-pager .page-numbers {
        width: 36px;
        height: 36px; } }
    .p4-pager .page-numbers.current {
      color: white;
      background-color: #1f316e; }
    .p4-pager .page-numbers.prev, .p4-pager .page-numbers.next {
      padding: 0; }
      .p4-pager .page-numbers.prev .inner::after, .p4-pager .page-numbers.next .inner::after {
        display: inline-block;
        position: relative;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-top: 6.4px solid transparent;
        border-bottom: 6.4px solid transparent;
        border-left: 8.8px solid #1f316e;
        border-right: 0;
        box-sizing: border-box;
        vertical-align: middle;
        pointer-events: none; }
        @media all and (min-width: 768px) {
          .p4-pager .page-numbers.prev .inner::after, .p4-pager .page-numbers.next .inner::after {
            border-top-width: 8px;
            border-bottom-width: 8px;
            border-left-width: 11px; } }
    .p4-pager .page-numbers.prev {
      transform: scale(-1, 1); }
    .p4-pager .page-numbers.-dummy {
      display: block;
      width: 20px;
      height: 20px;
      padding: 0;
      box-sizing: border-box; }
      @media all and (min-width: 768px) {
        .p4-pager .page-numbers.-dummy {
          width: 25px;
          height: 25px; } }
      .p4-pager .page-numbers.-dummy.-prev, .p4-pager .page-numbers.-dummy.-next {
        margin: 0 8px; }
  .p4-pager-nodisp {
    height: 15px; }
    @media all and (min-width: 768px) {
      .p4-pager-nodisp {
        height: 30px; } }

.p5-form {
  width: 100%; }
  .p5-form_box {
    position: relative; }
  .p5-form_inputbox {
    position: relative; }
  .p5-form_label {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    grid-gap: 0 7px;
    gap: 0 7px;
    padding: 5px 0;
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 500;
    font-size: 1.4rem;
    font-size: 1.1rem;
    line-height: 2;
    text-align: left;
    color: #282828; }
    @media all and (min-width: 480px) {
      .p5-form_label {
        font-size: 1.5rem; } }
    @media all and (min-width: 768px) {
      .p5-form_label {
        font-size: 1.6rem; } }
    @media all and (min-width: 1320px) {
      .p5-form_label {
        font-size: 1.8rem; } }
    @media all and (min-width: 1720px) {
      .p5-form_label {
        font-size: 2rem; } }
    @media all and (min-width: 375px) {
      .p5-form_label {
        font-size: 1.2rem; } }
    @media all and (min-width: 480px) {
      .p5-form_label {
        font-size: 1.3rem; } }
    @media all and (min-width: 768px) {
      .p5-form_label {
        font-size: 1.4rem; } }
    @media all and (min-width: 1200px) {
      .p5-form_label {
        font-size: 1.6rem; } }
    @media all and (min-width: 1320px) {
      .p5-form_label {
        font-size: 1.8rem; } }
    @media all and (min-width: 1720px) {
      .p5-form_label {
        font-size: 2rem; } }
    @media all and (min-width: 768px) {
      .p5-form_label {
        line-height: 2; } }
    @media all and (min-width: 480px) {
      .p5-form_label {
        flex-direction: column;
        align-items: flex-start; } }
    @media all and (min-width: 768px) {
      .p5-form_label {
        padding: 8px 0; } }
    @media all and (min-width: 1320px) {
      .p5-form_label {
        padding: 9px 0; } }
    @media all and (min-width: 1720px) {
      .p5-form_label {
        padding: 10px 0; } }
  .p5-form_required {
    display: inline-block;
    padding: 2px 10px 3px;
    border-radius: 100vh;
    box-sizing: border-box;
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 700;
    font-size: 0.91rem;
    line-height: 1;
    color: white;
    background-color: #da0005; }
    @media all and (min-width: 480px) {
      .p5-form_required {
        font-size: 0.975rem; } }
    @media all and (min-width: 768px) {
      .p5-form_required {
        font-size: 1.04rem; } }
    @media all and (min-width: 1320px) {
      .p5-form_required {
        font-size: 1.17rem; } }
    @media all and (min-width: 1720px) {
      .p5-form_required {
        font-size: 1.3rem; } }
    @media all and (min-width: 768px) {
      .p5-form_required {
        line-height: 1; } }
    @media all and (min-width: 768px) {
      .p5-form_required {
        padding: 3px 12px 4px; } }
  .p5-form_input {
    position: relative;
    padding: 5px 0;
    box-sizing: border-box;
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 400;
    font-size: 1.26rem;
    line-height: 2;
    color: #282828; }
    @media all and (min-width: 480px) {
      .p5-form_input {
        font-size: 1.35rem; } }
    @media all and (min-width: 768px) {
      .p5-form_input {
        font-size: 1.44rem; } }
    @media all and (min-width: 1320px) {
      .p5-form_input {
        font-size: 1.62rem; } }
    @media all and (min-width: 1720px) {
      .p5-form_input {
        font-size: 1.8rem; } }
    @media all and (min-width: 768px) {
      .p5-form_input {
        line-height: 2; } }
    @media all and (min-width: 768px) {
      .p5-form_input {
        padding: 10px 0; } }
    .p5-form_input.-checkbox, .p5-form_input.-radio, .p5-form_input.-agree {
      padding-left: 10px;
      padding-right: 10px;
      box-sizing: border-box; }
      @media all and (min-width: 480px) {
        .p5-form_input.-checkbox, .p5-form_input.-radio, .p5-form_input.-agree {
          padding-left: 14px;
          padding-right: 14px; } }
      @media all and (min-width: 768px) {
        .p5-form_input.-checkbox, .p5-form_input.-radio, .p5-form_input.-agree {
          padding-left: 16px;
          padding-right: 16px; } }
      @media all and (min-width: 1320px) {
        .p5-form_input.-checkbox, .p5-form_input.-radio, .p5-form_input.-agree {
          padding-left: 18px;
          padding-right: 18px; } }
      @media all and (min-width: 1720px) {
        .p5-form_input.-checkbox, .p5-form_input.-radio, .p5-form_input.-agree {
          padding-left: 20px;
          padding-right: 20px; } }
    .p5-form_input.-radio {
      padding-bottom: 0; }
      @media all and (min-width: 480px) {
        .p5-form_input.-radio {
          padding-bottom: 21px; } }
      @media all and (min-width: 768px) {
        .p5-form_input.-radio {
          padding-bottom: 24px; } }
      @media all and (min-width: 1320px) {
        .p5-form_input.-radio {
          padding-bottom: 27px; } }
      @media all and (min-width: 1720px) {
        .p5-form_input.-radio {
          padding-bottom: 30px; } }
    .p5-form_input.-agree {
      font-family: 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 400;
      font-size: 1.12rem; }
      @media all and (min-width: 480px) {
        .p5-form_input.-agree {
          font-size: 1.2rem; } }
      @media all and (min-width: 768px) {
        .p5-form_input.-agree {
          font-size: 1.28rem; } }
      @media all and (min-width: 1320px) {
        .p5-form_input.-agree {
          font-size: 1.44rem; } }
      @media all and (min-width: 1720px) {
        .p5-form_input.-agree {
          font-size: 1.6rem; } }
      .p5-form_input.-agree .wpcf7-list-item label {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        grid-gap: 0 4px;
        gap: 0 4px; }
        .p5-form_input.-agree .wpcf7-list-item label input {
          margin-top: 0.5em; }
  .p5-form_text, .p5-form_textarea {
    width: 100%;
    padding: 11px 20px;
    box-sizing: border-box;
    background-color: white;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 1.30208vw;
    border-radius: 1.30208vw; }
    @media all and (min-width: 768px) {
      .p5-form_text, .p5-form_textarea {
        border-radius: 10px; } }
    @media all and (min-width: 768px) {
      .p5-form_text, .p5-form_textarea {
        border-radius: 10px; } }
    @media all and (min-width: 768px) {
      .p5-form_text, .p5-form_textarea {
        padding: 18px 32px; } }
    @media all and (min-width: 1320px) {
      .p5-form_text, .p5-form_textarea {
        padding: 20px 36px; } }
    @media all and (min-width: 1720px) {
      .p5-form_text, .p5-form_textarea {
        padding: 22px 40px; } }
  .p5-form_textarea {
    overflow-y: auto;
    height: 203px; }
    @media all and (min-width: 480px) {
      .p5-form_textarea {
        height: 203px; } }
    @media all and (min-width: 768px) {
      .p5-form_textarea {
        height: 232px; } }
    @media all and (min-width: 1320px) {
      .p5-form_textarea {
        height: 261px; } }
    @media all and (min-width: 1720px) {
      .p5-form_textarea {
        height: 290px; } }
  .p5-form_radio {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    grid-gap: 7px 0;
    gap: 7px 0;
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 400;
    font-size: 1.26rem; }
    @media all and (min-width: 480px) {
      .p5-form_radio {
        font-size: 1.35rem; } }
    @media all and (min-width: 768px) {
      .p5-form_radio {
        font-size: 1.44rem; } }
    @media all and (min-width: 1320px) {
      .p5-form_radio {
        font-size: 1.62rem; } }
    @media all and (min-width: 1720px) {
      .p5-form_radio {
        font-size: 1.8rem; } }
    @media all and (min-width: 768px) {
      .p5-form_radio {
        grid-gap: 8px 0;
        gap: 8px 0; } }
    @media all and (min-width: 1320px) {
      .p5-form_radio {
        grid-gap: 9px 0;
        gap: 9px 0; } }
    @media all and (min-width: 1720px) {
      .p5-form_radio {
        grid-gap: 10px 0;
        gap: 10px 0; } }
    .p5-form_radio label {
      display: flex;
      flex-wrap: nowrap;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      grid-gap: 0 21px;
      gap: 0 21px; }
      @media all and (min-width: 768px) {
        .p5-form_radio label {
          grid-gap: 0 24px;
          gap: 0 24px; } }
      @media all and (min-width: 1320px) {
        .p5-form_radio label {
          grid-gap: 0 27px;
          gap: 0 27px; } }
      @media all and (min-width: 1720px) {
        .p5-form_radio label {
          grid-gap: 0 30px;
          gap: 0 30px; } }
  .p5-form_check {
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 400;
    font-size: 1.26rem; }
    @media all and (min-width: 480px) {
      .p5-form_check {
        font-size: 1.35rem; } }
    @media all and (min-width: 768px) {
      .p5-form_check {
        font-size: 1.44rem; } }
    @media all and (min-width: 1320px) {
      .p5-form_check {
        font-size: 1.62rem; } }
    @media all and (min-width: 1720px) {
      .p5-form_check {
        font-size: 1.8rem; } }
    .p5-form_check.-agree {
      font-family: 'Noto Sans JP', sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-weight: 400;
      font-weight: 400;
      font-size: 1.12rem; }
      @media all and (min-width: 480px) {
        .p5-form_check.-agree {
          font-size: 1.2rem; } }
      @media all and (min-width: 768px) {
        .p5-form_check.-agree {
          font-size: 1.28rem; } }
      @media all and (min-width: 1320px) {
        .p5-form_check.-agree {
          font-size: 1.44rem; } }
      @media all and (min-width: 1720px) {
        .p5-form_check.-agree {
          font-size: 1.6rem; } }
  .p5-form_sup.-agree {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    padding-left: 10px;
    box-sizing: border-box;
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 400;
    font-size: 1.12rem; }
    @media all and (min-width: 480px) {
      .p5-form_sup.-agree {
        font-size: 1.2rem; } }
    @media all and (min-width: 768px) {
      .p5-form_sup.-agree {
        font-size: 1.28rem; } }
    @media all and (min-width: 1320px) {
      .p5-form_sup.-agree {
        font-size: 1.44rem; } }
    @media all and (min-width: 1720px) {
      .p5-form_sup.-agree {
        font-size: 1.6rem; } }
    @media all and (min-width: 480px) {
      .p5-form_sup.-agree {
        padding-left: 14px; } }
    @media all and (min-width: 768px) {
      .p5-form_sup.-agree {
        padding-left: 16px; } }
    @media all and (min-width: 1320px) {
      .p5-form_sup.-agree {
        padding-left: 18px; } }
    @media all and (min-width: 1720px) {
      .p5-form_sup.-agree {
        padding-left: 20px; } }
    .p5-form_sup.-agree::before {
      display: inline-block;
      width: calc(13px + 4px);
      height: 10px;
      content: ""; }
  .p5-form_btn .wpcf7-submit {
    border-style: none !important;
    box-sizing: border-box !important;
    background: transparent !important;
    background-color: #1f316e !important; }
  .p5-form_btn .wpcf7-spinner {
    display: none !important; }
  .p5-form .wpcf7-list-item {
    margin-left: 0 !important; }
  .p5-form .wpcf7-not-valid-tip {
    padding: 0.5em 0 0;
    box-sizing: border-box;
    font-family: 'Noto Sans JP', sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    font-weight: 700;
    font-size: 1.12rem;
    line-height: 2;
    color: #da0005; }
    @media all and (min-width: 480px) {
      .p5-form .wpcf7-not-valid-tip {
        font-size: 1.2rem; } }
    @media all and (min-width: 768px) {
      .p5-form .wpcf7-not-valid-tip {
        font-size: 1.28rem; } }
    @media all and (min-width: 1320px) {
      .p5-form .wpcf7-not-valid-tip {
        font-size: 1.44rem; } }
    @media all and (min-width: 1720px) {
      .p5-form .wpcf7-not-valid-tip {
        font-size: 1.6rem; } }
    @media all and (min-width: 768px) {
      .p5-form .wpcf7-not-valid-tip {
        line-height: 2; } }
  .p5-form .wpcf7-response-output {
    display: none !important;
    /*
    padding: 1em 0 0;
    border-style: none !important;
    box-sizing: border-box;
    @include font-ntsan("bd");
    @include resFontSize(1.6);
    @include lineHeight(2, 2);
    color: color-red03(1);
    text-align: center;
*/ }

.u-m0 {
  margin: 0px !important; }

.u-mtb0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important; }

.u-mlr0 {
  margin-left: 0px !important;
  margin-right: 0px !important; }

.u-mt0 {
  margin-top: 0px !important; }

.u-mb0 {
  margin-bottom: 0px !important; }

.u-ml0 {
  margin-left: 0px !important; }

.u-mr0 {
  margin-right: 0px !important; }

.u-p0 {
  padding: 0px !important; }

.u-pt0 {
  padding-top: 0px !important; }

.u-pb0 {
  padding-bottom: 0px !important; }

.u-pl0 {
  padding-left: 0px !important; }

.u-pr0 {
  padding-right: 0px !important; }

.u-m5 {
  margin: 5px !important; }

.u-mtb5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important; }

.u-mlr5 {
  margin-left: 5px !important;
  margin-right: 5px !important; }

.u-mt5 {
  margin-top: 5px !important; }

.u-mb5 {
  margin-bottom: 5px !important; }

.u-ml5 {
  margin-left: 5px !important; }

.u-mr5 {
  margin-right: 5px !important; }

.u-p5 {
  padding: 5px !important; }

.u-pt5 {
  padding-top: 5px !important; }

.u-pb5 {
  padding-bottom: 5px !important; }

.u-pl5 {
  padding-left: 5px !important; }

.u-pr5 {
  padding-right: 5px !important; }

.u-m10 {
  margin: 10px !important; }

.u-mtb10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important; }

.u-mlr10 {
  margin-left: 10px !important;
  margin-right: 10px !important; }

.u-mt10 {
  margin-top: 10px !important; }

.u-mb10 {
  margin-bottom: 10px !important; }

.u-ml10 {
  margin-left: 10px !important; }

.u-mr10 {
  margin-right: 10px !important; }

.u-p10 {
  padding: 10px !important; }

.u-pt10 {
  padding-top: 10px !important; }

.u-pb10 {
  padding-bottom: 10px !important; }

.u-pl10 {
  padding-left: 10px !important; }

.u-pr10 {
  padding-right: 10px !important; }

.u-m15 {
  margin: 15px !important; }

.u-mtb15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important; }

.u-mlr15 {
  margin-left: 15px !important;
  margin-right: 15px !important; }

.u-mt15 {
  margin-top: 15px !important; }

.u-mb15 {
  margin-bottom: 15px !important; }

.u-ml15 {
  margin-left: 15px !important; }

.u-mr15 {
  margin-right: 15px !important; }

.u-p15 {
  padding: 15px !important; }

.u-pt15 {
  padding-top: 15px !important; }

.u-pb15 {
  padding-bottom: 15px !important; }

.u-pl15 {
  padding-left: 15px !important; }

.u-pr15 {
  padding-right: 15px !important; }

.u-m20 {
  margin: 20px !important; }

.u-mtb20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important; }

.u-mlr20 {
  margin-left: 20px !important;
  margin-right: 20px !important; }

.u-mt20 {
  margin-top: 20px !important; }

.u-mb20 {
  margin-bottom: 20px !important; }

.u-ml20 {
  margin-left: 20px !important; }

.u-mr20 {
  margin-right: 20px !important; }

.u-p20 {
  padding: 20px !important; }

.u-pt20 {
  padding-top: 20px !important; }

.u-pb20 {
  padding-bottom: 20px !important; }

.u-pl20 {
  padding-left: 20px !important; }

.u-pr20 {
  padding-right: 20px !important; }

.u-m25 {
  margin: 25px !important; }

.u-mtb25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important; }

.u-mlr25 {
  margin-left: 25px !important;
  margin-right: 25px !important; }

.u-mt25 {
  margin-top: 25px !important; }

.u-mb25 {
  margin-bottom: 25px !important; }

.u-ml25 {
  margin-left: 25px !important; }

.u-mr25 {
  margin-right: 25px !important; }

.u-p25 {
  padding: 25px !important; }

.u-pt25 {
  padding-top: 25px !important; }

.u-pb25 {
  padding-bottom: 25px !important; }

.u-pl25 {
  padding-left: 25px !important; }

.u-pr25 {
  padding-right: 25px !important; }

.u-m30 {
  margin: 30px !important; }

.u-mtb30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important; }

.u-mlr30 {
  margin-left: 30px !important;
  margin-right: 30px !important; }

.u-mt30 {
  margin-top: 30px !important; }

.u-mb30 {
  margin-bottom: 30px !important; }

.u-ml30 {
  margin-left: 30px !important; }

.u-mr30 {
  margin-right: 30px !important; }

.u-p30 {
  padding: 30px !important; }

.u-pt30 {
  padding-top: 30px !important; }

.u-pb30 {
  padding-bottom: 30px !important; }

.u-pl30 {
  padding-left: 30px !important; }

.u-pr30 {
  padding-right: 30px !important; }

.u-m35 {
  margin: 35px !important; }

.u-mtb35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important; }

.u-mlr35 {
  margin-left: 35px !important;
  margin-right: 35px !important; }

.u-mt35 {
  margin-top: 35px !important; }

.u-mb35 {
  margin-bottom: 35px !important; }

.u-ml35 {
  margin-left: 35px !important; }

.u-mr35 {
  margin-right: 35px !important; }

.u-p35 {
  padding: 35px !important; }

.u-pt35 {
  padding-top: 35px !important; }

.u-pb35 {
  padding-bottom: 35px !important; }

.u-pl35 {
  padding-left: 35px !important; }

.u-pr35 {
  padding-right: 35px !important; }

.u-m40 {
  margin: 40px !important; }

.u-mtb40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important; }

.u-mlr40 {
  margin-left: 40px !important;
  margin-right: 40px !important; }

.u-mt40 {
  margin-top: 40px !important; }

.u-mb40 {
  margin-bottom: 40px !important; }

.u-ml40 {
  margin-left: 40px !important; }

.u-mr40 {
  margin-right: 40px !important; }

.u-p40 {
  padding: 40px !important; }

.u-pt40 {
  padding-top: 40px !important; }

.u-pb40 {
  padding-bottom: 40px !important; }

.u-pl40 {
  padding-left: 40px !important; }

.u-pr40 {
  padding-right: 40px !important; }

.u-m45 {
  margin: 45px !important; }

.u-mtb45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important; }

.u-mlr45 {
  margin-left: 45px !important;
  margin-right: 45px !important; }

.u-mt45 {
  margin-top: 45px !important; }

.u-mb45 {
  margin-bottom: 45px !important; }

.u-ml45 {
  margin-left: 45px !important; }

.u-mr45 {
  margin-right: 45px !important; }

.u-p45 {
  padding: 45px !important; }

.u-pt45 {
  padding-top: 45px !important; }

.u-pb45 {
  padding-bottom: 45px !important; }

.u-pl45 {
  padding-left: 45px !important; }

.u-pr45 {
  padding-right: 45px !important; }

.u-m50 {
  margin: 50px !important; }

.u-mtb50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important; }

.u-mlr50 {
  margin-left: 50px !important;
  margin-right: 50px !important; }

.u-mt50 {
  margin-top: 50px !important; }

.u-mb50 {
  margin-bottom: 50px !important; }

.u-ml50 {
  margin-left: 50px !important; }

.u-mr50 {
  margin-right: 50px !important; }

.u-p50 {
  padding: 50px !important; }

.u-pt50 {
  padding-top: 50px !important; }

.u-pb50 {
  padding-bottom: 50px !important; }

.u-pl50 {
  padding-left: 50px !important; }

.u-pr50 {
  padding-right: 50px !important; }

.u-m55 {
  margin: 55px !important; }

.u-mtb55 {
  margin-top: 55px !important;
  margin-bottom: 55px !important; }

.u-mlr55 {
  margin-left: 55px !important;
  margin-right: 55px !important; }

.u-mt55 {
  margin-top: 55px !important; }

.u-mb55 {
  margin-bottom: 55px !important; }

.u-ml55 {
  margin-left: 55px !important; }

.u-mr55 {
  margin-right: 55px !important; }

.u-p55 {
  padding: 55px !important; }

.u-pt55 {
  padding-top: 55px !important; }

.u-pb55 {
  padding-bottom: 55px !important; }

.u-pl55 {
  padding-left: 55px !important; }

.u-pr55 {
  padding-right: 55px !important; }

.u-m60 {
  margin: 60px !important; }

.u-mtb60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important; }

.u-mlr60 {
  margin-left: 60px !important;
  margin-right: 60px !important; }

.u-mt60 {
  margin-top: 60px !important; }

.u-mb60 {
  margin-bottom: 60px !important; }

.u-ml60 {
  margin-left: 60px !important; }

.u-mr60 {
  margin-right: 60px !important; }

.u-p60 {
  padding: 60px !important; }

.u-pt60 {
  padding-top: 60px !important; }

.u-pb60 {
  padding-bottom: 60px !important; }

.u-pl60 {
  padding-left: 60px !important; }

.u-pr60 {
  padding-right: 60px !important; }

.u-m65 {
  margin: 65px !important; }

.u-mtb65 {
  margin-top: 65px !important;
  margin-bottom: 65px !important; }

.u-mlr65 {
  margin-left: 65px !important;
  margin-right: 65px !important; }

.u-mt65 {
  margin-top: 65px !important; }

.u-mb65 {
  margin-bottom: 65px !important; }

.u-ml65 {
  margin-left: 65px !important; }

.u-mr65 {
  margin-right: 65px !important; }

.u-p65 {
  padding: 65px !important; }

.u-pt65 {
  padding-top: 65px !important; }

.u-pb65 {
  padding-bottom: 65px !important; }

.u-pl65 {
  padding-left: 65px !important; }

.u-pr65 {
  padding-right: 65px !important; }

.u-m70 {
  margin: 70px !important; }

.u-mtb70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important; }

.u-mlr70 {
  margin-left: 70px !important;
  margin-right: 70px !important; }

.u-mt70 {
  margin-top: 70px !important; }

.u-mb70 {
  margin-bottom: 70px !important; }

.u-ml70 {
  margin-left: 70px !important; }

.u-mr70 {
  margin-right: 70px !important; }

.u-p70 {
  padding: 70px !important; }

.u-pt70 {
  padding-top: 70px !important; }

.u-pb70 {
  padding-bottom: 70px !important; }

.u-pl70 {
  padding-left: 70px !important; }

.u-pr70 {
  padding-right: 70px !important; }

.u-m75 {
  margin: 75px !important; }

.u-mtb75 {
  margin-top: 75px !important;
  margin-bottom: 75px !important; }

.u-mlr75 {
  margin-left: 75px !important;
  margin-right: 75px !important; }

.u-mt75 {
  margin-top: 75px !important; }

.u-mb75 {
  margin-bottom: 75px !important; }

.u-ml75 {
  margin-left: 75px !important; }

.u-mr75 {
  margin-right: 75px !important; }

.u-p75 {
  padding: 75px !important; }

.u-pt75 {
  padding-top: 75px !important; }

.u-pb75 {
  padding-bottom: 75px !important; }

.u-pl75 {
  padding-left: 75px !important; }

.u-pr75 {
  padding-right: 75px !important; }

.u-m80 {
  margin: 80px !important; }

.u-mtb80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important; }

.u-mlr80 {
  margin-left: 80px !important;
  margin-right: 80px !important; }

.u-mt80 {
  margin-top: 80px !important; }

.u-mb80 {
  margin-bottom: 80px !important; }

.u-ml80 {
  margin-left: 80px !important; }

.u-mr80 {
  margin-right: 80px !important; }

.u-p80 {
  padding: 80px !important; }

.u-pt80 {
  padding-top: 80px !important; }

.u-pb80 {
  padding-bottom: 80px !important; }

.u-pl80 {
  padding-left: 80px !important; }

.u-pr80 {
  padding-right: 80px !important; }

.u-m85 {
  margin: 85px !important; }

.u-mtb85 {
  margin-top: 85px !important;
  margin-bottom: 85px !important; }

.u-mlr85 {
  margin-left: 85px !important;
  margin-right: 85px !important; }

.u-mt85 {
  margin-top: 85px !important; }

.u-mb85 {
  margin-bottom: 85px !important; }

.u-ml85 {
  margin-left: 85px !important; }

.u-mr85 {
  margin-right: 85px !important; }

.u-p85 {
  padding: 85px !important; }

.u-pt85 {
  padding-top: 85px !important; }

.u-pb85 {
  padding-bottom: 85px !important; }

.u-pl85 {
  padding-left: 85px !important; }

.u-pr85 {
  padding-right: 85px !important; }

.u-m90 {
  margin: 90px !important; }

.u-mtb90 {
  margin-top: 90px !important;
  margin-bottom: 90px !important; }

.u-mlr90 {
  margin-left: 90px !important;
  margin-right: 90px !important; }

.u-mt90 {
  margin-top: 90px !important; }

.u-mb90 {
  margin-bottom: 90px !important; }

.u-ml90 {
  margin-left: 90px !important; }

.u-mr90 {
  margin-right: 90px !important; }

.u-p90 {
  padding: 90px !important; }

.u-pt90 {
  padding-top: 90px !important; }

.u-pb90 {
  padding-bottom: 90px !important; }

.u-pl90 {
  padding-left: 90px !important; }

.u-pr90 {
  padding-right: 90px !important; }

.u-m95 {
  margin: 95px !important; }

.u-mtb95 {
  margin-top: 95px !important;
  margin-bottom: 95px !important; }

.u-mlr95 {
  margin-left: 95px !important;
  margin-right: 95px !important; }

.u-mt95 {
  margin-top: 95px !important; }

.u-mb95 {
  margin-bottom: 95px !important; }

.u-ml95 {
  margin-left: 95px !important; }

.u-mr95 {
  margin-right: 95px !important; }

.u-p95 {
  padding: 95px !important; }

.u-pt95 {
  padding-top: 95px !important; }

.u-pb95 {
  padding-bottom: 95px !important; }

.u-pl95 {
  padding-left: 95px !important; }

.u-pr95 {
  padding-right: 95px !important; }

.u-m100 {
  margin: 100px !important; }

.u-mtb100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important; }

.u-mlr100 {
  margin-left: 100px !important;
  margin-right: 100px !important; }

.u-mt100 {
  margin-top: 100px !important; }

.u-mb100 {
  margin-bottom: 100px !important; }

.u-ml100 {
  margin-left: 100px !important; }

.u-mr100 {
  margin-right: 100px !important; }

.u-p100 {
  padding: 100px !important; }

.u-pt100 {
  padding-top: 100px !important; }

.u-pb100 {
  padding-bottom: 100px !important; }

.u-pl100 {
  padding-left: 100px !important; }

.u-pr100 {
  padding-right: 100px !important; }

.u-m105 {
  margin: 105px !important; }

.u-mtb105 {
  margin-top: 105px !important;
  margin-bottom: 105px !important; }

.u-mlr105 {
  margin-left: 105px !important;
  margin-right: 105px !important; }

.u-mt105 {
  margin-top: 105px !important; }

.u-mb105 {
  margin-bottom: 105px !important; }

.u-ml105 {
  margin-left: 105px !important; }

.u-mr105 {
  margin-right: 105px !important; }

.u-p105 {
  padding: 105px !important; }

.u-pt105 {
  padding-top: 105px !important; }

.u-pb105 {
  padding-bottom: 105px !important; }

.u-pl105 {
  padding-left: 105px !important; }

.u-pr105 {
  padding-right: 105px !important; }

.u-m110 {
  margin: 110px !important; }

.u-mtb110 {
  margin-top: 110px !important;
  margin-bottom: 110px !important; }

.u-mlr110 {
  margin-left: 110px !important;
  margin-right: 110px !important; }

.u-mt110 {
  margin-top: 110px !important; }

.u-mb110 {
  margin-bottom: 110px !important; }

.u-ml110 {
  margin-left: 110px !important; }

.u-mr110 {
  margin-right: 110px !important; }

.u-p110 {
  padding: 110px !important; }

.u-pt110 {
  padding-top: 110px !important; }

.u-pb110 {
  padding-bottom: 110px !important; }

.u-pl110 {
  padding-left: 110px !important; }

.u-pr110 {
  padding-right: 110px !important; }

.u-m115 {
  margin: 115px !important; }

.u-mtb115 {
  margin-top: 115px !important;
  margin-bottom: 115px !important; }

.u-mlr115 {
  margin-left: 115px !important;
  margin-right: 115px !important; }

.u-mt115 {
  margin-top: 115px !important; }

.u-mb115 {
  margin-bottom: 115px !important; }

.u-ml115 {
  margin-left: 115px !important; }

.u-mr115 {
  margin-right: 115px !important; }

.u-p115 {
  padding: 115px !important; }

.u-pt115 {
  padding-top: 115px !important; }

.u-pb115 {
  padding-bottom: 115px !important; }

.u-pl115 {
  padding-left: 115px !important; }

.u-pr115 {
  padding-right: 115px !important; }

.u-m120 {
  margin: 120px !important; }

.u-mtb120 {
  margin-top: 120px !important;
  margin-bottom: 120px !important; }

.u-mlr120 {
  margin-left: 120px !important;
  margin-right: 120px !important; }

.u-mt120 {
  margin-top: 120px !important; }

.u-mb120 {
  margin-bottom: 120px !important; }

.u-ml120 {
  margin-left: 120px !important; }

.u-mr120 {
  margin-right: 120px !important; }

.u-p120 {
  padding: 120px !important; }

.u-pt120 {
  padding-top: 120px !important; }

.u-pb120 {
  padding-bottom: 120px !important; }

.u-pl120 {
  padding-left: 120px !important; }

.u-pr120 {
  padding-right: 120px !important; }

.u-m125 {
  margin: 125px !important; }

.u-mtb125 {
  margin-top: 125px !important;
  margin-bottom: 125px !important; }

.u-mlr125 {
  margin-left: 125px !important;
  margin-right: 125px !important; }

.u-mt125 {
  margin-top: 125px !important; }

.u-mb125 {
  margin-bottom: 125px !important; }

.u-ml125 {
  margin-left: 125px !important; }

.u-mr125 {
  margin-right: 125px !important; }

.u-p125 {
  padding: 125px !important; }

.u-pt125 {
  padding-top: 125px !important; }

.u-pb125 {
  padding-bottom: 125px !important; }

.u-pl125 {
  padding-left: 125px !important; }

.u-pr125 {
  padding-right: 125px !important; }

.u-m130 {
  margin: 130px !important; }

.u-mtb130 {
  margin-top: 130px !important;
  margin-bottom: 130px !important; }

.u-mlr130 {
  margin-left: 130px !important;
  margin-right: 130px !important; }

.u-mt130 {
  margin-top: 130px !important; }

.u-mb130 {
  margin-bottom: 130px !important; }

.u-ml130 {
  margin-left: 130px !important; }

.u-mr130 {
  margin-right: 130px !important; }

.u-p130 {
  padding: 130px !important; }

.u-pt130 {
  padding-top: 130px !important; }

.u-pb130 {
  padding-bottom: 130px !important; }

.u-pl130 {
  padding-left: 130px !important; }

.u-pr130 {
  padding-right: 130px !important; }

.u-m135 {
  margin: 135px !important; }

.u-mtb135 {
  margin-top: 135px !important;
  margin-bottom: 135px !important; }

.u-mlr135 {
  margin-left: 135px !important;
  margin-right: 135px !important; }

.u-mt135 {
  margin-top: 135px !important; }

.u-mb135 {
  margin-bottom: 135px !important; }

.u-ml135 {
  margin-left: 135px !important; }

.u-mr135 {
  margin-right: 135px !important; }

.u-p135 {
  padding: 135px !important; }

.u-pt135 {
  padding-top: 135px !important; }

.u-pb135 {
  padding-bottom: 135px !important; }

.u-pl135 {
  padding-left: 135px !important; }

.u-pr135 {
  padding-right: 135px !important; }

.u-m140 {
  margin: 140px !important; }

.u-mtb140 {
  margin-top: 140px !important;
  margin-bottom: 140px !important; }

.u-mlr140 {
  margin-left: 140px !important;
  margin-right: 140px !important; }

.u-mt140 {
  margin-top: 140px !important; }

.u-mb140 {
  margin-bottom: 140px !important; }

.u-ml140 {
  margin-left: 140px !important; }

.u-mr140 {
  margin-right: 140px !important; }

.u-p140 {
  padding: 140px !important; }

.u-pt140 {
  padding-top: 140px !important; }

.u-pb140 {
  padding-bottom: 140px !important; }

.u-pl140 {
  padding-left: 140px !important; }

.u-pr140 {
  padding-right: 140px !important; }

.u-m145 {
  margin: 145px !important; }

.u-mtb145 {
  margin-top: 145px !important;
  margin-bottom: 145px !important; }

.u-mlr145 {
  margin-left: 145px !important;
  margin-right: 145px !important; }

.u-mt145 {
  margin-top: 145px !important; }

.u-mb145 {
  margin-bottom: 145px !important; }

.u-ml145 {
  margin-left: 145px !important; }

.u-mr145 {
  margin-right: 145px !important; }

.u-p145 {
  padding: 145px !important; }

.u-pt145 {
  padding-top: 145px !important; }

.u-pb145 {
  padding-bottom: 145px !important; }

.u-pl145 {
  padding-left: 145px !important; }

.u-pr145 {
  padding-right: 145px !important; }

.u-m150 {
  margin: 150px !important; }

.u-mtb150 {
  margin-top: 150px !important;
  margin-bottom: 150px !important; }

.u-mlr150 {
  margin-left: 150px !important;
  margin-right: 150px !important; }

.u-mt150 {
  margin-top: 150px !important; }

.u-mb150 {
  margin-bottom: 150px !important; }

.u-ml150 {
  margin-left: 150px !important; }

.u-mr150 {
  margin-right: 150px !important; }

.u-p150 {
  padding: 150px !important; }

.u-pt150 {
  padding-top: 150px !important; }

.u-pb150 {
  padding-bottom: 150px !important; }

.u-pl150 {
  padding-left: 150px !important; }

.u-pr150 {
  padding-right: 150px !important; }

.u-m155 {
  margin: 155px !important; }

.u-mtb155 {
  margin-top: 155px !important;
  margin-bottom: 155px !important; }

.u-mlr155 {
  margin-left: 155px !important;
  margin-right: 155px !important; }

.u-mt155 {
  margin-top: 155px !important; }

.u-mb155 {
  margin-bottom: 155px !important; }

.u-ml155 {
  margin-left: 155px !important; }

.u-mr155 {
  margin-right: 155px !important; }

.u-p155 {
  padding: 155px !important; }

.u-pt155 {
  padding-top: 155px !important; }

.u-pb155 {
  padding-bottom: 155px !important; }

.u-pl155 {
  padding-left: 155px !important; }

.u-pr155 {
  padding-right: 155px !important; }

.u-m160 {
  margin: 160px !important; }

.u-mtb160 {
  margin-top: 160px !important;
  margin-bottom: 160px !important; }

.u-mlr160 {
  margin-left: 160px !important;
  margin-right: 160px !important; }

.u-mt160 {
  margin-top: 160px !important; }

.u-mb160 {
  margin-bottom: 160px !important; }

.u-ml160 {
  margin-left: 160px !important; }

.u-mr160 {
  margin-right: 160px !important; }

.u-p160 {
  padding: 160px !important; }

.u-pt160 {
  padding-top: 160px !important; }

.u-pb160 {
  padding-bottom: 160px !important; }

.u-pl160 {
  padding-left: 160px !important; }

.u-pr160 {
  padding-right: 160px !important; }

.u-m165 {
  margin: 165px !important; }

.u-mtb165 {
  margin-top: 165px !important;
  margin-bottom: 165px !important; }

.u-mlr165 {
  margin-left: 165px !important;
  margin-right: 165px !important; }

.u-mt165 {
  margin-top: 165px !important; }

.u-mb165 {
  margin-bottom: 165px !important; }

.u-ml165 {
  margin-left: 165px !important; }

.u-mr165 {
  margin-right: 165px !important; }

.u-p165 {
  padding: 165px !important; }

.u-pt165 {
  padding-top: 165px !important; }

.u-pb165 {
  padding-bottom: 165px !important; }

.u-pl165 {
  padding-left: 165px !important; }

.u-pr165 {
  padding-right: 165px !important; }

.u-m170 {
  margin: 170px !important; }

.u-mtb170 {
  margin-top: 170px !important;
  margin-bottom: 170px !important; }

.u-mlr170 {
  margin-left: 170px !important;
  margin-right: 170px !important; }

.u-mt170 {
  margin-top: 170px !important; }

.u-mb170 {
  margin-bottom: 170px !important; }

.u-ml170 {
  margin-left: 170px !important; }

.u-mr170 {
  margin-right: 170px !important; }

.u-p170 {
  padding: 170px !important; }

.u-pt170 {
  padding-top: 170px !important; }

.u-pb170 {
  padding-bottom: 170px !important; }

.u-pl170 {
  padding-left: 170px !important; }

.u-pr170 {
  padding-right: 170px !important; }

.u-m175 {
  margin: 175px !important; }

.u-mtb175 {
  margin-top: 175px !important;
  margin-bottom: 175px !important; }

.u-mlr175 {
  margin-left: 175px !important;
  margin-right: 175px !important; }

.u-mt175 {
  margin-top: 175px !important; }

.u-mb175 {
  margin-bottom: 175px !important; }

.u-ml175 {
  margin-left: 175px !important; }

.u-mr175 {
  margin-right: 175px !important; }

.u-p175 {
  padding: 175px !important; }

.u-pt175 {
  padding-top: 175px !important; }

.u-pb175 {
  padding-bottom: 175px !important; }

.u-pl175 {
  padding-left: 175px !important; }

.u-pr175 {
  padding-right: 175px !important; }

.u-m180 {
  margin: 180px !important; }

.u-mtb180 {
  margin-top: 180px !important;
  margin-bottom: 180px !important; }

.u-mlr180 {
  margin-left: 180px !important;
  margin-right: 180px !important; }

.u-mt180 {
  margin-top: 180px !important; }

.u-mb180 {
  margin-bottom: 180px !important; }

.u-ml180 {
  margin-left: 180px !important; }

.u-mr180 {
  margin-right: 180px !important; }

.u-p180 {
  padding: 180px !important; }

.u-pt180 {
  padding-top: 180px !important; }

.u-pb180 {
  padding-bottom: 180px !important; }

.u-pl180 {
  padding-left: 180px !important; }

.u-pr180 {
  padding-right: 180px !important; }

.u-m185 {
  margin: 185px !important; }

.u-mtb185 {
  margin-top: 185px !important;
  margin-bottom: 185px !important; }

.u-mlr185 {
  margin-left: 185px !important;
  margin-right: 185px !important; }

.u-mt185 {
  margin-top: 185px !important; }

.u-mb185 {
  margin-bottom: 185px !important; }

.u-ml185 {
  margin-left: 185px !important; }

.u-mr185 {
  margin-right: 185px !important; }

.u-p185 {
  padding: 185px !important; }

.u-pt185 {
  padding-top: 185px !important; }

.u-pb185 {
  padding-bottom: 185px !important; }

.u-pl185 {
  padding-left: 185px !important; }

.u-pr185 {
  padding-right: 185px !important; }

.u-m190 {
  margin: 190px !important; }

.u-mtb190 {
  margin-top: 190px !important;
  margin-bottom: 190px !important; }

.u-mlr190 {
  margin-left: 190px !important;
  margin-right: 190px !important; }

.u-mt190 {
  margin-top: 190px !important; }

.u-mb190 {
  margin-bottom: 190px !important; }

.u-ml190 {
  margin-left: 190px !important; }

.u-mr190 {
  margin-right: 190px !important; }

.u-p190 {
  padding: 190px !important; }

.u-pt190 {
  padding-top: 190px !important; }

.u-pb190 {
  padding-bottom: 190px !important; }

.u-pl190 {
  padding-left: 190px !important; }

.u-pr190 {
  padding-right: 190px !important; }

.u-m195 {
  margin: 195px !important; }

.u-mtb195 {
  margin-top: 195px !important;
  margin-bottom: 195px !important; }

.u-mlr195 {
  margin-left: 195px !important;
  margin-right: 195px !important; }

.u-mt195 {
  margin-top: 195px !important; }

.u-mb195 {
  margin-bottom: 195px !important; }

.u-ml195 {
  margin-left: 195px !important; }

.u-mr195 {
  margin-right: 195px !important; }

.u-p195 {
  padding: 195px !important; }

.u-pt195 {
  padding-top: 195px !important; }

.u-pb195 {
  padding-bottom: 195px !important; }

.u-pl195 {
  padding-left: 195px !important; }

.u-pr195 {
  padding-right: 195px !important; }

.u-m200 {
  margin: 200px !important; }

.u-mtb200 {
  margin-top: 200px !important;
  margin-bottom: 200px !important; }

.u-mlr200 {
  margin-left: 200px !important;
  margin-right: 200px !important; }

.u-mt200 {
  margin-top: 200px !important; }

.u-mb200 {
  margin-bottom: 200px !important; }

.u-ml200 {
  margin-left: 200px !important; }

.u-mr200 {
  margin-right: 200px !important; }

.u-p200 {
  padding: 200px !important; }

.u-pt200 {
  padding-top: 200px !important; }

.u-pb200 {
  padding-bottom: 200px !important; }

.u-pl200 {
  padding-left: 200px !important; }

.u-pr200 {
  padding-right: 200px !important; }

.u-m205 {
  margin: 205px !important; }

.u-mtb205 {
  margin-top: 205px !important;
  margin-bottom: 205px !important; }

.u-mlr205 {
  margin-left: 205px !important;
  margin-right: 205px !important; }

.u-mt205 {
  margin-top: 205px !important; }

.u-mb205 {
  margin-bottom: 205px !important; }

.u-ml205 {
  margin-left: 205px !important; }

.u-mr205 {
  margin-right: 205px !important; }

.u-p205 {
  padding: 205px !important; }

.u-pt205 {
  padding-top: 205px !important; }

.u-pb205 {
  padding-bottom: 205px !important; }

.u-pl205 {
  padding-left: 205px !important; }

.u-pr205 {
  padding-right: 205px !important; }

.u-m210 {
  margin: 210px !important; }

.u-mtb210 {
  margin-top: 210px !important;
  margin-bottom: 210px !important; }

.u-mlr210 {
  margin-left: 210px !important;
  margin-right: 210px !important; }

.u-mt210 {
  margin-top: 210px !important; }

.u-mb210 {
  margin-bottom: 210px !important; }

.u-ml210 {
  margin-left: 210px !important; }

.u-mr210 {
  margin-right: 210px !important; }

.u-p210 {
  padding: 210px !important; }

.u-pt210 {
  padding-top: 210px !important; }

.u-pb210 {
  padding-bottom: 210px !important; }

.u-pl210 {
  padding-left: 210px !important; }

.u-pr210 {
  padding-right: 210px !important; }

.u-m215 {
  margin: 215px !important; }

.u-mtb215 {
  margin-top: 215px !important;
  margin-bottom: 215px !important; }

.u-mlr215 {
  margin-left: 215px !important;
  margin-right: 215px !important; }

.u-mt215 {
  margin-top: 215px !important; }

.u-mb215 {
  margin-bottom: 215px !important; }

.u-ml215 {
  margin-left: 215px !important; }

.u-mr215 {
  margin-right: 215px !important; }

.u-p215 {
  padding: 215px !important; }

.u-pt215 {
  padding-top: 215px !important; }

.u-pb215 {
  padding-bottom: 215px !important; }

.u-pl215 {
  padding-left: 215px !important; }

.u-pr215 {
  padding-right: 215px !important; }

.u-m220 {
  margin: 220px !important; }

.u-mtb220 {
  margin-top: 220px !important;
  margin-bottom: 220px !important; }

.u-mlr220 {
  margin-left: 220px !important;
  margin-right: 220px !important; }

.u-mt220 {
  margin-top: 220px !important; }

.u-mb220 {
  margin-bottom: 220px !important; }

.u-ml220 {
  margin-left: 220px !important; }

.u-mr220 {
  margin-right: 220px !important; }

.u-p220 {
  padding: 220px !important; }

.u-pt220 {
  padding-top: 220px !important; }

.u-pb220 {
  padding-bottom: 220px !important; }

.u-pl220 {
  padding-left: 220px !important; }

.u-pr220 {
  padding-right: 220px !important; }

.u-m225 {
  margin: 225px !important; }

.u-mtb225 {
  margin-top: 225px !important;
  margin-bottom: 225px !important; }

.u-mlr225 {
  margin-left: 225px !important;
  margin-right: 225px !important; }

.u-mt225 {
  margin-top: 225px !important; }

.u-mb225 {
  margin-bottom: 225px !important; }

.u-ml225 {
  margin-left: 225px !important; }

.u-mr225 {
  margin-right: 225px !important; }

.u-p225 {
  padding: 225px !important; }

.u-pt225 {
  padding-top: 225px !important; }

.u-pb225 {
  padding-bottom: 225px !important; }

.u-pl225 {
  padding-left: 225px !important; }

.u-pr225 {
  padding-right: 225px !important; }

.u-m230 {
  margin: 230px !important; }

.u-mtb230 {
  margin-top: 230px !important;
  margin-bottom: 230px !important; }

.u-mlr230 {
  margin-left: 230px !important;
  margin-right: 230px !important; }

.u-mt230 {
  margin-top: 230px !important; }

.u-mb230 {
  margin-bottom: 230px !important; }

.u-ml230 {
  margin-left: 230px !important; }

.u-mr230 {
  margin-right: 230px !important; }

.u-p230 {
  padding: 230px !important; }

.u-pt230 {
  padding-top: 230px !important; }

.u-pb230 {
  padding-bottom: 230px !important; }

.u-pl230 {
  padding-left: 230px !important; }

.u-pr230 {
  padding-right: 230px !important; }

.u-m235 {
  margin: 235px !important; }

.u-mtb235 {
  margin-top: 235px !important;
  margin-bottom: 235px !important; }

.u-mlr235 {
  margin-left: 235px !important;
  margin-right: 235px !important; }

.u-mt235 {
  margin-top: 235px !important; }

.u-mb235 {
  margin-bottom: 235px !important; }

.u-ml235 {
  margin-left: 235px !important; }

.u-mr235 {
  margin-right: 235px !important; }

.u-p235 {
  padding: 235px !important; }

.u-pt235 {
  padding-top: 235px !important; }

.u-pb235 {
  padding-bottom: 235px !important; }

.u-pl235 {
  padding-left: 235px !important; }

.u-pr235 {
  padding-right: 235px !important; }

.u-m240 {
  margin: 240px !important; }

.u-mtb240 {
  margin-top: 240px !important;
  margin-bottom: 240px !important; }

.u-mlr240 {
  margin-left: 240px !important;
  margin-right: 240px !important; }

.u-mt240 {
  margin-top: 240px !important; }

.u-mb240 {
  margin-bottom: 240px !important; }

.u-ml240 {
  margin-left: 240px !important; }

.u-mr240 {
  margin-right: 240px !important; }

.u-p240 {
  padding: 240px !important; }

.u-pt240 {
  padding-top: 240px !important; }

.u-pb240 {
  padding-bottom: 240px !important; }

.u-pl240 {
  padding-left: 240px !important; }

.u-pr240 {
  padding-right: 240px !important; }

.u-m245 {
  margin: 245px !important; }

.u-mtb245 {
  margin-top: 245px !important;
  margin-bottom: 245px !important; }

.u-mlr245 {
  margin-left: 245px !important;
  margin-right: 245px !important; }

.u-mt245 {
  margin-top: 245px !important; }

.u-mb245 {
  margin-bottom: 245px !important; }

.u-ml245 {
  margin-left: 245px !important; }

.u-mr245 {
  margin-right: 245px !important; }

.u-p245 {
  padding: 245px !important; }

.u-pt245 {
  padding-top: 245px !important; }

.u-pb245 {
  padding-bottom: 245px !important; }

.u-pl245 {
  padding-left: 245px !important; }

.u-pr245 {
  padding-right: 245px !important; }

.u-m250 {
  margin: 250px !important; }

.u-mtb250 {
  margin-top: 250px !important;
  margin-bottom: 250px !important; }

.u-mlr250 {
  margin-left: 250px !important;
  margin-right: 250px !important; }

.u-mt250 {
  margin-top: 250px !important; }

.u-mb250 {
  margin-bottom: 250px !important; }

.u-ml250 {
  margin-left: 250px !important; }

.u-mr250 {
  margin-right: 250px !important; }

.u-p250 {
  padding: 250px !important; }

.u-pt250 {
  padding-top: 250px !important; }

.u-pb250 {
  padding-bottom: 250px !important; }

.u-pl250 {
  padding-left: 250px !important; }

.u-pr250 {
  padding-right: 250px !important; }

.u-m255 {
  margin: 255px !important; }

.u-mtb255 {
  margin-top: 255px !important;
  margin-bottom: 255px !important; }

.u-mlr255 {
  margin-left: 255px !important;
  margin-right: 255px !important; }

.u-mt255 {
  margin-top: 255px !important; }

.u-mb255 {
  margin-bottom: 255px !important; }

.u-ml255 {
  margin-left: 255px !important; }

.u-mr255 {
  margin-right: 255px !important; }

.u-p255 {
  padding: 255px !important; }

.u-pt255 {
  padding-top: 255px !important; }

.u-pb255 {
  padding-bottom: 255px !important; }

.u-pl255 {
  padding-left: 255px !important; }

.u-pr255 {
  padding-right: 255px !important; }

.u-m260 {
  margin: 260px !important; }

.u-mtb260 {
  margin-top: 260px !important;
  margin-bottom: 260px !important; }

.u-mlr260 {
  margin-left: 260px !important;
  margin-right: 260px !important; }

.u-mt260 {
  margin-top: 260px !important; }

.u-mb260 {
  margin-bottom: 260px !important; }

.u-ml260 {
  margin-left: 260px !important; }

.u-mr260 {
  margin-right: 260px !important; }

.u-p260 {
  padding: 260px !important; }

.u-pt260 {
  padding-top: 260px !important; }

.u-pb260 {
  padding-bottom: 260px !important; }

.u-pl260 {
  padding-left: 260px !important; }

.u-pr260 {
  padding-right: 260px !important; }

.u-m265 {
  margin: 265px !important; }

.u-mtb265 {
  margin-top: 265px !important;
  margin-bottom: 265px !important; }

.u-mlr265 {
  margin-left: 265px !important;
  margin-right: 265px !important; }

.u-mt265 {
  margin-top: 265px !important; }

.u-mb265 {
  margin-bottom: 265px !important; }

.u-ml265 {
  margin-left: 265px !important; }

.u-mr265 {
  margin-right: 265px !important; }

.u-p265 {
  padding: 265px !important; }

.u-pt265 {
  padding-top: 265px !important; }

.u-pb265 {
  padding-bottom: 265px !important; }

.u-pl265 {
  padding-left: 265px !important; }

.u-pr265 {
  padding-right: 265px !important; }

.u-m270 {
  margin: 270px !important; }

.u-mtb270 {
  margin-top: 270px !important;
  margin-bottom: 270px !important; }

.u-mlr270 {
  margin-left: 270px !important;
  margin-right: 270px !important; }

.u-mt270 {
  margin-top: 270px !important; }

.u-mb270 {
  margin-bottom: 270px !important; }

.u-ml270 {
  margin-left: 270px !important; }

.u-mr270 {
  margin-right: 270px !important; }

.u-p270 {
  padding: 270px !important; }

.u-pt270 {
  padding-top: 270px !important; }

.u-pb270 {
  padding-bottom: 270px !important; }

.u-pl270 {
  padding-left: 270px !important; }

.u-pr270 {
  padding-right: 270px !important; }

.u-m-auto {
  margin-left: auto !important;
  margin-right: auto !important; }

.u-m-left {
  margin-left: 0 !important;
  margin-right: auto !important; }

.u-m-right {
  margin-left: auto !important;
  margin-right: 0 !important; }

.u-m-pcAuto-spLeft {
  margin-left: 0 !important;
  margin-right: auto !important; }
  @media all and (min-width: 768px) {
    .u-m-pcAuto-spLeft {
      margin-left: auto !important;
      margin-right: auto !important; } }

.u-m-pcAuto-spRight {
  margin-left: auto !important;
  margin-right: 0 !important; }
  @media all and (min-width: 768px) {
    .u-m-pcAuto-spRight {
      margin-left: auto !important;
      margin-right: auto !important; } }

.u-mt5_half {
  margin-top: 2.5px !important; }
  @media all and (min-width: 768px) {
    .u-mt5_half {
      margin-top: 5px !important; } }

.u-mb5_half {
  margin-bottom: 2.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb5_half {
      margin-bottom: 5px !important; } }

.u-pt5_half {
  padding-top: 2.5px !important; }
  @media all and (min-width: 768px) {
    .u-pt5_half {
      padding-top: 5px !important; } }

.u-pb5_half {
  padding-bottom: 2.5px !important; }
  @media all and (min-width: 768px) {
    .u-pb5_half {
      padding-bottom: 5px !important; } }

.u-mt10_half {
  margin-top: 5px !important; }
  @media all and (min-width: 768px) {
    .u-mt10_half {
      margin-top: 10px !important; } }

.u-mb10_half {
  margin-bottom: 5px !important; }
  @media all and (min-width: 768px) {
    .u-mb10_half {
      margin-bottom: 10px !important; } }

.u-pt10_half {
  padding-top: 5px !important; }
  @media all and (min-width: 768px) {
    .u-pt10_half {
      padding-top: 10px !important; } }

.u-pb10_half {
  padding-bottom: 5px !important; }
  @media all and (min-width: 768px) {
    .u-pb10_half {
      padding-bottom: 10px !important; } }

.u-mt15_half {
  margin-top: 7.5px !important; }
  @media all and (min-width: 768px) {
    .u-mt15_half {
      margin-top: 15px !important; } }

.u-mb15_half {
  margin-bottom: 7.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb15_half {
      margin-bottom: 15px !important; } }

.u-pt15_half {
  padding-top: 7.5px !important; }
  @media all and (min-width: 768px) {
    .u-pt15_half {
      padding-top: 15px !important; } }

.u-pb15_half {
  padding-bottom: 7.5px !important; }
  @media all and (min-width: 768px) {
    .u-pb15_half {
      padding-bottom: 15px !important; } }

.u-mt20_half {
  margin-top: 10px !important; }
  @media all and (min-width: 768px) {
    .u-mt20_half {
      margin-top: 20px !important; } }

.u-mb20_half {
  margin-bottom: 10px !important; }
  @media all and (min-width: 768px) {
    .u-mb20_half {
      margin-bottom: 20px !important; } }

.u-pt20_half {
  padding-top: 10px !important; }
  @media all and (min-width: 768px) {
    .u-pt20_half {
      padding-top: 20px !important; } }

.u-pb20_half {
  padding-bottom: 10px !important; }
  @media all and (min-width: 768px) {
    .u-pb20_half {
      padding-bottom: 20px !important; } }

.u-mt25_half {
  margin-top: 12.5px !important; }
  @media all and (min-width: 768px) {
    .u-mt25_half {
      margin-top: 25px !important; } }

.u-mb25_half {
  margin-bottom: 12.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb25_half {
      margin-bottom: 25px !important; } }

.u-pt25_half {
  padding-top: 12.5px !important; }
  @media all and (min-width: 768px) {
    .u-pt25_half {
      padding-top: 25px !important; } }

.u-pb25_half {
  padding-bottom: 12.5px !important; }
  @media all and (min-width: 768px) {
    .u-pb25_half {
      padding-bottom: 25px !important; } }

.u-mt30_half {
  margin-top: 15px !important; }
  @media all and (min-width: 768px) {
    .u-mt30_half {
      margin-top: 30px !important; } }

.u-mb30_half {
  margin-bottom: 15px !important; }
  @media all and (min-width: 768px) {
    .u-mb30_half {
      margin-bottom: 30px !important; } }

.u-pt30_half {
  padding-top: 15px !important; }
  @media all and (min-width: 768px) {
    .u-pt30_half {
      padding-top: 30px !important; } }

.u-pb30_half {
  padding-bottom: 15px !important; }
  @media all and (min-width: 768px) {
    .u-pb30_half {
      padding-bottom: 30px !important; } }

.u-mt35_half {
  margin-top: 17.5px !important; }
  @media all and (min-width: 768px) {
    .u-mt35_half {
      margin-top: 35px !important; } }

.u-mb35_half {
  margin-bottom: 17.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb35_half {
      margin-bottom: 35px !important; } }

.u-pt35_half {
  padding-top: 17.5px !important; }
  @media all and (min-width: 768px) {
    .u-pt35_half {
      padding-top: 35px !important; } }

.u-pb35_half {
  padding-bottom: 17.5px !important; }
  @media all and (min-width: 768px) {
    .u-pb35_half {
      padding-bottom: 35px !important; } }

.u-mt40_half {
  margin-top: 20px !important; }
  @media all and (min-width: 768px) {
    .u-mt40_half {
      margin-top: 40px !important; } }

.u-mb40_half {
  margin-bottom: 20px !important; }
  @media all and (min-width: 768px) {
    .u-mb40_half {
      margin-bottom: 40px !important; } }

.u-pt40_half {
  padding-top: 20px !important; }
  @media all and (min-width: 768px) {
    .u-pt40_half {
      padding-top: 40px !important; } }

.u-pb40_half {
  padding-bottom: 20px !important; }
  @media all and (min-width: 768px) {
    .u-pb40_half {
      padding-bottom: 40px !important; } }

.u-mt45_half {
  margin-top: 22.5px !important; }
  @media all and (min-width: 768px) {
    .u-mt45_half {
      margin-top: 45px !important; } }

.u-mb45_half {
  margin-bottom: 22.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb45_half {
      margin-bottom: 45px !important; } }

.u-pt45_half {
  padding-top: 22.5px !important; }
  @media all and (min-width: 768px) {
    .u-pt45_half {
      padding-top: 45px !important; } }

.u-pb45_half {
  padding-bottom: 22.5px !important; }
  @media all and (min-width: 768px) {
    .u-pb45_half {
      padding-bottom: 45px !important; } }

.u-mt50_half {
  margin-top: 25px !important; }
  @media all and (min-width: 768px) {
    .u-mt50_half {
      margin-top: 50px !important; } }

.u-mb50_half {
  margin-bottom: 25px !important; }
  @media all and (min-width: 768px) {
    .u-mb50_half {
      margin-bottom: 50px !important; } }

.u-pt50_half {
  padding-top: 25px !important; }
  @media all and (min-width: 768px) {
    .u-pt50_half {
      padding-top: 50px !important; } }

.u-pb50_half {
  padding-bottom: 25px !important; }
  @media all and (min-width: 768px) {
    .u-pb50_half {
      padding-bottom: 50px !important; } }

.u-mt55_half {
  margin-top: 27.5px !important; }
  @media all and (min-width: 768px) {
    .u-mt55_half {
      margin-top: 55px !important; } }

.u-mb55_half {
  margin-bottom: 27.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb55_half {
      margin-bottom: 55px !important; } }

.u-pt55_half {
  padding-top: 27.5px !important; }
  @media all and (min-width: 768px) {
    .u-pt55_half {
      padding-top: 55px !important; } }

.u-pb55_half {
  padding-bottom: 27.5px !important; }
  @media all and (min-width: 768px) {
    .u-pb55_half {
      padding-bottom: 55px !important; } }

.u-mt60_half {
  margin-top: 30px !important; }
  @media all and (min-width: 768px) {
    .u-mt60_half {
      margin-top: 60px !important; } }

.u-mb60_half {
  margin-bottom: 30px !important; }
  @media all and (min-width: 768px) {
    .u-mb60_half {
      margin-bottom: 60px !important; } }

.u-pt60_half {
  padding-top: 30px !important; }
  @media all and (min-width: 768px) {
    .u-pt60_half {
      padding-top: 60px !important; } }

.u-pb60_half {
  padding-bottom: 30px !important; }
  @media all and (min-width: 768px) {
    .u-pb60_half {
      padding-bottom: 60px !important; } }

.u-mt65_half {
  margin-top: 32.5px !important; }
  @media all and (min-width: 768px) {
    .u-mt65_half {
      margin-top: 65px !important; } }

.u-mb65_half {
  margin-bottom: 32.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb65_half {
      margin-bottom: 65px !important; } }

.u-pt65_half {
  padding-top: 32.5px !important; }
  @media all and (min-width: 768px) {
    .u-pt65_half {
      padding-top: 65px !important; } }

.u-pb65_half {
  padding-bottom: 32.5px !important; }
  @media all and (min-width: 768px) {
    .u-pb65_half {
      padding-bottom: 65px !important; } }

.u-mt70_half {
  margin-top: 35px !important; }
  @media all and (min-width: 768px) {
    .u-mt70_half {
      margin-top: 70px !important; } }

.u-mb70_half {
  margin-bottom: 35px !important; }
  @media all and (min-width: 768px) {
    .u-mb70_half {
      margin-bottom: 70px !important; } }

.u-pt70_half {
  padding-top: 35px !important; }
  @media all and (min-width: 768px) {
    .u-pt70_half {
      padding-top: 70px !important; } }

.u-pb70_half {
  padding-bottom: 35px !important; }
  @media all and (min-width: 768px) {
    .u-pb70_half {
      padding-bottom: 70px !important; } }

.u-mt75_half {
  margin-top: 37.5px !important; }
  @media all and (min-width: 768px) {
    .u-mt75_half {
      margin-top: 75px !important; } }

.u-mb75_half {
  margin-bottom: 37.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb75_half {
      margin-bottom: 75px !important; } }

.u-pt75_half {
  padding-top: 37.5px !important; }
  @media all and (min-width: 768px) {
    .u-pt75_half {
      padding-top: 75px !important; } }

.u-pb75_half {
  padding-bottom: 37.5px !important; }
  @media all and (min-width: 768px) {
    .u-pb75_half {
      padding-bottom: 75px !important; } }

.u-mt80_half {
  margin-top: 40px !important; }
  @media all and (min-width: 768px) {
    .u-mt80_half {
      margin-top: 80px !important; } }

.u-mb80_half {
  margin-bottom: 40px !important; }
  @media all and (min-width: 768px) {
    .u-mb80_half {
      margin-bottom: 80px !important; } }

.u-pt80_half {
  padding-top: 40px !important; }
  @media all and (min-width: 768px) {
    .u-pt80_half {
      padding-top: 80px !important; } }

.u-pb80_half {
  padding-bottom: 40px !important; }
  @media all and (min-width: 768px) {
    .u-pb80_half {
      padding-bottom: 80px !important; } }

.u-mt85_half {
  margin-top: 42.5px !important; }
  @media all and (min-width: 768px) {
    .u-mt85_half {
      margin-top: 85px !important; } }

.u-mb85_half {
  margin-bottom: 42.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb85_half {
      margin-bottom: 85px !important; } }

.u-pt85_half {
  padding-top: 42.5px !important; }
  @media all and (min-width: 768px) {
    .u-pt85_half {
      padding-top: 85px !important; } }

.u-pb85_half {
  padding-bottom: 42.5px !important; }
  @media all and (min-width: 768px) {
    .u-pb85_half {
      padding-bottom: 85px !important; } }

.u-mt90_half {
  margin-top: 45px !important; }
  @media all and (min-width: 768px) {
    .u-mt90_half {
      margin-top: 90px !important; } }

.u-mb90_half {
  margin-bottom: 45px !important; }
  @media all and (min-width: 768px) {
    .u-mb90_half {
      margin-bottom: 90px !important; } }

.u-pt90_half {
  padding-top: 45px !important; }
  @media all and (min-width: 768px) {
    .u-pt90_half {
      padding-top: 90px !important; } }

.u-pb90_half {
  padding-bottom: 45px !important; }
  @media all and (min-width: 768px) {
    .u-pb90_half {
      padding-bottom: 90px !important; } }

.u-mt95_half {
  margin-top: 47.5px !important; }
  @media all and (min-width: 768px) {
    .u-mt95_half {
      margin-top: 95px !important; } }

.u-mb95_half {
  margin-bottom: 47.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb95_half {
      margin-bottom: 95px !important; } }

.u-pt95_half {
  padding-top: 47.5px !important; }
  @media all and (min-width: 768px) {
    .u-pt95_half {
      padding-top: 95px !important; } }

.u-pb95_half {
  padding-bottom: 47.5px !important; }
  @media all and (min-width: 768px) {
    .u-pb95_half {
      padding-bottom: 95px !important; } }

.u-mt100_half {
  margin-top: 50px !important; }
  @media all and (min-width: 768px) {
    .u-mt100_half {
      margin-top: 100px !important; } }

.u-mb100_half {
  margin-bottom: 50px !important; }
  @media all and (min-width: 768px) {
    .u-mb100_half {
      margin-bottom: 100px !important; } }

.u-pt100_half {
  padding-top: 50px !important; }
  @media all and (min-width: 768px) {
    .u-pt100_half {
      padding-top: 100px !important; } }

.u-pb100_half {
  padding-bottom: 50px !important; }
  @media all and (min-width: 768px) {
    .u-pb100_half {
      padding-bottom: 100px !important; } }

.u-mt105_half {
  margin-top: 52.5px !important; }
  @media all and (min-width: 768px) {
    .u-mt105_half {
      margin-top: 105px !important; } }

.u-mb105_half {
  margin-bottom: 52.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb105_half {
      margin-bottom: 105px !important; } }

.u-pt105_half {
  padding-top: 52.5px !important; }
  @media all and (min-width: 768px) {
    .u-pt105_half {
      padding-top: 105px !important; } }

.u-pb105_half {
  padding-bottom: 52.5px !important; }
  @media all and (min-width: 768px) {
    .u-pb105_half {
      padding-bottom: 105px !important; } }

.u-mt110_half {
  margin-top: 55px !important; }
  @media all and (min-width: 768px) {
    .u-mt110_half {
      margin-top: 110px !important; } }

.u-mb110_half {
  margin-bottom: 55px !important; }
  @media all and (min-width: 768px) {
    .u-mb110_half {
      margin-bottom: 110px !important; } }

.u-pt110_half {
  padding-top: 55px !important; }
  @media all and (min-width: 768px) {
    .u-pt110_half {
      padding-top: 110px !important; } }

.u-pb110_half {
  padding-bottom: 55px !important; }
  @media all and (min-width: 768px) {
    .u-pb110_half {
      padding-bottom: 110px !important; } }

.u-mt115_half {
  margin-top: 57.5px !important; }
  @media all and (min-width: 768px) {
    .u-mt115_half {
      margin-top: 115px !important; } }

.u-mb115_half {
  margin-bottom: 57.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb115_half {
      margin-bottom: 115px !important; } }

.u-pt115_half {
  padding-top: 57.5px !important; }
  @media all and (min-width: 768px) {
    .u-pt115_half {
      padding-top: 115px !important; } }

.u-pb115_half {
  padding-bottom: 57.5px !important; }
  @media all and (min-width: 768px) {
    .u-pb115_half {
      padding-bottom: 115px !important; } }

.u-mt120_half {
  margin-top: 60px !important; }
  @media all and (min-width: 768px) {
    .u-mt120_half {
      margin-top: 120px !important; } }

.u-mb120_half {
  margin-bottom: 60px !important; }
  @media all and (min-width: 768px) {
    .u-mb120_half {
      margin-bottom: 120px !important; } }

.u-pt120_half {
  padding-top: 60px !important; }
  @media all and (min-width: 768px) {
    .u-pt120_half {
      padding-top: 120px !important; } }

.u-pb120_half {
  padding-bottom: 60px !important; }
  @media all and (min-width: 768px) {
    .u-pb120_half {
      padding-bottom: 120px !important; } }

.u-mt125_half {
  margin-top: 62.5px !important; }
  @media all and (min-width: 768px) {
    .u-mt125_half {
      margin-top: 125px !important; } }

.u-mb125_half {
  margin-bottom: 62.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb125_half {
      margin-bottom: 125px !important; } }

.u-pt125_half {
  padding-top: 62.5px !important; }
  @media all and (min-width: 768px) {
    .u-pt125_half {
      padding-top: 125px !important; } }

.u-pb125_half {
  padding-bottom: 62.5px !important; }
  @media all and (min-width: 768px) {
    .u-pb125_half {
      padding-bottom: 125px !important; } }

.u-mt130_half {
  margin-top: 65px !important; }
  @media all and (min-width: 768px) {
    .u-mt130_half {
      margin-top: 130px !important; } }

.u-mb130_half {
  margin-bottom: 65px !important; }
  @media all and (min-width: 768px) {
    .u-mb130_half {
      margin-bottom: 130px !important; } }

.u-pt130_half {
  padding-top: 65px !important; }
  @media all and (min-width: 768px) {
    .u-pt130_half {
      padding-top: 130px !important; } }

.u-pb130_half {
  padding-bottom: 65px !important; }
  @media all and (min-width: 768px) {
    .u-pb130_half {
      padding-bottom: 130px !important; } }

.u-mt135_half {
  margin-top: 67.5px !important; }
  @media all and (min-width: 768px) {
    .u-mt135_half {
      margin-top: 135px !important; } }

.u-mb135_half {
  margin-bottom: 67.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb135_half {
      margin-bottom: 135px !important; } }

.u-pt135_half {
  padding-top: 67.5px !important; }
  @media all and (min-width: 768px) {
    .u-pt135_half {
      padding-top: 135px !important; } }

.u-pb135_half {
  padding-bottom: 67.5px !important; }
  @media all and (min-width: 768px) {
    .u-pb135_half {
      padding-bottom: 135px !important; } }

.u-mt140_half {
  margin-top: 70px !important; }
  @media all and (min-width: 768px) {
    .u-mt140_half {
      margin-top: 140px !important; } }

.u-mb140_half {
  margin-bottom: 70px !important; }
  @media all and (min-width: 768px) {
    .u-mb140_half {
      margin-bottom: 140px !important; } }

.u-pt140_half {
  padding-top: 70px !important; }
  @media all and (min-width: 768px) {
    .u-pt140_half {
      padding-top: 140px !important; } }

.u-pb140_half {
  padding-bottom: 70px !important; }
  @media all and (min-width: 768px) {
    .u-pb140_half {
      padding-bottom: 140px !important; } }

.u-mt145_half {
  margin-top: 72.5px !important; }
  @media all and (min-width: 768px) {
    .u-mt145_half {
      margin-top: 145px !important; } }

.u-mb145_half {
  margin-bottom: 72.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb145_half {
      margin-bottom: 145px !important; } }

.u-pt145_half {
  padding-top: 72.5px !important; }
  @media all and (min-width: 768px) {
    .u-pt145_half {
      padding-top: 145px !important; } }

.u-pb145_half {
  padding-bottom: 72.5px !important; }
  @media all and (min-width: 768px) {
    .u-pb145_half {
      padding-bottom: 145px !important; } }

.u-mt150_half {
  margin-top: 75px !important; }
  @media all and (min-width: 768px) {
    .u-mt150_half {
      margin-top: 150px !important; } }

.u-mb150_half {
  margin-bottom: 75px !important; }
  @media all and (min-width: 768px) {
    .u-mb150_half {
      margin-bottom: 150px !important; } }

.u-pt150_half {
  padding-top: 75px !important; }
  @media all and (min-width: 768px) {
    .u-pt150_half {
      padding-top: 150px !important; } }

.u-pb150_half {
  padding-bottom: 75px !important; }
  @media all and (min-width: 768px) {
    .u-pb150_half {
      padding-bottom: 150px !important; } }

.u-mt155_half {
  margin-top: 77.5px !important; }
  @media all and (min-width: 768px) {
    .u-mt155_half {
      margin-top: 155px !important; } }

.u-mb155_half {
  margin-bottom: 77.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb155_half {
      margin-bottom: 155px !important; } }

.u-pt155_half {
  padding-top: 77.5px !important; }
  @media all and (min-width: 768px) {
    .u-pt155_half {
      padding-top: 155px !important; } }

.u-pb155_half {
  padding-bottom: 77.5px !important; }
  @media all and (min-width: 768px) {
    .u-pb155_half {
      padding-bottom: 155px !important; } }

.u-mt160_half {
  margin-top: 80px !important; }
  @media all and (min-width: 768px) {
    .u-mt160_half {
      margin-top: 160px !important; } }

.u-mb160_half {
  margin-bottom: 80px !important; }
  @media all and (min-width: 768px) {
    .u-mb160_half {
      margin-bottom: 160px !important; } }

.u-pt160_half {
  padding-top: 80px !important; }
  @media all and (min-width: 768px) {
    .u-pt160_half {
      padding-top: 160px !important; } }

.u-pb160_half {
  padding-bottom: 80px !important; }
  @media all and (min-width: 768px) {
    .u-pb160_half {
      padding-bottom: 160px !important; } }

.u-mt165_half {
  margin-top: 82.5px !important; }
  @media all and (min-width: 768px) {
    .u-mt165_half {
      margin-top: 165px !important; } }

.u-mb165_half {
  margin-bottom: 82.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb165_half {
      margin-bottom: 165px !important; } }

.u-pt165_half {
  padding-top: 82.5px !important; }
  @media all and (min-width: 768px) {
    .u-pt165_half {
      padding-top: 165px !important; } }

.u-pb165_half {
  padding-bottom: 82.5px !important; }
  @media all and (min-width: 768px) {
    .u-pb165_half {
      padding-bottom: 165px !important; } }

.u-mt170_half {
  margin-top: 85px !important; }
  @media all and (min-width: 768px) {
    .u-mt170_half {
      margin-top: 170px !important; } }

.u-mb170_half {
  margin-bottom: 85px !important; }
  @media all and (min-width: 768px) {
    .u-mb170_half {
      margin-bottom: 170px !important; } }

.u-pt170_half {
  padding-top: 85px !important; }
  @media all and (min-width: 768px) {
    .u-pt170_half {
      padding-top: 170px !important; } }

.u-pb170_half {
  padding-bottom: 85px !important; }
  @media all and (min-width: 768px) {
    .u-pb170_half {
      padding-bottom: 170px !important; } }

.u-mt175_half {
  margin-top: 87.5px !important; }
  @media all and (min-width: 768px) {
    .u-mt175_half {
      margin-top: 175px !important; } }

.u-mb175_half {
  margin-bottom: 87.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb175_half {
      margin-bottom: 175px !important; } }

.u-pt175_half {
  padding-top: 87.5px !important; }
  @media all and (min-width: 768px) {
    .u-pt175_half {
      padding-top: 175px !important; } }

.u-pb175_half {
  padding-bottom: 87.5px !important; }
  @media all and (min-width: 768px) {
    .u-pb175_half {
      padding-bottom: 175px !important; } }

.u-mt180_half {
  margin-top: 90px !important; }
  @media all and (min-width: 768px) {
    .u-mt180_half {
      margin-top: 180px !important; } }

.u-mb180_half {
  margin-bottom: 90px !important; }
  @media all and (min-width: 768px) {
    .u-mb180_half {
      margin-bottom: 180px !important; } }

.u-pt180_half {
  padding-top: 90px !important; }
  @media all and (min-width: 768px) {
    .u-pt180_half {
      padding-top: 180px !important; } }

.u-pb180_half {
  padding-bottom: 90px !important; }
  @media all and (min-width: 768px) {
    .u-pb180_half {
      padding-bottom: 180px !important; } }

.u-mt185_half {
  margin-top: 92.5px !important; }
  @media all and (min-width: 768px) {
    .u-mt185_half {
      margin-top: 185px !important; } }

.u-mb185_half {
  margin-bottom: 92.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb185_half {
      margin-bottom: 185px !important; } }

.u-pt185_half {
  padding-top: 92.5px !important; }
  @media all and (min-width: 768px) {
    .u-pt185_half {
      padding-top: 185px !important; } }

.u-pb185_half {
  padding-bottom: 92.5px !important; }
  @media all and (min-width: 768px) {
    .u-pb185_half {
      padding-bottom: 185px !important; } }

.u-mt190_half {
  margin-top: 95px !important; }
  @media all and (min-width: 768px) {
    .u-mt190_half {
      margin-top: 190px !important; } }

.u-mb190_half {
  margin-bottom: 95px !important; }
  @media all and (min-width: 768px) {
    .u-mb190_half {
      margin-bottom: 190px !important; } }

.u-pt190_half {
  padding-top: 95px !important; }
  @media all and (min-width: 768px) {
    .u-pt190_half {
      padding-top: 190px !important; } }

.u-pb190_half {
  padding-bottom: 95px !important; }
  @media all and (min-width: 768px) {
    .u-pb190_half {
      padding-bottom: 190px !important; } }

.u-mt195_half {
  margin-top: 97.5px !important; }
  @media all and (min-width: 768px) {
    .u-mt195_half {
      margin-top: 195px !important; } }

.u-mb195_half {
  margin-bottom: 97.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb195_half {
      margin-bottom: 195px !important; } }

.u-pt195_half {
  padding-top: 97.5px !important; }
  @media all and (min-width: 768px) {
    .u-pt195_half {
      padding-top: 195px !important; } }

.u-pb195_half {
  padding-bottom: 97.5px !important; }
  @media all and (min-width: 768px) {
    .u-pb195_half {
      padding-bottom: 195px !important; } }

.u-mt200_half {
  margin-top: 100px !important; }
  @media all and (min-width: 768px) {
    .u-mt200_half {
      margin-top: 200px !important; } }

.u-mb200_half {
  margin-bottom: 100px !important; }
  @media all and (min-width: 768px) {
    .u-mb200_half {
      margin-bottom: 200px !important; } }

.u-pt200_half {
  padding-top: 100px !important; }
  @media all and (min-width: 768px) {
    .u-pt200_half {
      padding-top: 200px !important; } }

.u-pb200_half {
  padding-bottom: 100px !important; }
  @media all and (min-width: 768px) {
    .u-pb200_half {
      padding-bottom: 200px !important; } }

.u-mt205_half {
  margin-top: 102.5px !important; }
  @media all and (min-width: 768px) {
    .u-mt205_half {
      margin-top: 205px !important; } }

.u-mb205_half {
  margin-bottom: 102.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb205_half {
      margin-bottom: 205px !important; } }

.u-pt205_half {
  padding-top: 102.5px !important; }
  @media all and (min-width: 768px) {
    .u-pt205_half {
      padding-top: 205px !important; } }

.u-pb205_half {
  padding-bottom: 102.5px !important; }
  @media all and (min-width: 768px) {
    .u-pb205_half {
      padding-bottom: 205px !important; } }

.u-mt210_half {
  margin-top: 105px !important; }
  @media all and (min-width: 768px) {
    .u-mt210_half {
      margin-top: 210px !important; } }

.u-mb210_half {
  margin-bottom: 105px !important; }
  @media all and (min-width: 768px) {
    .u-mb210_half {
      margin-bottom: 210px !important; } }

.u-pt210_half {
  padding-top: 105px !important; }
  @media all and (min-width: 768px) {
    .u-pt210_half {
      padding-top: 210px !important; } }

.u-pb210_half {
  padding-bottom: 105px !important; }
  @media all and (min-width: 768px) {
    .u-pb210_half {
      padding-bottom: 210px !important; } }

.u-mt215_half {
  margin-top: 107.5px !important; }
  @media all and (min-width: 768px) {
    .u-mt215_half {
      margin-top: 215px !important; } }

.u-mb215_half {
  margin-bottom: 107.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb215_half {
      margin-bottom: 215px !important; } }

.u-pt215_half {
  padding-top: 107.5px !important; }
  @media all and (min-width: 768px) {
    .u-pt215_half {
      padding-top: 215px !important; } }

.u-pb215_half {
  padding-bottom: 107.5px !important; }
  @media all and (min-width: 768px) {
    .u-pb215_half {
      padding-bottom: 215px !important; } }

.u-mt220_half {
  margin-top: 110px !important; }
  @media all and (min-width: 768px) {
    .u-mt220_half {
      margin-top: 220px !important; } }

.u-mb220_half {
  margin-bottom: 110px !important; }
  @media all and (min-width: 768px) {
    .u-mb220_half {
      margin-bottom: 220px !important; } }

.u-pt220_half {
  padding-top: 110px !important; }
  @media all and (min-width: 768px) {
    .u-pt220_half {
      padding-top: 220px !important; } }

.u-pb220_half {
  padding-bottom: 110px !important; }
  @media all and (min-width: 768px) {
    .u-pb220_half {
      padding-bottom: 220px !important; } }

.u-mt225_half {
  margin-top: 112.5px !important; }
  @media all and (min-width: 768px) {
    .u-mt225_half {
      margin-top: 225px !important; } }

.u-mb225_half {
  margin-bottom: 112.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb225_half {
      margin-bottom: 225px !important; } }

.u-pt225_half {
  padding-top: 112.5px !important; }
  @media all and (min-width: 768px) {
    .u-pt225_half {
      padding-top: 225px !important; } }

.u-pb225_half {
  padding-bottom: 112.5px !important; }
  @media all and (min-width: 768px) {
    .u-pb225_half {
      padding-bottom: 225px !important; } }

.u-mt230_half {
  margin-top: 115px !important; }
  @media all and (min-width: 768px) {
    .u-mt230_half {
      margin-top: 230px !important; } }

.u-mb230_half {
  margin-bottom: 115px !important; }
  @media all and (min-width: 768px) {
    .u-mb230_half {
      margin-bottom: 230px !important; } }

.u-pt230_half {
  padding-top: 115px !important; }
  @media all and (min-width: 768px) {
    .u-pt230_half {
      padding-top: 230px !important; } }

.u-pb230_half {
  padding-bottom: 115px !important; }
  @media all and (min-width: 768px) {
    .u-pb230_half {
      padding-bottom: 230px !important; } }

.u-mt235_half {
  margin-top: 117.5px !important; }
  @media all and (min-width: 768px) {
    .u-mt235_half {
      margin-top: 235px !important; } }

.u-mb235_half {
  margin-bottom: 117.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb235_half {
      margin-bottom: 235px !important; } }

.u-pt235_half {
  padding-top: 117.5px !important; }
  @media all and (min-width: 768px) {
    .u-pt235_half {
      padding-top: 235px !important; } }

.u-pb235_half {
  padding-bottom: 117.5px !important; }
  @media all and (min-width: 768px) {
    .u-pb235_half {
      padding-bottom: 235px !important; } }

.u-mt240_half {
  margin-top: 120px !important; }
  @media all and (min-width: 768px) {
    .u-mt240_half {
      margin-top: 240px !important; } }

.u-mb240_half {
  margin-bottom: 120px !important; }
  @media all and (min-width: 768px) {
    .u-mb240_half {
      margin-bottom: 240px !important; } }

.u-pt240_half {
  padding-top: 120px !important; }
  @media all and (min-width: 768px) {
    .u-pt240_half {
      padding-top: 240px !important; } }

.u-pb240_half {
  padding-bottom: 120px !important; }
  @media all and (min-width: 768px) {
    .u-pb240_half {
      padding-bottom: 240px !important; } }

.u-mt245_half {
  margin-top: 122.5px !important; }
  @media all and (min-width: 768px) {
    .u-mt245_half {
      margin-top: 245px !important; } }

.u-mb245_half {
  margin-bottom: 122.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb245_half {
      margin-bottom: 245px !important; } }

.u-pt245_half {
  padding-top: 122.5px !important; }
  @media all and (min-width: 768px) {
    .u-pt245_half {
      padding-top: 245px !important; } }

.u-pb245_half {
  padding-bottom: 122.5px !important; }
  @media all and (min-width: 768px) {
    .u-pb245_half {
      padding-bottom: 245px !important; } }

.u-mt250_half {
  margin-top: 125px !important; }
  @media all and (min-width: 768px) {
    .u-mt250_half {
      margin-top: 250px !important; } }

.u-mb250_half {
  margin-bottom: 125px !important; }
  @media all and (min-width: 768px) {
    .u-mb250_half {
      margin-bottom: 250px !important; } }

.u-pt250_half {
  padding-top: 125px !important; }
  @media all and (min-width: 768px) {
    .u-pt250_half {
      padding-top: 250px !important; } }

.u-pb250_half {
  padding-bottom: 125px !important; }
  @media all and (min-width: 768px) {
    .u-pb250_half {
      padding-bottom: 250px !important; } }

.u-mt255_half {
  margin-top: 127.5px !important; }
  @media all and (min-width: 768px) {
    .u-mt255_half {
      margin-top: 255px !important; } }

.u-mb255_half {
  margin-bottom: 127.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb255_half {
      margin-bottom: 255px !important; } }

.u-pt255_half {
  padding-top: 127.5px !important; }
  @media all and (min-width: 768px) {
    .u-pt255_half {
      padding-top: 255px !important; } }

.u-pb255_half {
  padding-bottom: 127.5px !important; }
  @media all and (min-width: 768px) {
    .u-pb255_half {
      padding-bottom: 255px !important; } }

.u-mt260_half {
  margin-top: 130px !important; }
  @media all and (min-width: 768px) {
    .u-mt260_half {
      margin-top: 260px !important; } }

.u-mb260_half {
  margin-bottom: 130px !important; }
  @media all and (min-width: 768px) {
    .u-mb260_half {
      margin-bottom: 260px !important; } }

.u-pt260_half {
  padding-top: 130px !important; }
  @media all and (min-width: 768px) {
    .u-pt260_half {
      padding-top: 260px !important; } }

.u-pb260_half {
  padding-bottom: 130px !important; }
  @media all and (min-width: 768px) {
    .u-pb260_half {
      padding-bottom: 260px !important; } }

.u-mt265_half {
  margin-top: 132.5px !important; }
  @media all and (min-width: 768px) {
    .u-mt265_half {
      margin-top: 265px !important; } }

.u-mb265_half {
  margin-bottom: 132.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb265_half {
      margin-bottom: 265px !important; } }

.u-pt265_half {
  padding-top: 132.5px !important; }
  @media all and (min-width: 768px) {
    .u-pt265_half {
      padding-top: 265px !important; } }

.u-pb265_half {
  padding-bottom: 132.5px !important; }
  @media all and (min-width: 768px) {
    .u-pb265_half {
      padding-bottom: 265px !important; } }

.u-mt270_half {
  margin-top: 135px !important; }
  @media all and (min-width: 768px) {
    .u-mt270_half {
      margin-top: 270px !important; } }

.u-mb270_half {
  margin-bottom: 135px !important; }
  @media all and (min-width: 768px) {
    .u-mb270_half {
      margin-bottom: 270px !important; } }

.u-pt270_half {
  padding-top: 135px !important; }
  @media all and (min-width: 768px) {
    .u-pt270_half {
      padding-top: 270px !important; } }

.u-pb270_half {
  padding-bottom: 135px !important; }
  @media all and (min-width: 768px) {
    .u-pb270_half {
      padding-bottom: 270px !important; } }

.u-mb5_23rd {
  margin-bottom: 3.33333px !important; }
  @media all and (min-width: 768px) {
    .u-mb5_23rd {
      margin-bottom: 5px !important; } }

.u-mb10_23rd {
  margin-bottom: 6.66667px !important; }
  @media all and (min-width: 768px) {
    .u-mb10_23rd {
      margin-bottom: 10px !important; } }

.u-mb15_23rd {
  margin-bottom: 10px !important; }
  @media all and (min-width: 768px) {
    .u-mb15_23rd {
      margin-bottom: 15px !important; } }

.u-mb20_23rd {
  margin-bottom: 13.33333px !important; }
  @media all and (min-width: 768px) {
    .u-mb20_23rd {
      margin-bottom: 20px !important; } }

.u-mb25_23rd {
  margin-bottom: 16.66667px !important; }
  @media all and (min-width: 768px) {
    .u-mb25_23rd {
      margin-bottom: 25px !important; } }

.u-mb30_23rd {
  margin-bottom: 20px !important; }
  @media all and (min-width: 768px) {
    .u-mb30_23rd {
      margin-bottom: 30px !important; } }

.u-mb35_23rd {
  margin-bottom: 23.33333px !important; }
  @media all and (min-width: 768px) {
    .u-mb35_23rd {
      margin-bottom: 35px !important; } }

.u-mb40_23rd {
  margin-bottom: 26.66667px !important; }
  @media all and (min-width: 768px) {
    .u-mb40_23rd {
      margin-bottom: 40px !important; } }

.u-mb45_23rd {
  margin-bottom: 30px !important; }
  @media all and (min-width: 768px) {
    .u-mb45_23rd {
      margin-bottom: 45px !important; } }

.u-mb50_23rd {
  margin-bottom: 33.33333px !important; }
  @media all and (min-width: 768px) {
    .u-mb50_23rd {
      margin-bottom: 50px !important; } }

.u-mb55_23rd {
  margin-bottom: 36.66667px !important; }
  @media all and (min-width: 768px) {
    .u-mb55_23rd {
      margin-bottom: 55px !important; } }

.u-mb60_23rd {
  margin-bottom: 40px !important; }
  @media all and (min-width: 768px) {
    .u-mb60_23rd {
      margin-bottom: 60px !important; } }

.u-mb65_23rd {
  margin-bottom: 43.33333px !important; }
  @media all and (min-width: 768px) {
    .u-mb65_23rd {
      margin-bottom: 65px !important; } }

.u-mb70_23rd {
  margin-bottom: 46.66667px !important; }
  @media all and (min-width: 768px) {
    .u-mb70_23rd {
      margin-bottom: 70px !important; } }

.u-mb75_23rd {
  margin-bottom: 50px !important; }
  @media all and (min-width: 768px) {
    .u-mb75_23rd {
      margin-bottom: 75px !important; } }

.u-mb80_23rd {
  margin-bottom: 53.33333px !important; }
  @media all and (min-width: 768px) {
    .u-mb80_23rd {
      margin-bottom: 80px !important; } }

.u-mb85_23rd {
  margin-bottom: 56.66667px !important; }
  @media all and (min-width: 768px) {
    .u-mb85_23rd {
      margin-bottom: 85px !important; } }

.u-mb90_23rd {
  margin-bottom: 60px !important; }
  @media all and (min-width: 768px) {
    .u-mb90_23rd {
      margin-bottom: 90px !important; } }

.u-mb95_23rd {
  margin-bottom: 63.33333px !important; }
  @media all and (min-width: 768px) {
    .u-mb95_23rd {
      margin-bottom: 95px !important; } }

.u-mb100_23rd {
  margin-bottom: 66.66667px !important; }
  @media all and (min-width: 768px) {
    .u-mb100_23rd {
      margin-bottom: 100px !important; } }

.u-mb105_23rd {
  margin-bottom: 70px !important; }
  @media all and (min-width: 768px) {
    .u-mb105_23rd {
      margin-bottom: 105px !important; } }

.u-mb110_23rd {
  margin-bottom: 73.33333px !important; }
  @media all and (min-width: 768px) {
    .u-mb110_23rd {
      margin-bottom: 110px !important; } }

.u-mb115_23rd {
  margin-bottom: 76.66667px !important; }
  @media all and (min-width: 768px) {
    .u-mb115_23rd {
      margin-bottom: 115px !important; } }

.u-mb120_23rd {
  margin-bottom: 80px !important; }
  @media all and (min-width: 768px) {
    .u-mb120_23rd {
      margin-bottom: 120px !important; } }

.u-mb125_23rd {
  margin-bottom: 83.33333px !important; }
  @media all and (min-width: 768px) {
    .u-mb125_23rd {
      margin-bottom: 125px !important; } }

.u-mb130_23rd {
  margin-bottom: 86.66667px !important; }
  @media all and (min-width: 768px) {
    .u-mb130_23rd {
      margin-bottom: 130px !important; } }

.u-mb135_23rd {
  margin-bottom: 90px !important; }
  @media all and (min-width: 768px) {
    .u-mb135_23rd {
      margin-bottom: 135px !important; } }

.u-mb140_23rd {
  margin-bottom: 93.33333px !important; }
  @media all and (min-width: 768px) {
    .u-mb140_23rd {
      margin-bottom: 140px !important; } }

.u-mb145_23rd {
  margin-bottom: 96.66667px !important; }
  @media all and (min-width: 768px) {
    .u-mb145_23rd {
      margin-bottom: 145px !important; } }

.u-mb150_23rd {
  margin-bottom: 100px !important; }
  @media all and (min-width: 768px) {
    .u-mb150_23rd {
      margin-bottom: 150px !important; } }

.u-mb155_23rd {
  margin-bottom: 103.33333px !important; }
  @media all and (min-width: 768px) {
    .u-mb155_23rd {
      margin-bottom: 155px !important; } }

.u-mb160_23rd {
  margin-bottom: 106.66667px !important; }
  @media all and (min-width: 768px) {
    .u-mb160_23rd {
      margin-bottom: 160px !important; } }

.u-mb165_23rd {
  margin-bottom: 110px !important; }
  @media all and (min-width: 768px) {
    .u-mb165_23rd {
      margin-bottom: 165px !important; } }

.u-mb170_23rd {
  margin-bottom: 113.33333px !important; }
  @media all and (min-width: 768px) {
    .u-mb170_23rd {
      margin-bottom: 170px !important; } }

.u-mb175_23rd {
  margin-bottom: 116.66667px !important; }
  @media all and (min-width: 768px) {
    .u-mb175_23rd {
      margin-bottom: 175px !important; } }

.u-mb180_23rd {
  margin-bottom: 120px !important; }
  @media all and (min-width: 768px) {
    .u-mb180_23rd {
      margin-bottom: 180px !important; } }

.u-mb185_23rd {
  margin-bottom: 123.33333px !important; }
  @media all and (min-width: 768px) {
    .u-mb185_23rd {
      margin-bottom: 185px !important; } }

.u-mb190_23rd {
  margin-bottom: 126.66667px !important; }
  @media all and (min-width: 768px) {
    .u-mb190_23rd {
      margin-bottom: 190px !important; } }

.u-mb195_23rd {
  margin-bottom: 130px !important; }
  @media all and (min-width: 768px) {
    .u-mb195_23rd {
      margin-bottom: 195px !important; } }

.u-mb200_23rd {
  margin-bottom: 133.33333px !important; }
  @media all and (min-width: 768px) {
    .u-mb200_23rd {
      margin-bottom: 200px !important; } }

.u-mb205_23rd {
  margin-bottom: 136.66667px !important; }
  @media all and (min-width: 768px) {
    .u-mb205_23rd {
      margin-bottom: 205px !important; } }

.u-mb210_23rd {
  margin-bottom: 140px !important; }
  @media all and (min-width: 768px) {
    .u-mb210_23rd {
      margin-bottom: 210px !important; } }

.u-mb215_23rd {
  margin-bottom: 143.33333px !important; }
  @media all and (min-width: 768px) {
    .u-mb215_23rd {
      margin-bottom: 215px !important; } }

.u-mb220_23rd {
  margin-bottom: 146.66667px !important; }
  @media all and (min-width: 768px) {
    .u-mb220_23rd {
      margin-bottom: 220px !important; } }

.u-mb225_23rd {
  margin-bottom: 150px !important; }
  @media all and (min-width: 768px) {
    .u-mb225_23rd {
      margin-bottom: 225px !important; } }

.u-mb230_23rd {
  margin-bottom: 153.33333px !important; }
  @media all and (min-width: 768px) {
    .u-mb230_23rd {
      margin-bottom: 230px !important; } }

.u-mb235_23rd {
  margin-bottom: 156.66667px !important; }
  @media all and (min-width: 768px) {
    .u-mb235_23rd {
      margin-bottom: 235px !important; } }

.u-mb240_23rd {
  margin-bottom: 160px !important; }
  @media all and (min-width: 768px) {
    .u-mb240_23rd {
      margin-bottom: 240px !important; } }

.u-mb245_23rd {
  margin-bottom: 163.33333px !important; }
  @media all and (min-width: 768px) {
    .u-mb245_23rd {
      margin-bottom: 245px !important; } }

.u-mb250_23rd {
  margin-bottom: 166.66667px !important; }
  @media all and (min-width: 768px) {
    .u-mb250_23rd {
      margin-bottom: 250px !important; } }

.u-mb255_23rd {
  margin-bottom: 170px !important; }
  @media all and (min-width: 768px) {
    .u-mb255_23rd {
      margin-bottom: 255px !important; } }

.u-mb260_23rd {
  margin-bottom: 173.33333px !important; }
  @media all and (min-width: 768px) {
    .u-mb260_23rd {
      margin-bottom: 260px !important; } }

.u-mb265_23rd {
  margin-bottom: 176.66667px !important; }
  @media all and (min-width: 768px) {
    .u-mb265_23rd {
      margin-bottom: 265px !important; } }

.u-mb270_23rd {
  margin-bottom: 180px !important; }
  @media all and (min-width: 768px) {
    .u-mb270_23rd {
      margin-bottom: 270px !important; } }

.u-mb5_level {
  margin-bottom: 1.66667px !important; }
  @media all and (min-width: 660px) {
    .u-mb5_level {
      margin-bottom: 2.5px !important; } }
  @media all and (min-width: 768px) {
    .u-mb5_level {
      margin-bottom: 5px !important; } }

.u-mb10_level {
  margin-bottom: 3.33333px !important; }
  @media all and (min-width: 660px) {
    .u-mb10_level {
      margin-bottom: 5px !important; } }
  @media all and (min-width: 768px) {
    .u-mb10_level {
      margin-bottom: 10px !important; } }

.u-mb15_level {
  margin-bottom: 5px !important; }
  @media all and (min-width: 660px) {
    .u-mb15_level {
      margin-bottom: 7.5px !important; } }
  @media all and (min-width: 768px) {
    .u-mb15_level {
      margin-bottom: 15px !important; } }

.u-mb20_level {
  margin-bottom: 6.66667px !important; }
  @media all and (min-width: 660px) {
    .u-mb20_level {
      margin-bottom: 10px !important; } }
  @media all and (min-width: 768px) {
    .u-mb20_level {
      margin-bottom: 20px !important; } }

.u-mb25_level {
  margin-bottom: 8.33333px !important; }
  @media all and (min-width: 660px) {
    .u-mb25_level {
      margin-bottom: 12.5px !important; } }
  @media all and (min-width: 768px) {
    .u-mb25_level {
      margin-bottom: 25px !important; } }

.u-mb30_level {
  margin-bottom: 10px !important; }
  @media all and (min-width: 660px) {
    .u-mb30_level {
      margin-bottom: 15px !important; } }
  @media all and (min-width: 768px) {
    .u-mb30_level {
      margin-bottom: 30px !important; } }

.u-mb35_level {
  margin-bottom: 11.66667px !important; }
  @media all and (min-width: 660px) {
    .u-mb35_level {
      margin-bottom: 17.5px !important; } }
  @media all and (min-width: 768px) {
    .u-mb35_level {
      margin-bottom: 35px !important; } }

.u-mb40_level {
  margin-bottom: 13.33333px !important; }
  @media all and (min-width: 660px) {
    .u-mb40_level {
      margin-bottom: 20px !important; } }
  @media all and (min-width: 768px) {
    .u-mb40_level {
      margin-bottom: 40px !important; } }

.u-mb45_level {
  margin-bottom: 15px !important; }
  @media all and (min-width: 660px) {
    .u-mb45_level {
      margin-bottom: 22.5px !important; } }
  @media all and (min-width: 768px) {
    .u-mb45_level {
      margin-bottom: 45px !important; } }

.u-mb50_level {
  margin-bottom: 16.66667px !important; }
  @media all and (min-width: 660px) {
    .u-mb50_level {
      margin-bottom: 25px !important; } }
  @media all and (min-width: 768px) {
    .u-mb50_level {
      margin-bottom: 50px !important; } }

.u-mb55_level {
  margin-bottom: 18.33333px !important; }
  @media all and (min-width: 660px) {
    .u-mb55_level {
      margin-bottom: 27.5px !important; } }
  @media all and (min-width: 768px) {
    .u-mb55_level {
      margin-bottom: 55px !important; } }

.u-mb60_level {
  margin-bottom: 20px !important; }
  @media all and (min-width: 660px) {
    .u-mb60_level {
      margin-bottom: 30px !important; } }
  @media all and (min-width: 768px) {
    .u-mb60_level {
      margin-bottom: 60px !important; } }

.u-mb65_level {
  margin-bottom: 21.66667px !important; }
  @media all and (min-width: 660px) {
    .u-mb65_level {
      margin-bottom: 32.5px !important; } }
  @media all and (min-width: 768px) {
    .u-mb65_level {
      margin-bottom: 65px !important; } }

.u-mb70_level {
  margin-bottom: 23.33333px !important; }
  @media all and (min-width: 660px) {
    .u-mb70_level {
      margin-bottom: 35px !important; } }
  @media all and (min-width: 768px) {
    .u-mb70_level {
      margin-bottom: 70px !important; } }

.u-mb75_level {
  margin-bottom: 25px !important; }
  @media all and (min-width: 660px) {
    .u-mb75_level {
      margin-bottom: 37.5px !important; } }
  @media all and (min-width: 768px) {
    .u-mb75_level {
      margin-bottom: 75px !important; } }

.u-mb80_level {
  margin-bottom: 26.66667px !important; }
  @media all and (min-width: 660px) {
    .u-mb80_level {
      margin-bottom: 40px !important; } }
  @media all and (min-width: 768px) {
    .u-mb80_level {
      margin-bottom: 80px !important; } }

.u-mb85_level {
  margin-bottom: 28.33333px !important; }
  @media all and (min-width: 660px) {
    .u-mb85_level {
      margin-bottom: 42.5px !important; } }
  @media all and (min-width: 768px) {
    .u-mb85_level {
      margin-bottom: 85px !important; } }

.u-mb90_level {
  margin-bottom: 30px !important; }
  @media all and (min-width: 660px) {
    .u-mb90_level {
      margin-bottom: 45px !important; } }
  @media all and (min-width: 768px) {
    .u-mb90_level {
      margin-bottom: 90px !important; } }

.u-mb95_level {
  margin-bottom: 31.66667px !important; }
  @media all and (min-width: 660px) {
    .u-mb95_level {
      margin-bottom: 47.5px !important; } }
  @media all and (min-width: 768px) {
    .u-mb95_level {
      margin-bottom: 95px !important; } }

.u-mb100_level {
  margin-bottom: 33.33333px !important; }
  @media all and (min-width: 660px) {
    .u-mb100_level {
      margin-bottom: 50px !important; } }
  @media all and (min-width: 768px) {
    .u-mb100_level {
      margin-bottom: 100px !important; } }

.u-mb105_level {
  margin-bottom: 35px !important; }
  @media all and (min-width: 660px) {
    .u-mb105_level {
      margin-bottom: 52.5px !important; } }
  @media all and (min-width: 768px) {
    .u-mb105_level {
      margin-bottom: 105px !important; } }

.u-mb110_level {
  margin-bottom: 36.66667px !important; }
  @media all and (min-width: 660px) {
    .u-mb110_level {
      margin-bottom: 55px !important; } }
  @media all and (min-width: 768px) {
    .u-mb110_level {
      margin-bottom: 110px !important; } }

.u-mb115_level {
  margin-bottom: 38.33333px !important; }
  @media all and (min-width: 660px) {
    .u-mb115_level {
      margin-bottom: 57.5px !important; } }
  @media all and (min-width: 768px) {
    .u-mb115_level {
      margin-bottom: 115px !important; } }

.u-mb120_level {
  margin-bottom: 40px !important; }
  @media all and (min-width: 660px) {
    .u-mb120_level {
      margin-bottom: 60px !important; } }
  @media all and (min-width: 768px) {
    .u-mb120_level {
      margin-bottom: 120px !important; } }

.u-mb125_level {
  margin-bottom: 41.66667px !important; }
  @media all and (min-width: 660px) {
    .u-mb125_level {
      margin-bottom: 62.5px !important; } }
  @media all and (min-width: 768px) {
    .u-mb125_level {
      margin-bottom: 125px !important; } }

.u-mb130_level {
  margin-bottom: 43.33333px !important; }
  @media all and (min-width: 660px) {
    .u-mb130_level {
      margin-bottom: 65px !important; } }
  @media all and (min-width: 768px) {
    .u-mb130_level {
      margin-bottom: 130px !important; } }

.u-mb135_level {
  margin-bottom: 45px !important; }
  @media all and (min-width: 660px) {
    .u-mb135_level {
      margin-bottom: 67.5px !important; } }
  @media all and (min-width: 768px) {
    .u-mb135_level {
      margin-bottom: 135px !important; } }

.u-mb140_level {
  margin-bottom: 46.66667px !important; }
  @media all and (min-width: 660px) {
    .u-mb140_level {
      margin-bottom: 70px !important; } }
  @media all and (min-width: 768px) {
    .u-mb140_level {
      margin-bottom: 140px !important; } }

.u-mb145_level {
  margin-bottom: 48.33333px !important; }
  @media all and (min-width: 660px) {
    .u-mb145_level {
      margin-bottom: 72.5px !important; } }
  @media all and (min-width: 768px) {
    .u-mb145_level {
      margin-bottom: 145px !important; } }

.u-mb150_level {
  margin-bottom: 50px !important; }
  @media all and (min-width: 660px) {
    .u-mb150_level {
      margin-bottom: 75px !important; } }
  @media all and (min-width: 768px) {
    .u-mb150_level {
      margin-bottom: 150px !important; } }

.u-mb155_level {
  margin-bottom: 51.66667px !important; }
  @media all and (min-width: 660px) {
    .u-mb155_level {
      margin-bottom: 77.5px !important; } }
  @media all and (min-width: 768px) {
    .u-mb155_level {
      margin-bottom: 155px !important; } }

.u-mb160_level {
  margin-bottom: 53.33333px !important; }
  @media all and (min-width: 660px) {
    .u-mb160_level {
      margin-bottom: 80px !important; } }
  @media all and (min-width: 768px) {
    .u-mb160_level {
      margin-bottom: 160px !important; } }

.u-mb165_level {
  margin-bottom: 55px !important; }
  @media all and (min-width: 660px) {
    .u-mb165_level {
      margin-bottom: 82.5px !important; } }
  @media all and (min-width: 768px) {
    .u-mb165_level {
      margin-bottom: 165px !important; } }

.u-mb170_level {
  margin-bottom: 56.66667px !important; }
  @media all and (min-width: 660px) {
    .u-mb170_level {
      margin-bottom: 85px !important; } }
  @media all and (min-width: 768px) {
    .u-mb170_level {
      margin-bottom: 170px !important; } }

.u-mb175_level {
  margin-bottom: 58.33333px !important; }
  @media all and (min-width: 660px) {
    .u-mb175_level {
      margin-bottom: 87.5px !important; } }
  @media all and (min-width: 768px) {
    .u-mb175_level {
      margin-bottom: 175px !important; } }

.u-mb180_level {
  margin-bottom: 60px !important; }
  @media all and (min-width: 660px) {
    .u-mb180_level {
      margin-bottom: 90px !important; } }
  @media all and (min-width: 768px) {
    .u-mb180_level {
      margin-bottom: 180px !important; } }

.u-mb185_level {
  margin-bottom: 61.66667px !important; }
  @media all and (min-width: 660px) {
    .u-mb185_level {
      margin-bottom: 92.5px !important; } }
  @media all and (min-width: 768px) {
    .u-mb185_level {
      margin-bottom: 185px !important; } }

.u-mb190_level {
  margin-bottom: 63.33333px !important; }
  @media all and (min-width: 660px) {
    .u-mb190_level {
      margin-bottom: 95px !important; } }
  @media all and (min-width: 768px) {
    .u-mb190_level {
      margin-bottom: 190px !important; } }

.u-mb195_level {
  margin-bottom: 65px !important; }
  @media all and (min-width: 660px) {
    .u-mb195_level {
      margin-bottom: 97.5px !important; } }
  @media all and (min-width: 768px) {
    .u-mb195_level {
      margin-bottom: 195px !important; } }

.u-mb200_level {
  margin-bottom: 66.66667px !important; }
  @media all and (min-width: 660px) {
    .u-mb200_level {
      margin-bottom: 100px !important; } }
  @media all and (min-width: 768px) {
    .u-mb200_level {
      margin-bottom: 200px !important; } }

.u-mb205_level {
  margin-bottom: 68.33333px !important; }
  @media all and (min-width: 660px) {
    .u-mb205_level {
      margin-bottom: 102.5px !important; } }
  @media all and (min-width: 768px) {
    .u-mb205_level {
      margin-bottom: 205px !important; } }

.u-mb210_level {
  margin-bottom: 70px !important; }
  @media all and (min-width: 660px) {
    .u-mb210_level {
      margin-bottom: 105px !important; } }
  @media all and (min-width: 768px) {
    .u-mb210_level {
      margin-bottom: 210px !important; } }

.u-mb215_level {
  margin-bottom: 71.66667px !important; }
  @media all and (min-width: 660px) {
    .u-mb215_level {
      margin-bottom: 107.5px !important; } }
  @media all and (min-width: 768px) {
    .u-mb215_level {
      margin-bottom: 215px !important; } }

.u-mb220_level {
  margin-bottom: 73.33333px !important; }
  @media all and (min-width: 660px) {
    .u-mb220_level {
      margin-bottom: 110px !important; } }
  @media all and (min-width: 768px) {
    .u-mb220_level {
      margin-bottom: 220px !important; } }

.u-mb225_level {
  margin-bottom: 75px !important; }
  @media all and (min-width: 660px) {
    .u-mb225_level {
      margin-bottom: 112.5px !important; } }
  @media all and (min-width: 768px) {
    .u-mb225_level {
      margin-bottom: 225px !important; } }

.u-mb230_level {
  margin-bottom: 76.66667px !important; }
  @media all and (min-width: 660px) {
    .u-mb230_level {
      margin-bottom: 115px !important; } }
  @media all and (min-width: 768px) {
    .u-mb230_level {
      margin-bottom: 230px !important; } }

.u-mb235_level {
  margin-bottom: 78.33333px !important; }
  @media all and (min-width: 660px) {
    .u-mb235_level {
      margin-bottom: 117.5px !important; } }
  @media all and (min-width: 768px) {
    .u-mb235_level {
      margin-bottom: 235px !important; } }

.u-mb240_level {
  margin-bottom: 80px !important; }
  @media all and (min-width: 660px) {
    .u-mb240_level {
      margin-bottom: 120px !important; } }
  @media all and (min-width: 768px) {
    .u-mb240_level {
      margin-bottom: 240px !important; } }

.u-mb245_level {
  margin-bottom: 81.66667px !important; }
  @media all and (min-width: 660px) {
    .u-mb245_level {
      margin-bottom: 122.5px !important; } }
  @media all and (min-width: 768px) {
    .u-mb245_level {
      margin-bottom: 245px !important; } }

.u-mb250_level {
  margin-bottom: 83.33333px !important; }
  @media all and (min-width: 660px) {
    .u-mb250_level {
      margin-bottom: 125px !important; } }
  @media all and (min-width: 768px) {
    .u-mb250_level {
      margin-bottom: 250px !important; } }

.u-mb255_level {
  margin-bottom: 85px !important; }
  @media all and (min-width: 660px) {
    .u-mb255_level {
      margin-bottom: 127.5px !important; } }
  @media all and (min-width: 768px) {
    .u-mb255_level {
      margin-bottom: 255px !important; } }

.u-mb260_level {
  margin-bottom: 86.66667px !important; }
  @media all and (min-width: 660px) {
    .u-mb260_level {
      margin-bottom: 130px !important; } }
  @media all and (min-width: 768px) {
    .u-mb260_level {
      margin-bottom: 260px !important; } }

.u-mb265_level {
  margin-bottom: 88.33333px !important; }
  @media all and (min-width: 660px) {
    .u-mb265_level {
      margin-bottom: 132.5px !important; } }
  @media all and (min-width: 768px) {
    .u-mb265_level {
      margin-bottom: 265px !important; } }

.u-mb270_level {
  margin-bottom: 90px !important; }
  @media all and (min-width: 660px) {
    .u-mb270_level {
      margin-bottom: 135px !important; } }
  @media all and (min-width: 768px) {
    .u-mb270_level {
      margin-bottom: 270px !important; } }

.u-mb-minus5_half {
  margin-bottom: -2.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb-minus5_half {
      margin-bottom: -5px !important; } }

.u-mb-minus10_half {
  margin-bottom: -5px !important; }
  @media all and (min-width: 768px) {
    .u-mb-minus10_half {
      margin-bottom: -10px !important; } }

.u-mb-minus15_half {
  margin-bottom: -7.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb-minus15_half {
      margin-bottom: -15px !important; } }

.u-mb-minus20_half {
  margin-bottom: -10px !important; }
  @media all and (min-width: 768px) {
    .u-mb-minus20_half {
      margin-bottom: -20px !important; } }

.u-mb-minus25_half {
  margin-bottom: -12.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb-minus25_half {
      margin-bottom: -25px !important; } }

.u-mb-minus30_half {
  margin-bottom: -15px !important; }
  @media all and (min-width: 768px) {
    .u-mb-minus30_half {
      margin-bottom: -30px !important; } }

.u-mb-minus35_half {
  margin-bottom: -17.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb-minus35_half {
      margin-bottom: -35px !important; } }

.u-mb-minus40_half {
  margin-bottom: -20px !important; }
  @media all and (min-width: 768px) {
    .u-mb-minus40_half {
      margin-bottom: -40px !important; } }

.u-mb-minus45_half {
  margin-bottom: -22.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb-minus45_half {
      margin-bottom: -45px !important; } }

.u-mb-minus50_half {
  margin-bottom: -25px !important; }
  @media all and (min-width: 768px) {
    .u-mb-minus50_half {
      margin-bottom: -50px !important; } }

.u-mb-minus55_half {
  margin-bottom: -27.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb-minus55_half {
      margin-bottom: -55px !important; } }

.u-mb-minus60_half {
  margin-bottom: -30px !important; }
  @media all and (min-width: 768px) {
    .u-mb-minus60_half {
      margin-bottom: -60px !important; } }

.u-mb-minus65_half {
  margin-bottom: -32.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb-minus65_half {
      margin-bottom: -65px !important; } }

.u-mb-minus70_half {
  margin-bottom: -35px !important; }
  @media all and (min-width: 768px) {
    .u-mb-minus70_half {
      margin-bottom: -70px !important; } }

.u-mb-minus75_half {
  margin-bottom: -37.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb-minus75_half {
      margin-bottom: -75px !important; } }

.u-mb-minus80_half {
  margin-bottom: -40px !important; }
  @media all and (min-width: 768px) {
    .u-mb-minus80_half {
      margin-bottom: -80px !important; } }

.u-mb-minus85_half {
  margin-bottom: -42.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb-minus85_half {
      margin-bottom: -85px !important; } }

.u-mb-minus90_half {
  margin-bottom: -45px !important; }
  @media all and (min-width: 768px) {
    .u-mb-minus90_half {
      margin-bottom: -90px !important; } }

.u-mb-minus95_half {
  margin-bottom: -47.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb-minus95_half {
      margin-bottom: -95px !important; } }

.u-mb-minus100_half {
  margin-bottom: -50px !important; }
  @media all and (min-width: 768px) {
    .u-mb-minus100_half {
      margin-bottom: -100px !important; } }

.u-mb-minus105_half {
  margin-bottom: -52.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb-minus105_half {
      margin-bottom: -105px !important; } }

.u-mb-minus110_half {
  margin-bottom: -55px !important; }
  @media all and (min-width: 768px) {
    .u-mb-minus110_half {
      margin-bottom: -110px !important; } }

.u-mb-minus115_half {
  margin-bottom: -57.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb-minus115_half {
      margin-bottom: -115px !important; } }

.u-mb-minus120_half {
  margin-bottom: -60px !important; }
  @media all and (min-width: 768px) {
    .u-mb-minus120_half {
      margin-bottom: -120px !important; } }

.u-mb-minus125_half {
  margin-bottom: -62.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb-minus125_half {
      margin-bottom: -125px !important; } }

.u-mb-minus130_half {
  margin-bottom: -65px !important; }
  @media all and (min-width: 768px) {
    .u-mb-minus130_half {
      margin-bottom: -130px !important; } }

.u-mb-minus135_half {
  margin-bottom: -67.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb-minus135_half {
      margin-bottom: -135px !important; } }

.u-mb-minus140_half {
  margin-bottom: -70px !important; }
  @media all and (min-width: 768px) {
    .u-mb-minus140_half {
      margin-bottom: -140px !important; } }

.u-mb-minus145_half {
  margin-bottom: -72.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb-minus145_half {
      margin-bottom: -145px !important; } }

.u-mb-minus150_half {
  margin-bottom: -75px !important; }
  @media all and (min-width: 768px) {
    .u-mb-minus150_half {
      margin-bottom: -150px !important; } }

.u-mb-minus155_half {
  margin-bottom: -77.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb-minus155_half {
      margin-bottom: -155px !important; } }

.u-mb-minus160_half {
  margin-bottom: -80px !important; }
  @media all and (min-width: 768px) {
    .u-mb-minus160_half {
      margin-bottom: -160px !important; } }

.u-mb-minus165_half {
  margin-bottom: -82.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb-minus165_half {
      margin-bottom: -165px !important; } }

.u-mb-minus170_half {
  margin-bottom: -85px !important; }
  @media all and (min-width: 768px) {
    .u-mb-minus170_half {
      margin-bottom: -170px !important; } }

.u-mb-minus175_half {
  margin-bottom: -87.5px !important; }
  @media all and (min-width: 768px) {
    .u-mb-minus175_half {
      margin-bottom: -175px !important; } }

.u-mb-minus180_half {
  margin-bottom: -90px !important; }
  @media all and (min-width: 768px) {
    .u-mb-minus180_half {
      margin-bottom: -180px !important; } }

.u-mb5em {
  margin-bottom: 0.5em !important; }

.u-mb5em_half {
  margin-bottom: 0.25em !important; }
  @media all and (min-width: 768px) {
    .u-mb5em_half {
      margin-bottom: 0.5em !important; } }

.u-mb10em {
  margin-bottom: 1em !important; }

.u-mb10em_half {
  margin-bottom: 0.5em !important; }
  @media all and (min-width: 768px) {
    .u-mb10em_half {
      margin-bottom: 1em !important; } }

.u-mb15em {
  margin-bottom: 1.5em !important; }

.u-mb15em_half {
  margin-bottom: 0.75em !important; }
  @media all and (min-width: 768px) {
    .u-mb15em_half {
      margin-bottom: 1.5em !important; } }

.u-mb20em {
  margin-bottom: 2em !important; }

.u-mb20em_half {
  margin-bottom: 1em !important; }
  @media all and (min-width: 768px) {
    .u-mb20em_half {
      margin-bottom: 2em !important; } }

.u-mb25em {
  margin-bottom: 2.5em !important; }

.u-mb25em_half {
  margin-bottom: 1.25em !important; }
  @media all and (min-width: 768px) {
    .u-mb25em_half {
      margin-bottom: 2.5em !important; } }

.u-mb30em {
  margin-bottom: 3em !important; }

.u-mb30em_half {
  margin-bottom: 1.5em !important; }
  @media all and (min-width: 768px) {
    .u-mb30em_half {
      margin-bottom: 3em !important; } }

.u-mb35em {
  margin-bottom: 3.5em !important; }

.u-mb35em_half {
  margin-bottom: 1.75em !important; }
  @media all and (min-width: 768px) {
    .u-mb35em_half {
      margin-bottom: 3.5em !important; } }

.u-mb40em {
  margin-bottom: 4em !important; }

.u-mb40em_half {
  margin-bottom: 2em !important; }
  @media all and (min-width: 768px) {
    .u-mb40em_half {
      margin-bottom: 4em !important; } }

.u-mb45em {
  margin-bottom: 4.5em !important; }

.u-mb45em_half {
  margin-bottom: 2.25em !important; }
  @media all and (min-width: 768px) {
    .u-mb45em_half {
      margin-bottom: 4.5em !important; } }

.u-mb50em {
  margin-bottom: 5em !important; }

.u-mb50em_half {
  margin-bottom: 2.5em !important; }
  @media all and (min-width: 768px) {
    .u-mb50em_half {
      margin-bottom: 5em !important; } }

.u-mb55em {
  margin-bottom: 5.5em !important; }

.u-mb55em_half {
  margin-bottom: 2.75em !important; }
  @media all and (min-width: 768px) {
    .u-mb55em_half {
      margin-bottom: 5.5em !important; } }

.u-mb60em {
  margin-bottom: 6em !important; }

.u-mb60em_half {
  margin-bottom: 3em !important; }
  @media all and (min-width: 768px) {
    .u-mb60em_half {
      margin-bottom: 6em !important; } }

.u-mb65em {
  margin-bottom: 6.5em !important; }

.u-mb65em_half {
  margin-bottom: 3.25em !important; }
  @media all and (min-width: 768px) {
    .u-mb65em_half {
      margin-bottom: 6.5em !important; } }

.u-mb70em {
  margin-bottom: 7em !important; }

.u-mb70em_half {
  margin-bottom: 3.5em !important; }
  @media all and (min-width: 768px) {
    .u-mb70em_half {
      margin-bottom: 7em !important; } }

.u-mb75em {
  margin-bottom: 7.5em !important; }

.u-mb75em_half {
  margin-bottom: 3.75em !important; }
  @media all and (min-width: 768px) {
    .u-mb75em_half {
      margin-bottom: 7.5em !important; } }

.u-mb80em {
  margin-bottom: 8em !important; }

.u-mb80em_half {
  margin-bottom: 4em !important; }
  @media all and (min-width: 768px) {
    .u-mb80em_half {
      margin-bottom: 8em !important; } }

.u-mb85em {
  margin-bottom: 8.5em !important; }

.u-mb85em_half {
  margin-bottom: 4.25em !important; }
  @media all and (min-width: 768px) {
    .u-mb85em_half {
      margin-bottom: 8.5em !important; } }

.u-mb90em {
  margin-bottom: 9em !important; }

.u-mb90em_half {
  margin-bottom: 4.5em !important; }
  @media all and (min-width: 768px) {
    .u-mb90em_half {
      margin-bottom: 9em !important; } }

.u-mb95em {
  margin-bottom: 9.5em !important; }

.u-mb95em_half {
  margin-bottom: 4.75em !important; }
  @media all and (min-width: 768px) {
    .u-mb95em_half {
      margin-bottom: 9.5em !important; } }

.u-mb100em {
  margin-bottom: 10em !important; }

.u-mb100em_half {
  margin-bottom: 5em !important; }
  @media all and (min-width: 768px) {
    .u-mb100em_half {
      margin-bottom: 10em !important; } }

.u-mb105em {
  margin-bottom: 10.5em !important; }

.u-mb105em_half {
  margin-bottom: 5.25em !important; }
  @media all and (min-width: 768px) {
    .u-mb105em_half {
      margin-bottom: 10.5em !important; } }

.u-mb110em {
  margin-bottom: 11em !important; }

.u-mb110em_half {
  margin-bottom: 5.5em !important; }
  @media all and (min-width: 768px) {
    .u-mb110em_half {
      margin-bottom: 11em !important; } }

.u-mb115em {
  margin-bottom: 11.5em !important; }

.u-mb115em_half {
  margin-bottom: 5.75em !important; }
  @media all and (min-width: 768px) {
    .u-mb115em_half {
      margin-bottom: 11.5em !important; } }

.u-mb120em {
  margin-bottom: 12em !important; }

.u-mb120em_half {
  margin-bottom: 6em !important; }
  @media all and (min-width: 768px) {
    .u-mb120em_half {
      margin-bottom: 12em !important; } }

.u-mb125em {
  margin-bottom: 12.5em !important; }

.u-mb125em_half {
  margin-bottom: 6.25em !important; }
  @media all and (min-width: 768px) {
    .u-mb125em_half {
      margin-bottom: 12.5em !important; } }

.u-mb130em {
  margin-bottom: 13em !important; }

.u-mb130em_half {
  margin-bottom: 6.5em !important; }
  @media all and (min-width: 768px) {
    .u-mb130em_half {
      margin-bottom: 13em !important; } }

.u-mb135em {
  margin-bottom: 13.5em !important; }

.u-mb135em_half {
  margin-bottom: 6.75em !important; }
  @media all and (min-width: 768px) {
    .u-mb135em_half {
      margin-bottom: 13.5em !important; } }

.u-mb140em {
  margin-bottom: 14em !important; }

.u-mb140em_half {
  margin-bottom: 7em !important; }
  @media all and (min-width: 768px) {
    .u-mb140em_half {
      margin-bottom: 14em !important; } }

.u-mb145em {
  margin-bottom: 14.5em !important; }

.u-mb145em_half {
  margin-bottom: 7.25em !important; }
  @media all and (min-width: 768px) {
    .u-mb145em_half {
      margin-bottom: 14.5em !important; } }

.u-mb150em {
  margin-bottom: 15em !important; }

.u-mb150em_half {
  margin-bottom: 7.5em !important; }
  @media all and (min-width: 768px) {
    .u-mb150em_half {
      margin-bottom: 15em !important; } }

.u-mb155em {
  margin-bottom: 15.5em !important; }

.u-mb155em_half {
  margin-bottom: 7.75em !important; }
  @media all and (min-width: 768px) {
    .u-mb155em_half {
      margin-bottom: 15.5em !important; } }

.u-mb160em {
  margin-bottom: 16em !important; }

.u-mb160em_half {
  margin-bottom: 8em !important; }
  @media all and (min-width: 768px) {
    .u-mb160em_half {
      margin-bottom: 16em !important; } }

.u-mb165em {
  margin-bottom: 16.5em !important; }

.u-mb165em_half {
  margin-bottom: 8.25em !important; }
  @media all and (min-width: 768px) {
    .u-mb165em_half {
      margin-bottom: 16.5em !important; } }

.u-mb170em {
  margin-bottom: 17em !important; }

.u-mb170em_half {
  margin-bottom: 8.5em !important; }
  @media all and (min-width: 768px) {
    .u-mb170em_half {
      margin-bottom: 17em !important; } }

.u-mb175em {
  margin-bottom: 17.5em !important; }

.u-mb175em_half {
  margin-bottom: 8.75em !important; }
  @media all and (min-width: 768px) {
    .u-mb175em_half {
      margin-bottom: 17.5em !important; } }

.u-mb180em {
  margin-bottom: 18em !important; }

.u-mb180em_half {
  margin-bottom: 9em !important; }
  @media all and (min-width: 768px) {
    .u-mb180em_half {
      margin-bottom: 18em !important; } }

.u-mr-01em {
  margin-right: calc(0.1em); }

.u-mb0_10 {
  margin-bottom: 10px !important; }
  @media all and (min-width: 768px) {
    .u-mb0_10 {
      margin-bottom: 0 !important; } }

.u-mb45_0 {
  margin-bottom: 45px !important; }
  @media all and (min-width: 768px) {
    .u-mb45_0 {
      margin-bottom: 0 !important; } }

.u-mb90_60_45_30 {
  margin-bottom: 30px !important; }
  @media all and (min-width: 768px) {
    .u-mb90_60_45_30 {
      margin-bottom: 45px !important; } }
  @media all and (min-width: 1320px) {
    .u-mb90_60_45_30 {
      margin-bottom: 60px !important; } }
  @media all and (min-width: 1720px) {
    .u-mb90_60_45_30 {
      margin-bottom: 90px !important; } }

.u-mb_interviewHead {
  margin-bottom: 40px !important; }
  @media all and (min-width: 768px) {
    .u-mb_interviewHead {
      margin-bottom: -30px !important; } }
  @media all and (min-width: 1320px) {
    .u-mb_interviewHead {
      margin-bottom: -30px !important; } }
  @media all and (min-width: 1520px) {
    .u-mb_interviewHead {
      margin-bottom: -80px !important; } }
  @media all and (min-width: 1720px) {
    .u-mb_interviewHead {
      margin-bottom: -90px !important; } }

/* 画面外にいる状態 */
.js-fadeIn {
  opacity: 0.1;
  transform: translate(0, 30px);
  transition: all 1000ms; }

/* 画面内に入った状態 */
.js-fadeIn.js-scrollIn {
  opacity: 1;
  transform: translate(0, 0); }

.e-header[data-scroll="false"] .l-header_bg {
  background-color: rgba(255, 255, 255, 0);
  transition: background-color 0.15s linear; }

.e-header[data-scroll="false"] .p1-logo_img {
  transition: width 0.15s linear, height 0.15s linear; }

.e-header[data-scroll="false"] .p1-logo_txtbox {
  display: none;
  opacity: 0;
  transition: opacity 0.15s linear; }
  @media all and (min-width: 920px) {
    .e-header[data-scroll="false"] .p1-logo_txtbox {
      display: grid;
      opacity: 1; } }

.e-header[data-scroll="true"] .l-header_bg {
  background-color: rgba(255, 255, 255, 0.85);
  transition: background-color 0.15s linear; }

@media all and (min-width: 768px) {
  .e-header[data-scroll="true"] .p1-logo_img {
    width: auto;
    height: 60%;
    transition: width 0.15s linear, height 0.15s linear; } }

.e-header[data-scroll="true"] .p1-logo_txtbox {
  display: none;
  opacity: 0;
  transition: opacity 0.15s linear; }

@-webkit-keyframes drawerIn {
  0% {
    transform: translateX(-200vw);
    background: rgba(255, 255, 255, 0);
    opacity: 0; }
  1% {
    transform: translateX(0);
    background: rgba(255, 255, 255, 0.9);
    opacity: 0; }
  100% {
    background: rgba(255, 255, 255, 0.9);
    transform: translateX(0);
    opacity: 1; } }

@keyframes drawerIn {
  0% {
    transform: translateX(-200vw);
    background: rgba(255, 255, 255, 0);
    opacity: 0; }
  1% {
    transform: translateX(0);
    background: rgba(255, 255, 255, 0.9);
    opacity: 0; }
  100% {
    background: rgba(255, 255, 255, 0.9);
    transform: translateX(0);
    opacity: 1; } }

@-webkit-keyframes drawerOut {
  0% {
    transform: translateX(0);
    background: rgba(255, 255, 255, 0.9);
    opacity: 1; }
  99% {
    transform: translateX(0);
    background: rgba(255, 255, 255, 0.9);
    opacity: 0; }
  100% {
    background: rgba(255, 255, 255, 0);
    transform: translateX(-200vw);
    opacity: 0; } }

@keyframes drawerOut {
  0% {
    transform: translateX(0);
    background: rgba(255, 255, 255, 0.9);
    opacity: 1; }
  99% {
    transform: translateX(0);
    background: rgba(255, 255, 255, 0.9);
    opacity: 0; }
  100% {
    background: rgba(255, 255, 255, 0);
    transform: translateX(-200vw);
    opacity: 0; } }

.e-hoverBgZoom img {
  transform: scale(1);
  transition: transform 0.25s linear; }

.e-hoverBgZoom:hover img {
  transform: scale(1.1);
  transition: transform 0.25s linear; }

.e-hover1::before {
  display: none;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  content: "";
  width: 100%;
  height: 1px; }
  @media all and (min-width: 768px) {
    .e-hover1::before {
      display: block;
      width: 48px;
      background: linear-gradient(#da0005 0, #da0005 0) bottom/var(--d, 0) 1px no-repeat;
      background: linear-gradient(#da0005 0 0) bottom/var(--d, 0) 1px no-repeat;
      transition: background 0.25s linear; } }
  @media all and (min-width: 1320px) {
    .e-hover1::before {
      width: 62px; } }
  @media all and (min-width: 1720px) {
    .e-hover1::before {
      width: 68px; } }

@media all and (min-width: 768px) {
  .e-hover1:hover::before {
    --d: 100%; } }

#recruit {
  transform: translate(0, 0) scale(1.5);
  transform-origin: top center;
  transition: transform 0.1s linear; }
  @media all and (min-width: 768px) {
    #recruit {
      transition: transform 0.11s linear; } }
  @media all and (min-width: 1320px) {
    #recruit {
      transition: transform 0.12s linear; } }
  @media all and (min-width: 1720px) {
    #recruit {
      transition: transform 0.13s linear; } }
  @media all and (min-width: 1920px) {
    #recruit {
      transition: transform 0.14s linear; } }

.e-switchKv {
  --front-kv-duration: 63s;
  --front-kv-items: 7; }
  .e-switchKv[data-switchKvNum="3"] {
    --front-kv-duration: 27s;
    --front-kv-items: 3; }
    .e-switchKv[data-switchKvNum="3"] .e-switchKv_item {
      -webkit-animation-name: frontSwitchKv3;
              animation-name: frontSwitchKv3; }
  .e-switchKv[data-switchKvNum="4"] {
    --front-kv-duration: 36s;
    --front-kv-items: 4; }
    .e-switchKv[data-switchKvNum="4"] .e-switchKv_item {
      -webkit-animation-name: frontSwitchKv4;
              animation-name: frontSwitchKv4; }
  .e-switchKv[data-switchKvNum="5"] {
    --front-kv-duration: 45s;
    --front-kv-items: 5; }
    .e-switchKv[data-switchKvNum="5"] .e-switchKv_item {
      -webkit-animation-name: frontSwitchKv5;
              animation-name: frontSwitchKv5; }
  .e-switchKv[data-switchKvNum="6"] {
    --front-kv-duration: 54s;
    --front-kv-items: 6; }
    .e-switchKv[data-switchKvNum="6"] .e-switchKv_item {
      -webkit-animation-name: frontSwitchKv6;
              animation-name: frontSwitchKv6; }
  .e-switchKv[data-switchKvNum="7"] {
    --front-kv-duration: 63s;
    --front-kv-items: 7; }
    .e-switchKv[data-switchKvNum="7"] .e-switchKv_item {
      -webkit-animation-name: frontSwitchKv7;
              animation-name: frontSwitchKv7; }
  .e-switchKv[data-switchKvNum="8"] {
    --front-kv-duration: 72s;
    --front-kv-items: 8; }
    .e-switchKv[data-switchKvNum="8"] .e-switchKv_item {
      -webkit-animation-name: frontSwitchKv8;
              animation-name: frontSwitchKv8; }
  .e-switchKv[data-switchKvNum="9"] {
    --front-kv-duration: 81s;
    --front-kv-items: 9; }
    .e-switchKv[data-switchKvNum="9"] .e-switchKv_item {
      -webkit-animation-name: frontSwitchKv9;
              animation-name: frontSwitchKv9; }
  .e-switchKv_item {
    -webkit-animation: var(--front-kv-duration) ease-out 0s infinite both;
            animation: var(--front-kv-duration) ease-out 0s infinite both; }
    .e-switchKv_item:nth-of-type(1) {
      -webkit-animation-delay: 0s;
              animation-delay: 0s; }
    .e-switchKv_item:nth-of-type(2) {
      -webkit-animation-delay: calc(var(--front-kv-duration) / var(--front-kv-items) * 1);
              animation-delay: calc(var(--front-kv-duration) / var(--front-kv-items) * 1); }
    .e-switchKv_item:nth-of-type(3) {
      -webkit-animation-delay: calc(var(--front-kv-duration) / var(--front-kv-items) * 2);
              animation-delay: calc(var(--front-kv-duration) / var(--front-kv-items) * 2); }
    .e-switchKv_item:nth-of-type(4) {
      -webkit-animation-delay: calc(var(--front-kv-duration) / var(--front-kv-items) * 3);
              animation-delay: calc(var(--front-kv-duration) / var(--front-kv-items) * 3); }
    .e-switchKv_item:nth-of-type(5) {
      -webkit-animation-delay: calc(var(--front-kv-duration) / var(--front-kv-items) * 4);
              animation-delay: calc(var(--front-kv-duration) / var(--front-kv-items) * 4); }
    .e-switchKv_item:nth-of-type(6) {
      -webkit-animation-delay: calc(var(--front-kv-duration) / var(--front-kv-items) * 5);
              animation-delay: calc(var(--front-kv-duration) / var(--front-kv-items) * 5); }
    .e-switchKv_item:nth-of-type(7) {
      -webkit-animation-delay: calc(var(--front-kv-duration) / var(--front-kv-items) * 6);
              animation-delay: calc(var(--front-kv-duration) / var(--front-kv-items) * 6); }
    .e-switchKv_item:nth-of-type(8) {
      -webkit-animation-delay: calc(var(--front-kv-duration) / var(--front-kv-items) * 7);
              animation-delay: calc(var(--front-kv-duration) / var(--front-kv-items) * 7); }
    .e-switchKv_item:nth-of-type(9) {
      -webkit-animation-delay: calc(var(--front-kv-duration) / var(--front-kv-items) * 8);
              animation-delay: calc(var(--front-kv-duration) / var(--front-kv-items) * 8); }

@-webkit-keyframes frontSwitchKv2 {
  0% {
    opacity: 0;
    pointer-events: none; }
  12.5% {
    opacity: 1;
    pointer-events: auto; }
  50% {
    opacity: 1;
    pointer-events: auto; }
  62.5% {
    opacity: 0;
    pointer-events: none; }
  100% {
    opacity: 0;
    pointer-events: none; } }

@keyframes frontSwitchKv2 {
  0% {
    opacity: 0;
    pointer-events: none; }
  12.5% {
    opacity: 1;
    pointer-events: auto; }
  50% {
    opacity: 1;
    pointer-events: auto; }
  62.5% {
    opacity: 0;
    pointer-events: none; }
  100% {
    opacity: 0;
    pointer-events: none; } }

@-webkit-keyframes frontSwitchKv3 {
  0% {
    opacity: 0;
    pointer-events: none; }
  8.325% {
    opacity: 1;
    pointer-events: auto; }
  33.3% {
    opacity: 1;
    pointer-events: auto; }
  41.625% {
    opacity: 0;
    pointer-events: none; }
  100% {
    opacity: 0;
    pointer-events: none; } }

@keyframes frontSwitchKv3 {
  0% {
    opacity: 0;
    pointer-events: none; }
  8.325% {
    opacity: 1;
    pointer-events: auto; }
  33.3% {
    opacity: 1;
    pointer-events: auto; }
  41.625% {
    opacity: 0;
    pointer-events: none; }
  100% {
    opacity: 0;
    pointer-events: none; } }

@-webkit-keyframes frontSwitchKv4 {
  0% {
    opacity: 0;
    pointer-events: none; }
  6.25% {
    opacity: 1;
    pointer-events: auto; }
  25% {
    opacity: 1;
    pointer-events: auto; }
  31.25% {
    opacity: 0;
    pointer-events: none; }
  100% {
    opacity: 0;
    pointer-events: none; } }

@keyframes frontSwitchKv4 {
  0% {
    opacity: 0;
    pointer-events: none; }
  6.25% {
    opacity: 1;
    pointer-events: auto; }
  25% {
    opacity: 1;
    pointer-events: auto; }
  31.25% {
    opacity: 0;
    pointer-events: none; }
  100% {
    opacity: 0;
    pointer-events: none; } }

@-webkit-keyframes frontSwitchKv5 {
  0% {
    opacity: 0;
    pointer-events: none; }
  5% {
    opacity: 1;
    pointer-events: auto; }
  20% {
    opacity: 1;
    pointer-events: auto; }
  25% {
    opacity: 0;
    pointer-events: none; }
  100% {
    opacity: 0;
    pointer-events: none; } }

@keyframes frontSwitchKv5 {
  0% {
    opacity: 0;
    pointer-events: none; }
  5% {
    opacity: 1;
    pointer-events: auto; }
  20% {
    opacity: 1;
    pointer-events: auto; }
  25% {
    opacity: 0;
    pointer-events: none; }
  100% {
    opacity: 0;
    pointer-events: none; } }

@-webkit-keyframes frontSwitchKv6 {
  0% {
    opacity: 0;
    pointer-events: none; }
  4% {
    opacity: 1;
    pointer-events: auto; }
  16.6% {
    opacity: 1;
    pointer-events: auto; }
  20% {
    opacity: 0;
    pointer-events: none; }
  100% {
    opacity: 0;
    pointer-events: none; } }

@keyframes frontSwitchKv6 {
  0% {
    opacity: 0;
    pointer-events: none; }
  4% {
    opacity: 1;
    pointer-events: auto; }
  16.6% {
    opacity: 1;
    pointer-events: auto; }
  20% {
    opacity: 0;
    pointer-events: none; }
  100% {
    opacity: 0;
    pointer-events: none; } }

@-webkit-keyframes frontSwitchKv7 {
  0% {
    opacity: 0;
    pointer-events: none; }
  3.5% {
    opacity: 1;
    pointer-events: auto; }
  14.2% {
    opacity: 1;
    pointer-events: auto; }
  17.7% {
    opacity: 0;
    pointer-events: none; }
  100% {
    opacity: 0;
    pointer-events: none; } }

@keyframes frontSwitchKv7 {
  0% {
    opacity: 0;
    pointer-events: none; }
  3.5% {
    opacity: 1;
    pointer-events: auto; }
  14.2% {
    opacity: 1;
    pointer-events: auto; }
  17.7% {
    opacity: 0;
    pointer-events: none; }
  100% {
    opacity: 0;
    pointer-events: none; } }

@-webkit-keyframes frontSwitchKv8 {
  0% {
    opacity: 0;
    pointer-events: none; }
  3.125% {
    opacity: 1;
    pointer-events: auto; }
  14.2% {
    opacity: 1;
    pointer-events: auto; }
  15.625% {
    opacity: 0;
    pointer-events: none; }
  100% {
    opacity: 0;
    pointer-events: none; } }

@keyframes frontSwitchKv8 {
  0% {
    opacity: 0;
    pointer-events: none; }
  3.125% {
    opacity: 1;
    pointer-events: auto; }
  14.2% {
    opacity: 1;
    pointer-events: auto; }
  15.625% {
    opacity: 0;
    pointer-events: none; }
  100% {
    opacity: 0;
    pointer-events: none; } }

@-webkit-keyframes frontSwitchKv9 {
  0% {
    opacity: 0;
    pointer-events: none; }
  2.775% {
    opacity: 1;
    pointer-events: auto; }
  11.1% {
    opacity: 1;
    pointer-events: auto; }
  13.875% {
    opacity: 0;
    pointer-events: none; }
  100% {
    opacity: 0;
    pointer-events: none; } }

@keyframes frontSwitchKv9 {
  0% {
    opacity: 0;
    pointer-events: none; }
  2.775% {
    opacity: 1;
    pointer-events: auto; }
  11.1% {
    opacity: 1;
    pointer-events: auto; }
  13.875% {
    opacity: 0;
    pointer-events: none; }
  100% {
    opacity: 0;
    pointer-events: none; } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.js-slideupitem {
  transform: translateY(20px); }
  .js-slideupitem.-distance40 {
    transform: translateY(40px); }

.js-slideup {
  -webkit-animation: 0.5s ease-in-out 0s 1 both slideUp20;
          animation: 0.5s ease-in-out 0s 1 both slideUp20; }
  .js-slideup.-distance40 {
    -webkit-animation: 0.5s ease-in-out 0s 1 both slideUp40;
            animation: 0.5s ease-in-out 0s 1 both slideUp40; }

@-webkit-keyframes slideUp20 {
  0% {
    transform: translateY(20px); }
  100% {
    transform: translateY(0); } }

@keyframes slideUp20 {
  0% {
    transform: translateY(20px); }
  100% {
    transform: translateY(0); } }

@-webkit-keyframes slideUp40 {
  0% {
    transform: translateY(40px); }
  100% {
    transform: translateY(0); } }

@keyframes slideUp40 {
  0% {
    transform: translateY(40px); }
  100% {
    transform: translateY(0); } }

/*# sourceMappingURL=app.css.map*/