@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap");
@font-face {
  font-family: "DINAlternate";
  font-weight: bold;
  src: url(/features-e/newstreams/assets/fonts/DINAlternate-Bold.eot);
  src: url(/features-e/newstreams/assets/fonts/DINAlternate-Bold.eot?#iefix) format("embedded-opentype"), url(/features-e/newstreams/assets/fonts/DINAlternate-Bold.woff) format("woff"), url(/features-e/newstreams/assets/fonts/DINAlternate-Bold.ttf) format("truetype"), url(/features-e/newstreams/assets/fonts/DINAlternate-Bold.otf), url(/features-e/newstreams/assets/fonts/DINAlternate-Bold.svg#svgFontName) format("svg");
}
@font-face {
  font-family: "SalteryRegular";
  src: url(/features-e/newstreams/assets/fonts/SalteryRegular.eot);
  src: url(/features-e/newstreams/assets/fonts/SalteryRegular.eot?#iefix) format("embedded-opentype"), url(/features-e/newstreams/assets/fonts/SalteryRegular.woff) format("woff"), url(/features-e/newstreams/assets/fonts/SalteryRegular.ttf) format("truetype"), url(/features-e/newstreams/assets/fonts/SalteryRegular.otf), url(/features-e/newstreams/assets/fonts/SalteryRegular.svg#svgFontName) format("svg");
}
/* FILE : /assets/sass/shared/_rest.scss  */
body {
  -webkit-text-size-adjust: 100%;
}

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,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
hr {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
  text-align: left;
  text-decoration: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
  display: block;
}

html {
  overflow-y: scroll;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

input,
button,
textarea,
select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select::-ms-expand {
  display: none;
}

ol,
ul {
  list-style: none;
}

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

caption,
th {
  text-align: left;
}

a:focus {
  outline: none;
}

img {
  vertical-align: bottom;
}

a,
span,
small,
strong,
em {
  color: inherit;
  font-weight: inherit;
}

sup {
  font-size: 75%;
  vertical-align: top;
}

/* FILE : /assets/sass/shared/_common.scss  */
html {
  font-size: 0.625em;
}

* {
  box-sizing: border-box;
}
*:after,
*:before {
  box-sizing: border-box;
}

img {
  max-width: 100%;
  vertical-align: bottom;
}
img.ofi {
  object-fit: cover;
  object-position: center;
  max-width: none;
  width: 100%;
  height: 100%;
  font-family: "object-fit: cover;object-position: center;";
}

*[role="button"] {
  cursor: pointer;
}

body {
  font-family: 游ゴシック体, Yu Gothic, YuGothic, Helvetica Neue, Helvetica, Arial, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic ProN, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -webkit-text-size-adjust: none;
  text-size-adjust: 100%;
  background-color: #fff;
  color: #000;
  font-size: 16px;
  line-height: 1.75;
  overflow-wrap: break-word;
  position: relative;
}

#wrapper {
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #wrapper {
    padding-bottom: 45px;
  }
  #wrapper.nav-open {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 11;
  }
}

.global-header {
  align-items: center;
  background: #fff;
  display: flex;
  justify-content: flex-start;
  padding: 20px 50px 50px 25px;
  width: 100%;
  border-top: 5px solid #990000;
}
.global-header-logo {
  display: block;
  overflow: hidden;
  margin-right: 10px;
  padding-left: 5px;
  display: block;
  overflow: hidden;
  margin-right: 10px;
  padding-left: 5px;
}
.global-header-logo img {
  width: 38px;
  height: auto;
}
.global-header-mark {
  background: #000;
  border-radius: 100%;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  height: 40px;
  letter-spacing: 0.16em;
  line-height: 40px;
  margin-right: 10px;
  padding-left: 2px;
  text-align: center;
  width: 40px;
}
.global-header-title {
  font-size: 12px;
  line-height: 1.5;
}
.global-header-sns {
  display: flex;
  margin-left: auto;
}
.global-header-sns-icon {
  height: 30px;
  margin-left: 10px;
  width: 30px;
}
@media screen and (min-width: 769px) {
  .global-header {
    position: relative;
    z-index: 1;
  }
  .global-header.bg-tranparent {
    background-color: rgba(255, 255, 255, 0);
  }
  .global-header-sns a {
    transition: 0.2s opacity ease-in;
  }
  .global-header-sns a:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 768px) {
  .global-header {
    padding: 10px 20px;
  }
  .global-header-logo {
    height: 40px;
  }
  .global-header-logo img {
    height: 40px;
    width: auto;
  }
  .global-header-mark {
    font-size: 10px;
    height: 30px;
    line-height: 30px;
    width: 30px;
  }
  .global-header-title {
    font-size: 10px;
  }
}

#globalFooter {
  background: #fff;
  margin-top: 150px;
}
#globalFooter .lyt-inner {
  max-width: 1000px;
  margin: auto;
}
@media screen and (max-width: 768px) {
  #globalFooter {
    margin-top: 60px;
    z-index: 1;
    position: relative;
  }
  #globalFooter .lyt-inner {
    padding-left: 4%;
    padding-right: 4%;
  }
}

.footer01 address {
  padding: 26px 0;
  font-size: 14px;
  font-style: normal;
}
@media screen and (min-width: 769px) {
  .footer01 {
    padding: 0 70px;
  }
}
@media screen and (max-width: 768px) {
  .footer01 address {
    font-size: 12px;
  }
}

.footer02 {
  position: relative;
  z-index: 100;
  padding: 13px 70px 9px;
  background: #333;
  overflow: hidden;
  color: #fff;
}
.en .footer02 .cont_inner {
  max-width: 1040px;
  padding: 0 20px;
  margin: auto;
}
.en .footer02 .logo {
  width: 160px;
  float: left;
  margin-top: 10px;
}
.en .footer02 .link li {
  margin-left: 1.5em;
  float: left;
}
.footer02 .logo {
  width: 30px;
  float: left;
  margin-right: 10px;
}
.footer02 .link {
  margin-left: 50px;
  overflow: hidden;
}
.footer02 .link li {
  margin-left: 1.5em;
  float: left;
}
.footer02 .link a {
  color: #fff;
  font-size: 12px;
  transition: 0.2s opacity ease;
}
.footer02 .link a:hover {
  text-decoration: underline;
  opacity: 0.6;
}
.footer02 .copy {
  padding: 20px 0 0;
  font-size: 10px;
}
@media screen and (max-width: 768px) {
  .footer02 {
    padding: 0 0 10px;
    border-top: solid 1px #fff;
    background: #333;
  }
  .footer02 .logo {
    max-width: 41%;
    padding: 15px 0 10px;
    margin: auto;
    float: none;
    text-align: center;
  }
  .footer02 .link {
    border-top: solid 1px #fff;
    margin-left: 0;
  }
  .footer02 .link li {
    padding: 3px 0 2px;
    border-bottom: solid 1px #fff;
    margin: 0;
    float: none;
  }
  .footer02 .link a {
    font-size: 10px;
  }
  .footer02 .copy {
    text-align: center;
    padding: 10px 0;
  }
}

#page-top {
  width: 45px;
  height: 45px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 250;
  cursor: pointer;
  transition: 0.2s opacity ease-in;
}
#page-top:hover {
  opacity: 0.6;
}
@media screen and (max-width: 768px) {
  #page-top {
    position: fixed;
    z-index: 20;
  }
}

@media screen and (min-width: 769px) {
  .footer-sns {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .footer-sns {
    position: fixed;
    z-index: 19;
    padding: 6px 0 0;
    background-color: rgba(90, 90, 90, 0.8);
    bottom: 0;
    left: 0;
    width: 100%;
    height: 45px;
  }
  .footer-sns ul {
    display: flex;
  }
  .footer-sns li {
    flex: 0 0 32px;
    margin-left: 7px;
  }
  .footer-sns a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    text-align: center;
  }
  .footer-sns .tw a {
    background-color: #1da1f2;
  }
  .footer-sns .fb a {
    background-color: #3b5998;
  }
  .footer-sns .line a {
    background-color: #00b900;
  }
  .footer-sns .ig a {
    background: radial-gradient(0.1% 2.5%, circle farthest-corner, #ff8100 0%, #ff7209 19%, #f55e16 32%, #d92938 48%, #9100ff 100%);
  }
  .footer-sns .ig svg {
    width: 20px;
    height: 20px;
  }
  .footer-sns svg {
    fill: #fff;
  }
}

@media screen and (max-width: 768px) {
  .sp_hide {
    display: none;
  }
}

.pt5 {
  padding-top: 5px;
}

.pr5 {
  padding-right: 5px;
}

.pb5 {
  padding-bottom: 5px;
}

.pl5 {
  padding-left: 5px;
}

.mt5 {
  margin-top: 5px;
}

.mr5 {
  margin-right: 5px;
}

.mb5 {
  margin-bottom: 5px;
}

.ml5 {
  margin-left: 5px;
}

.pt10 {
  padding-top: 10px;
}

.pr10 {
  padding-right: 10px;
}

.pb10 {
  padding-bottom: 10px;
}

.pl10 {
  padding-left: 10px;
}

.mt10 {
  margin-top: 10px;
}

.mr10 {
  margin-right: 10px;
}

.mb10 {
  margin-bottom: 10px;
}

.ml10 {
  margin-left: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pr15 {
  padding-right: 15px;
}

.pb15 {
  padding-bottom: 15px;
}

.pl15 {
  padding-left: 15px;
}

.mt15 {
  margin-top: 15px;
}

.mr15 {
  margin-right: 15px;
}

.mb15 {
  margin-bottom: 15px;
}

.ml15 {
  margin-left: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pr20 {
  padding-right: 20px;
}

.pb20 {
  padding-bottom: 20px;
}

.pl20 {
  padding-left: 20px;
}

.mt20 {
  margin-top: 20px;
}

.mr20 {
  margin-right: 20px;
}

.mb20 {
  margin-bottom: 20px;
}

.ml20 {
  margin-left: 20px;
}

.pt25 {
  padding-top: 25px;
}

.pr25 {
  padding-right: 25px;
}

.pb25 {
  padding-bottom: 25px;
}

.pl25 {
  padding-left: 25px;
}

.mt25 {
  margin-top: 25px;
}

.mr25 {
  margin-right: 25px;
}

.mb25 {
  margin-bottom: 25px;
}

.ml25 {
  margin-left: 25px;
}

.pt30 {
  padding-top: 30px;
}

.pr30 {
  padding-right: 30px;
}

.pb30 {
  padding-bottom: 30px;
}

.pl30 {
  padding-left: 30px;
}

.mt30 {
  margin-top: 30px;
}

.mr30 {
  margin-right: 30px;
}

.mb30 {
  margin-bottom: 30px;
}

.ml30 {
  margin-left: 30px;
}

.pt35 {
  padding-top: 35px;
}

.pr35 {
  padding-right: 35px;
}

.pb35 {
  padding-bottom: 35px;
}

.pl35 {
  padding-left: 35px;
}

.mt35 {
  margin-top: 35px;
}

.mr35 {
  margin-right: 35px;
}

.mb35 {
  margin-bottom: 35px;
}

.ml35 {
  margin-left: 35px;
}

.pt40 {
  padding-top: 40px;
}

.pr40 {
  padding-right: 40px;
}

.pb40 {
  padding-bottom: 40px;
}

.pl40 {
  padding-left: 40px;
}

.mt40 {
  margin-top: 40px;
}

.mr40 {
  margin-right: 40px;
}

.mb40 {
  margin-bottom: 40px;
}

.ml40 {
  margin-left: 40px;
}

.pt45 {
  padding-top: 45px;
}

.pr45 {
  padding-right: 45px;
}

.pb45 {
  padding-bottom: 45px;
}

.pl45 {
  padding-left: 45px;
}

.mt45 {
  margin-top: 45px;
}

.mr45 {
  margin-right: 45px;
}

.mb45 {
  margin-bottom: 45px;
}

.ml45 {
  margin-left: 45px;
}

.pt50 {
  padding-top: 50px;
}

.pr50 {
  padding-right: 50px;
}

.pb50 {
  padding-bottom: 50px;
}

.pl50 {
  padding-left: 50px;
}

.mt50 {
  margin-top: 50px;
}

.mr50 {
  margin-right: 50px;
}

.mb50 {
  margin-bottom: 50px;
}

.ml50 {
  margin-left: 50px;
}

.pt55 {
  padding-top: 55px;
}

.pr55 {
  padding-right: 55px;
}

.pb55 {
  padding-bottom: 55px;
}

.pl55 {
  padding-left: 55px;
}

.mt55 {
  margin-top: 55px;
}

.mr55 {
  margin-right: 55px;
}

.mb55 {
  margin-bottom: 55px;
}

.ml55 {
  margin-left: 55px;
}

.pt60 {
  padding-top: 60px;
}

.pr60 {
  padding-right: 60px;
}

.pb60 {
  padding-bottom: 60px;
}

.pl60 {
  padding-left: 60px;
}

.mt60 {
  margin-top: 60px;
}

.mr60 {
  margin-right: 60px;
}

.mb60 {
  margin-bottom: 60px;
}

.ml60 {
  margin-left: 60px;
}

.pt65 {
  padding-top: 65px;
}

.pr65 {
  padding-right: 65px;
}

.pb65 {
  padding-bottom: 65px;
}

.pl65 {
  padding-left: 65px;
}

.mt65 {
  margin-top: 65px;
}

.mr65 {
  margin-right: 65px;
}

.mb65 {
  margin-bottom: 65px;
}

.ml65 {
  margin-left: 65px;
}

.pt70 {
  padding-top: 70px;
}

.pr70 {
  padding-right: 70px;
}

.pb70 {
  padding-bottom: 70px;
}

.pl70 {
  padding-left: 70px;
}

.mt70 {
  margin-top: 70px;
}

.mr70 {
  margin-right: 70px;
}

.mb70 {
  margin-bottom: 70px;
}

.ml70 {
  margin-left: 70px;
}

.pt75 {
  padding-top: 75px;
}

.pr75 {
  padding-right: 75px;
}

.pb75 {
  padding-bottom: 75px;
}

.pl75 {
  padding-left: 75px;
}

.mt75 {
  margin-top: 75px;
}

.mr75 {
  margin-right: 75px;
}

.mb75 {
  margin-bottom: 75px;
}

.ml75 {
  margin-left: 75px;
}

.pt80 {
  padding-top: 80px;
}

.pr80 {
  padding-right: 80px;
}

.pb80 {
  padding-bottom: 80px;
}

.pl80 {
  padding-left: 80px;
}

.mt80 {
  margin-top: 80px;
}

.mr80 {
  margin-right: 80px;
}

.mb80 {
  margin-bottom: 80px;
}

.ml80 {
  margin-left: 80px;
}

.pt85 {
  padding-top: 85px;
}

.pr85 {
  padding-right: 85px;
}

.pb85 {
  padding-bottom: 85px;
}

.pl85 {
  padding-left: 85px;
}

.mt85 {
  margin-top: 85px;
}

.mr85 {
  margin-right: 85px;
}

.mb85 {
  margin-bottom: 85px;
}

.ml85 {
  margin-left: 85px;
}

.pt90 {
  padding-top: 90px;
}

.pr90 {
  padding-right: 90px;
}

.pb90 {
  padding-bottom: 90px;
}

.pl90 {
  padding-left: 90px;
}

.mt90 {
  margin-top: 90px;
}

.mr90 {
  margin-right: 90px;
}

.mb90 {
  margin-bottom: 90px;
}

.ml90 {
  margin-left: 90px;
}

.pt95 {
  padding-top: 95px;
}

.pr95 {
  padding-right: 95px;
}

.pb95 {
  padding-bottom: 95px;
}

.pl95 {
  padding-left: 95px;
}

.mt95 {
  margin-top: 95px;
}

.mr95 {
  margin-right: 95px;
}

.mb95 {
  margin-bottom: 95px;
}

.ml95 {
  margin-left: 95px;
}

.pt100 {
  padding-top: 100px;
}

.pr100 {
  padding-right: 100px;
}

.pb100 {
  padding-bottom: 100px;
}

.pl100 {
  padding-left: 100px;
}

.mt100 {
  margin-top: 100px;
}

.mr100 {
  margin-right: 100px;
}

.mb100 {
  margin-bottom: 100px;
}

.ml100 {
  margin-left: 100px;
}

.pt105 {
  padding-top: 105px;
}

.pr105 {
  padding-right: 105px;
}

.pb105 {
  padding-bottom: 105px;
}

.pl105 {
  padding-left: 105px;
}

.mt105 {
  margin-top: 105px;
}

.mr105 {
  margin-right: 105px;
}

.mb105 {
  margin-bottom: 105px;
}

.ml105 {
  margin-left: 105px;
}

.pt110 {
  padding-top: 110px;
}

.pr110 {
  padding-right: 110px;
}

.pb110 {
  padding-bottom: 110px;
}

.pl110 {
  padding-left: 110px;
}

.mt110 {
  margin-top: 110px;
}

.mr110 {
  margin-right: 110px;
}

.mb110 {
  margin-bottom: 110px;
}

.ml110 {
  margin-left: 110px;
}

.pt115 {
  padding-top: 115px;
}

.pr115 {
  padding-right: 115px;
}

.pb115 {
  padding-bottom: 115px;
}

.pl115 {
  padding-left: 115px;
}

.mt115 {
  margin-top: 115px;
}

.mr115 {
  margin-right: 115px;
}

.mb115 {
  margin-bottom: 115px;
}

.ml115 {
  margin-left: 115px;
}

.pt120 {
  padding-top: 120px;
}

.pr120 {
  padding-right: 120px;
}

.pb120 {
  padding-bottom: 120px;
}

.pl120 {
  padding-left: 120px;
}

.mt120 {
  margin-top: 120px;
}

.mr120 {
  margin-right: 120px;
}

.mb120 {
  margin-bottom: 120px;
}

.ml120 {
  margin-left: 120px;
}

.pt125 {
  padding-top: 125px;
}

.pr125 {
  padding-right: 125px;
}

.pb125 {
  padding-bottom: 125px;
}

.pl125 {
  padding-left: 125px;
}

.mt125 {
  margin-top: 125px;
}

.mr125 {
  margin-right: 125px;
}

.mb125 {
  margin-bottom: 125px;
}

.ml125 {
  margin-left: 125px;
}

.pt130 {
  padding-top: 130px;
}

.pr130 {
  padding-right: 130px;
}

.pb130 {
  padding-bottom: 130px;
}

.pl130 {
  padding-left: 130px;
}

.mt130 {
  margin-top: 130px;
}

.mr130 {
  margin-right: 130px;
}

.mb130 {
  margin-bottom: 130px;
}

.ml130 {
  margin-left: 130px;
}

.pt135 {
  padding-top: 135px;
}

.pr135 {
  padding-right: 135px;
}

.pb135 {
  padding-bottom: 135px;
}

.pl135 {
  padding-left: 135px;
}

.mt135 {
  margin-top: 135px;
}

.mr135 {
  margin-right: 135px;
}

.mb135 {
  margin-bottom: 135px;
}

.ml135 {
  margin-left: 135px;
}

.pt140 {
  padding-top: 140px;
}

.pr140 {
  padding-right: 140px;
}

.pb140 {
  padding-bottom: 140px;
}

.pl140 {
  padding-left: 140px;
}

.mt140 {
  margin-top: 140px;
}

.mr140 {
  margin-right: 140px;
}

.mb140 {
  margin-bottom: 140px;
}

.ml140 {
  margin-left: 140px;
}

.pt145 {
  padding-top: 145px;
}

.pr145 {
  padding-right: 145px;
}

.pb145 {
  padding-bottom: 145px;
}

.pl145 {
  padding-left: 145px;
}

.mt145 {
  margin-top: 145px;
}

.mr145 {
  margin-right: 145px;
}

.mb145 {
  margin-bottom: 145px;
}

.ml145 {
  margin-left: 145px;
}

.pt150 {
  padding-top: 150px;
}

.pr150 {
  padding-right: 150px;
}

.pb150 {
  padding-bottom: 150px;
}

.pl150 {
  padding-left: 150px;
}

.mt150 {
  margin-top: 150px;
}

.mr150 {
  margin-right: 150px;
}

.mb150 {
  margin-bottom: 150px;
}

.ml150 {
  margin-left: 150px;
}

.pt155 {
  padding-top: 155px;
}

.pr155 {
  padding-right: 155px;
}

.pb155 {
  padding-bottom: 155px;
}

.pl155 {
  padding-left: 155px;
}

.mt155 {
  margin-top: 155px;
}

.mr155 {
  margin-right: 155px;
}

.mb155 {
  margin-bottom: 155px;
}

.ml155 {
  margin-left: 155px;
}

.pt160 {
  padding-top: 160px;
}

.pr160 {
  padding-right: 160px;
}

.pb160 {
  padding-bottom: 160px;
}

.pl160 {
  padding-left: 160px;
}

.mt160 {
  margin-top: 160px;
}

.mr160 {
  margin-right: 160px;
}

.mb160 {
  margin-bottom: 160px;
}

.ml160 {
  margin-left: 160px;
}

.pt165 {
  padding-top: 165px;
}

.pr165 {
  padding-right: 165px;
}

.pb165 {
  padding-bottom: 165px;
}

.pl165 {
  padding-left: 165px;
}

.mt165 {
  margin-top: 165px;
}

.mr165 {
  margin-right: 165px;
}

.mb165 {
  margin-bottom: 165px;
}

.ml165 {
  margin-left: 165px;
}

.pt170 {
  padding-top: 170px;
}

.pr170 {
  padding-right: 170px;
}

.pb170 {
  padding-bottom: 170px;
}

.pl170 {
  padding-left: 170px;
}

.mt170 {
  margin-top: 170px;
}

.mr170 {
  margin-right: 170px;
}

.mb170 {
  margin-bottom: 170px;
}

.ml170 {
  margin-left: 170px;
}

.pt175 {
  padding-top: 175px;
}

.pr175 {
  padding-right: 175px;
}

.pb175 {
  padding-bottom: 175px;
}

.pl175 {
  padding-left: 175px;
}

.mt175 {
  margin-top: 175px;
}

.mr175 {
  margin-right: 175px;
}

.mb175 {
  margin-bottom: 175px;
}

.ml175 {
  margin-left: 175px;
}

.pt180 {
  padding-top: 180px;
}

.pr180 {
  padding-right: 180px;
}

.pb180 {
  padding-bottom: 180px;
}

.pl180 {
  padding-left: 180px;
}

.mt180 {
  margin-top: 180px;
}

.mr180 {
  margin-right: 180px;
}

.mb180 {
  margin-bottom: 180px;
}

.ml180 {
  margin-left: 180px;
}

.pt185 {
  padding-top: 185px;
}

.pr185 {
  padding-right: 185px;
}

.pb185 {
  padding-bottom: 185px;
}

.pl185 {
  padding-left: 185px;
}

.mt185 {
  margin-top: 185px;
}

.mr185 {
  margin-right: 185px;
}

.mb185 {
  margin-bottom: 185px;
}

.ml185 {
  margin-left: 185px;
}

.pt190 {
  padding-top: 190px;
}

.pr190 {
  padding-right: 190px;
}

.pb190 {
  padding-bottom: 190px;
}

.pl190 {
  padding-left: 190px;
}

.mt190 {
  margin-top: 190px;
}

.mr190 {
  margin-right: 190px;
}

.mb190 {
  margin-bottom: 190px;
}

.ml190 {
  margin-left: 190px;
}

.pt195 {
  padding-top: 195px;
}

.pr195 {
  padding-right: 195px;
}

.pb195 {
  padding-bottom: 195px;
}

.pl195 {
  padding-left: 195px;
}

.mt195 {
  margin-top: 195px;
}

.mr195 {
  margin-right: 195px;
}

.mb195 {
  margin-bottom: 195px;
}

.ml195 {
  margin-left: 195px;
}

.pt200 {
  padding-top: 200px;
}

.pr200 {
  padding-right: 200px;
}

.pb200 {
  padding-bottom: 200px;
}

.pl200 {
  padding-left: 200px;
}

.mt200 {
  margin-top: 200px;
}

.mr200 {
  margin-right: 200px;
}

.mb200 {
  margin-bottom: 200px;
}

.ml200 {
  margin-left: 200px;
}

@media screen and (max-width: 768px) {
  .pt5-smt {
    padding-top: 5px;
  }

  .pr5-smt {
    padding-right: 5px;
  }

  .pb5-smt {
    padding-bottom: 5px;
  }

  .pl5-smt {
    padding-left: 5px;
  }

  .mt5-smt {
    margin-top: 5px;
  }

  .mr5-smt {
    margin-right: 5px;
  }

  .mb5-smt {
    margin-bottom: 5px;
  }

  .ml5-smt {
    margin-left: 5px;
  }

  .pt10-smt {
    padding-top: 10px;
  }

  .pr10-smt {
    padding-right: 10px;
  }

  .pb10-smt {
    padding-bottom: 10px;
  }

  .pl10-smt {
    padding-left: 10px;
  }

  .mt10-smt {
    margin-top: 10px;
  }

  .mr10-smt {
    margin-right: 10px;
  }

  .mb10-smt {
    margin-bottom: 10px;
  }

  .ml10-smt {
    margin-left: 10px;
  }

  .pt15-smt {
    padding-top: 15px;
  }

  .pr15-smt {
    padding-right: 15px;
  }

  .pb15-smt {
    padding-bottom: 15px;
  }

  .pl15-smt {
    padding-left: 15px;
  }

  .mt15-smt {
    margin-top: 15px;
  }

  .mr15-smt {
    margin-right: 15px;
  }

  .mb15-smt {
    margin-bottom: 15px;
  }

  .ml15-smt {
    margin-left: 15px;
  }

  .pt20-smt {
    padding-top: 20px;
  }

  .pr20-smt {
    padding-right: 20px;
  }

  .pb20-smt {
    padding-bottom: 20px;
  }

  .pl20-smt {
    padding-left: 20px;
  }

  .mt20-smt {
    margin-top: 20px;
  }

  .mr20-smt {
    margin-right: 20px;
  }

  .mb20-smt {
    margin-bottom: 20px;
  }

  .ml20-smt {
    margin-left: 20px;
  }

  .pt25-smt {
    padding-top: 25px;
  }

  .pr25-smt {
    padding-right: 25px;
  }

  .pb25-smt {
    padding-bottom: 25px;
  }

  .pl25-smt {
    padding-left: 25px;
  }

  .mt25-smt {
    margin-top: 25px;
  }

  .mr25-smt {
    margin-right: 25px;
  }

  .mb25-smt {
    margin-bottom: 25px;
  }

  .ml25-smt {
    margin-left: 25px;
  }

  .pt30-smt {
    padding-top: 30px;
  }

  .pr30-smt {
    padding-right: 30px;
  }

  .pb30-smt {
    padding-bottom: 30px;
  }

  .pl30-smt {
    padding-left: 30px;
  }

  .mt30-smt {
    margin-top: 30px;
  }

  .mr30-smt {
    margin-right: 30px;
  }

  .mb30-smt {
    margin-bottom: 30px;
  }

  .ml30-smt {
    margin-left: 30px;
  }

  .pt35-smt {
    padding-top: 35px;
  }

  .pr35-smt {
    padding-right: 35px;
  }

  .pb35-smt {
    padding-bottom: 35px;
  }

  .pl35-smt {
    padding-left: 35px;
  }

  .mt35-smt {
    margin-top: 35px;
  }

  .mr35-smt {
    margin-right: 35px;
  }

  .mb35-smt {
    margin-bottom: 35px;
  }

  .ml35-smt {
    margin-left: 35px;
  }

  .pt40-smt {
    padding-top: 40px;
  }

  .pr40-smt {
    padding-right: 40px;
  }

  .pb40-smt {
    padding-bottom: 40px;
  }

  .pl40-smt {
    padding-left: 40px;
  }

  .mt40-smt {
    margin-top: 40px;
  }

  .mr40-smt {
    margin-right: 40px;
  }

  .mb40-smt {
    margin-bottom: 40px;
  }

  .ml40-smt {
    margin-left: 40px;
  }

  .pt45-smt {
    padding-top: 45px;
  }

  .pr45-smt {
    padding-right: 45px;
  }

  .pb45-smt {
    padding-bottom: 45px;
  }

  .pl45-smt {
    padding-left: 45px;
  }

  .mt45-smt {
    margin-top: 45px;
  }

  .mr45-smt {
    margin-right: 45px;
  }

  .mb45-smt {
    margin-bottom: 45px;
  }

  .ml45-smt {
    margin-left: 45px;
  }

  .pt50-smt {
    padding-top: 50px;
  }

  .pr50-smt {
    padding-right: 50px;
  }

  .pb50-smt {
    padding-bottom: 50px;
  }

  .pl50-smt {
    padding-left: 50px;
  }

  .mt50-smt {
    margin-top: 50px;
  }

  .mr50-smt {
    margin-right: 50px;
  }

  .mb50-smt {
    margin-bottom: 50px;
  }

  .ml50-smt {
    margin-left: 50px;
  }

  .pt55-smt {
    padding-top: 55px;
  }

  .pr55-smt {
    padding-right: 55px;
  }

  .pb55-smt {
    padding-bottom: 55px;
  }

  .pl55-smt {
    padding-left: 55px;
  }

  .mt55-smt {
    margin-top: 55px;
  }

  .mr55-smt {
    margin-right: 55px;
  }

  .mb55-smt {
    margin-bottom: 55px;
  }

  .ml55-smt {
    margin-left: 55px;
  }

  .pt60-smt {
    padding-top: 60px;
  }

  .pr60-smt {
    padding-right: 60px;
  }

  .pb60-smt {
    padding-bottom: 60px;
  }

  .pl60-smt {
    padding-left: 60px;
  }

  .mt60-smt {
    margin-top: 60px;
  }

  .mr60-smt {
    margin-right: 60px;
  }

  .mb60-smt {
    margin-bottom: 60px;
  }

  .ml60-smt {
    margin-left: 60px;
  }

  .pt65-smt {
    padding-top: 65px;
  }

  .pr65-smt {
    padding-right: 65px;
  }

  .pb65-smt {
    padding-bottom: 65px;
  }

  .pl65-smt {
    padding-left: 65px;
  }

  .mt65-smt {
    margin-top: 65px;
  }

  .mr65-smt {
    margin-right: 65px;
  }

  .mb65-smt {
    margin-bottom: 65px;
  }

  .ml65-smt {
    margin-left: 65px;
  }

  .pt70-smt {
    padding-top: 70px;
  }

  .pr70-smt {
    padding-right: 70px;
  }

  .pb70-smt {
    padding-bottom: 70px;
  }

  .pl70-smt {
    padding-left: 70px;
  }

  .mt70-smt {
    margin-top: 70px;
  }

  .mr70-smt {
    margin-right: 70px;
  }

  .mb70-smt {
    margin-bottom: 70px;
  }

  .ml70-smt {
    margin-left: 70px;
  }

  .pt75-smt {
    padding-top: 75px;
  }

  .pr75-smt {
    padding-right: 75px;
  }

  .pb75-smt {
    padding-bottom: 75px;
  }

  .pl75-smt {
    padding-left: 75px;
  }

  .mt75-smt {
    margin-top: 75px;
  }

  .mr75-smt {
    margin-right: 75px;
  }

  .mb75-smt {
    margin-bottom: 75px;
  }

  .ml75-smt {
    margin-left: 75px;
  }

  .pt80-smt {
    padding-top: 80px;
  }

  .pr80-smt {
    padding-right: 80px;
  }

  .pb80-smt {
    padding-bottom: 80px;
  }

  .pl80-smt {
    padding-left: 80px;
  }

  .mt80-smt {
    margin-top: 80px;
  }

  .mr80-smt {
    margin-right: 80px;
  }

  .mb80-smt {
    margin-bottom: 80px;
  }

  .ml80-smt {
    margin-left: 80px;
  }

  .pt85-smt {
    padding-top: 85px;
  }

  .pr85-smt {
    padding-right: 85px;
  }

  .pb85-smt {
    padding-bottom: 85px;
  }

  .pl85-smt {
    padding-left: 85px;
  }

  .mt85-smt {
    margin-top: 85px;
  }

  .mr85-smt {
    margin-right: 85px;
  }

  .mb85-smt {
    margin-bottom: 85px;
  }

  .ml85-smt {
    margin-left: 85px;
  }

  .pt90-smt {
    padding-top: 90px;
  }

  .pr90-smt {
    padding-right: 90px;
  }

  .pb90-smt {
    padding-bottom: 90px;
  }

  .pl90-smt {
    padding-left: 90px;
  }

  .mt90-smt {
    margin-top: 90px;
  }

  .mr90-smt {
    margin-right: 90px;
  }

  .mb90-smt {
    margin-bottom: 90px;
  }

  .ml90-smt {
    margin-left: 90px;
  }

  .pt95-smt {
    padding-top: 95px;
  }

  .pr95-smt {
    padding-right: 95px;
  }

  .pb95-smt {
    padding-bottom: 95px;
  }

  .pl95-smt {
    padding-left: 95px;
  }

  .mt95-smt {
    margin-top: 95px;
  }

  .mr95-smt {
    margin-right: 95px;
  }

  .mb95-smt {
    margin-bottom: 95px;
  }

  .ml95-smt {
    margin-left: 95px;
  }

  .pt100-smt {
    padding-top: 100px;
  }

  .pr100-smt {
    padding-right: 100px;
  }

  .pb100-smt {
    padding-bottom: 100px;
  }

  .pl100-smt {
    padding-left: 100px;
  }

  .mt100-smt {
    margin-top: 100px;
  }

  .mr100-smt {
    margin-right: 100px;
  }

  .mb100-smt {
    margin-bottom: 100px;
  }

  .ml100-smt {
    margin-left: 100px;
  }

  .pt105-smt {
    padding-top: 105px;
  }

  .pr105-smt {
    padding-right: 105px;
  }

  .pb105-smt {
    padding-bottom: 105px;
  }

  .pl105-smt {
    padding-left: 105px;
  }

  .mt105-smt {
    margin-top: 105px;
  }

  .mr105-smt {
    margin-right: 105px;
  }

  .mb105-smt {
    margin-bottom: 105px;
  }

  .ml105-smt {
    margin-left: 105px;
  }

  .pt110-smt {
    padding-top: 110px;
  }

  .pr110-smt {
    padding-right: 110px;
  }

  .pb110-smt {
    padding-bottom: 110px;
  }

  .pl110-smt {
    padding-left: 110px;
  }

  .mt110-smt {
    margin-top: 110px;
  }

  .mr110-smt {
    margin-right: 110px;
  }

  .mb110-smt {
    margin-bottom: 110px;
  }

  .ml110-smt {
    margin-left: 110px;
  }

  .pt115-smt {
    padding-top: 115px;
  }

  .pr115-smt {
    padding-right: 115px;
  }

  .pb115-smt {
    padding-bottom: 115px;
  }

  .pl115-smt {
    padding-left: 115px;
  }

  .mt115-smt {
    margin-top: 115px;
  }

  .mr115-smt {
    margin-right: 115px;
  }

  .mb115-smt {
    margin-bottom: 115px;
  }

  .ml115-smt {
    margin-left: 115px;
  }

  .pt120-smt {
    padding-top: 120px;
  }

  .pr120-smt {
    padding-right: 120px;
  }

  .pb120-smt {
    padding-bottom: 120px;
  }

  .pl120-smt {
    padding-left: 120px;
  }

  .mt120-smt {
    margin-top: 120px;
  }

  .mr120-smt {
    margin-right: 120px;
  }

  .mb120-smt {
    margin-bottom: 120px;
  }

  .ml120-smt {
    margin-left: 120px;
  }

  .pt125-smt {
    padding-top: 125px;
  }

  .pr125-smt {
    padding-right: 125px;
  }

  .pb125-smt {
    padding-bottom: 125px;
  }

  .pl125-smt {
    padding-left: 125px;
  }

  .mt125-smt {
    margin-top: 125px;
  }

  .mr125-smt {
    margin-right: 125px;
  }

  .mb125-smt {
    margin-bottom: 125px;
  }

  .ml125-smt {
    margin-left: 125px;
  }

  .pt130-smt {
    padding-top: 130px;
  }

  .pr130-smt {
    padding-right: 130px;
  }

  .pb130-smt {
    padding-bottom: 130px;
  }

  .pl130-smt {
    padding-left: 130px;
  }

  .mt130-smt {
    margin-top: 130px;
  }

  .mr130-smt {
    margin-right: 130px;
  }

  .mb130-smt {
    margin-bottom: 130px;
  }

  .ml130-smt {
    margin-left: 130px;
  }

  .pt135-smt {
    padding-top: 135px;
  }

  .pr135-smt {
    padding-right: 135px;
  }

  .pb135-smt {
    padding-bottom: 135px;
  }

  .pl135-smt {
    padding-left: 135px;
  }

  .mt135-smt {
    margin-top: 135px;
  }

  .mr135-smt {
    margin-right: 135px;
  }

  .mb135-smt {
    margin-bottom: 135px;
  }

  .ml135-smt {
    margin-left: 135px;
  }

  .pt140-smt {
    padding-top: 140px;
  }

  .pr140-smt {
    padding-right: 140px;
  }

  .pb140-smt {
    padding-bottom: 140px;
  }

  .pl140-smt {
    padding-left: 140px;
  }

  .mt140-smt {
    margin-top: 140px;
  }

  .mr140-smt {
    margin-right: 140px;
  }

  .mb140-smt {
    margin-bottom: 140px;
  }

  .ml140-smt {
    margin-left: 140px;
  }

  .pt145-smt {
    padding-top: 145px;
  }

  .pr145-smt {
    padding-right: 145px;
  }

  .pb145-smt {
    padding-bottom: 145px;
  }

  .pl145-smt {
    padding-left: 145px;
  }

  .mt145-smt {
    margin-top: 145px;
  }

  .mr145-smt {
    margin-right: 145px;
  }

  .mb145-smt {
    margin-bottom: 145px;
  }

  .ml145-smt {
    margin-left: 145px;
  }

  .pt150-smt {
    padding-top: 150px;
  }

  .pr150-smt {
    padding-right: 150px;
  }

  .pb150-smt {
    padding-bottom: 150px;
  }

  .pl150-smt {
    padding-left: 150px;
  }

  .mt150-smt {
    margin-top: 150px;
  }

  .mr150-smt {
    margin-right: 150px;
  }

  .mb150-smt {
    margin-bottom: 150px;
  }

  .ml150-smt {
    margin-left: 150px;
  }

  .pt155-smt {
    padding-top: 155px;
  }

  .pr155-smt {
    padding-right: 155px;
  }

  .pb155-smt {
    padding-bottom: 155px;
  }

  .pl155-smt {
    padding-left: 155px;
  }

  .mt155-smt {
    margin-top: 155px;
  }

  .mr155-smt {
    margin-right: 155px;
  }

  .mb155-smt {
    margin-bottom: 155px;
  }

  .ml155-smt {
    margin-left: 155px;
  }

  .pt160-smt {
    padding-top: 160px;
  }

  .pr160-smt {
    padding-right: 160px;
  }

  .pb160-smt {
    padding-bottom: 160px;
  }

  .pl160-smt {
    padding-left: 160px;
  }

  .mt160-smt {
    margin-top: 160px;
  }

  .mr160-smt {
    margin-right: 160px;
  }

  .mb160-smt {
    margin-bottom: 160px;
  }

  .ml160-smt {
    margin-left: 160px;
  }

  .pt165-smt {
    padding-top: 165px;
  }

  .pr165-smt {
    padding-right: 165px;
  }

  .pb165-smt {
    padding-bottom: 165px;
  }

  .pl165-smt {
    padding-left: 165px;
  }

  .mt165-smt {
    margin-top: 165px;
  }

  .mr165-smt {
    margin-right: 165px;
  }

  .mb165-smt {
    margin-bottom: 165px;
  }

  .ml165-smt {
    margin-left: 165px;
  }

  .pt170-smt {
    padding-top: 170px;
  }

  .pr170-smt {
    padding-right: 170px;
  }

  .pb170-smt {
    padding-bottom: 170px;
  }

  .pl170-smt {
    padding-left: 170px;
  }

  .mt170-smt {
    margin-top: 170px;
  }

  .mr170-smt {
    margin-right: 170px;
  }

  .mb170-smt {
    margin-bottom: 170px;
  }

  .ml170-smt {
    margin-left: 170px;
  }

  .pt175-smt {
    padding-top: 175px;
  }

  .pr175-smt {
    padding-right: 175px;
  }

  .pb175-smt {
    padding-bottom: 175px;
  }

  .pl175-smt {
    padding-left: 175px;
  }

  .mt175-smt {
    margin-top: 175px;
  }

  .mr175-smt {
    margin-right: 175px;
  }

  .mb175-smt {
    margin-bottom: 175px;
  }

  .ml175-smt {
    margin-left: 175px;
  }

  .pt180-smt {
    padding-top: 180px;
  }

  .pr180-smt {
    padding-right: 180px;
  }

  .pb180-smt {
    padding-bottom: 180px;
  }

  .pl180-smt {
    padding-left: 180px;
  }

  .mt180-smt {
    margin-top: 180px;
  }

  .mr180-smt {
    margin-right: 180px;
  }

  .mb180-smt {
    margin-bottom: 180px;
  }

  .ml180-smt {
    margin-left: 180px;
  }

  .pt185-smt {
    padding-top: 185px;
  }

  .pr185-smt {
    padding-right: 185px;
  }

  .pb185-smt {
    padding-bottom: 185px;
  }

  .pl185-smt {
    padding-left: 185px;
  }

  .mt185-smt {
    margin-top: 185px;
  }

  .mr185-smt {
    margin-right: 185px;
  }

  .mb185-smt {
    margin-bottom: 185px;
  }

  .ml185-smt {
    margin-left: 185px;
  }

  .pt190-smt {
    padding-top: 190px;
  }

  .pr190-smt {
    padding-right: 190px;
  }

  .pb190-smt {
    padding-bottom: 190px;
  }

  .pl190-smt {
    padding-left: 190px;
  }

  .mt190-smt {
    margin-top: 190px;
  }

  .mr190-smt {
    margin-right: 190px;
  }

  .mb190-smt {
    margin-bottom: 190px;
  }

  .ml190-smt {
    margin-left: 190px;
  }

  .pt195-smt {
    padding-top: 195px;
  }

  .pr195-smt {
    padding-right: 195px;
  }

  .pb195-smt {
    padding-bottom: 195px;
  }

  .pl195-smt {
    padding-left: 195px;
  }

  .mt195-smt {
    margin-top: 195px;
  }

  .mr195-smt {
    margin-right: 195px;
  }

  .mb195-smt {
    margin-bottom: 195px;
  }

  .ml195-smt {
    margin-left: 195px;
  }

  .pt200-smt {
    padding-top: 200px;
  }

  .pr200-smt {
    padding-right: 200px;
  }

  .pb200-smt {
    padding-bottom: 200px;
  }

  .pl200-smt {
    padding-left: 200px;
  }

  .mt200-smt {
    margin-top: 200px;
  }

  .mr200-smt {
    margin-right: 200px;
  }

  .mb200-smt {
    margin-bottom: 200px;
  }

  .ml200-smt {
    margin-left: 200px;
  }
}
.mb1em {
  margin-bottom: 1em;
}

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

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

.text-underline {
  text-decoration: underline;
}

.font-bold {
  font-weight: bold;
}

.fz10 {
  font-size: 10px;
}

.fz11 {
  font-size: 11px;
}

.fz12 {
  font-size: 12px;
}

.fz13 {
  font-size: 13px;
}

.fz14 {
  font-size: 14px;
}

.fz15 {
  font-size: 15px;
}

.fz16 {
  font-size: 16px;
}

.fz17 {
  font-size: 17px;
}

.fz18 {
  font-size: 18px;
}

.fz19 {
  font-size: 19px;
}

.fz20 {
  font-size: 20px;
}

.fz21 {
  font-size: 21px;
}

.fz22 {
  font-size: 22px;
}

.fz23 {
  font-size: 23px;
}

.fz24 {
  font-size: 24px;
}

.fz25 {
  font-size: 25px;
}

.fz26 {
  font-size: 26px;
}

.fz27 {
  font-size: 27px;
}

.fz28 {
  font-size: 28px;
}

.fz29 {
  font-size: 29px;
}

.fz30 {
  font-size: 30px;
}

.fz31 {
  font-size: 31px;
}

.fz32 {
  font-size: 32px;
}

.fz33 {
  font-size: 33px;
}

.fz34 {
  font-size: 34px;
}

.fz35 {
  font-size: 35px;
}

.fz36 {
  font-size: 36px;
}

.fz37 {
  font-size: 37px;
}

.fz38 {
  font-size: 38px;
}

.fz39 {
  font-size: 39px;
}

.fz40 {
  font-size: 40px;
}

.fz41 {
  font-size: 41px;
}

.fz42 {
  font-size: 42px;
}

.fz43 {
  font-size: 43px;
}

.fz44 {
  font-size: 44px;
}

.fz45 {
  font-size: 45px;
}

.fz46 {
  font-size: 46px;
}

.fz47 {
  font-size: 47px;
}

.fz48 {
  font-size: 48px;
}

.fz49 {
  font-size: 49px;
}

.fz50 {
  font-size: 50px;
}

@media screen and (max-width: 768px) {
  .fz10-smt {
    font-size: 10px;
  }

  .fz11-smt {
    font-size: 11px;
  }

  .fz12-smt {
    font-size: 12px;
  }

  .fz13-smt {
    font-size: 13px;
  }

  .fz14-smt {
    font-size: 14px;
  }

  .fz15-smt {
    font-size: 15px;
  }

  .fz16-smt {
    font-size: 16px;
  }

  .fz17-smt {
    font-size: 17px;
  }

  .fz18-smt {
    font-size: 18px;
  }

  .fz19-smt {
    font-size: 19px;
  }

  .fz20-smt {
    font-size: 20px;
  }

  .fz21-smt {
    font-size: 21px;
  }

  .fz22-smt {
    font-size: 22px;
  }

  .fz23-smt {
    font-size: 23px;
  }

  .fz24-smt {
    font-size: 24px;
  }

  .fz25-smt {
    font-size: 25px;
  }

  .fz26-smt {
    font-size: 26px;
  }

  .fz27-smt {
    font-size: 27px;
  }

  .fz28-smt {
    font-size: 28px;
  }

  .fz29-smt {
    font-size: 29px;
  }

  .fz30-smt {
    font-size: 30px;
  }

  .fz31-smt {
    font-size: 31px;
  }

  .fz32-smt {
    font-size: 32px;
  }

  .fz33-smt {
    font-size: 33px;
  }

  .fz34-smt {
    font-size: 34px;
  }

  .fz35-smt {
    font-size: 35px;
  }

  .fz36-smt {
    font-size: 36px;
  }

  .fz37-smt {
    font-size: 37px;
  }

  .fz38-smt {
    font-size: 38px;
  }

  .fz39-smt {
    font-size: 39px;
  }

  .fz40-smt {
    font-size: 40px;
  }

  .fz41-smt {
    font-size: 41px;
  }

  .fz42-smt {
    font-size: 42px;
  }

  .fz43-smt {
    font-size: 43px;
  }

  .fz44-smt {
    font-size: 44px;
  }

  .fz45-smt {
    font-size: 45px;
  }

  .fz46-smt {
    font-size: 46px;
  }

  .fz47-smt {
    font-size: 47px;
  }

  .fz48-smt {
    font-size: 48px;
  }

  .fz49-smt {
    font-size: 49px;
  }

  .fz50-smt {
    font-size: 50px;
  }
}
.lh10 {
  line-height: 1;
}

.lh11 {
  line-height: 1.1;
}

.lh12 {
  line-height: 1.2;
}

.lh13 {
  line-height: 1.3;
}

.lh14 {
  line-height: 1.4;
}

.lh15 {
  line-height: 1.5;
}

.lh16 {
  line-height: 1.6;
}

.lh17 {
  line-height: 1.7;
}

.lh18 {
  line-height: 1.8;
}

.lh19 {
  line-height: 1.9;
}

.lh20 {
  line-height: 2;
}

.lh21 {
  line-height: 2.1;
}

.lh22 {
  line-height: 2.2;
}

.lh23 {
  line-height: 2.3;
}

.lh24 {
  line-height: 2.4;
}

.lh25 {
  line-height: 2.5;
}

.lh26 {
  line-height: 2.6;
}

.lh27 {
  line-height: 2.7;
}

.lh28 {
  line-height: 2.8;
}

.lh29 {
  line-height: 2.9;
}

.lh30 {
  line-height: 3;
}

.lh31 {
  line-height: 3.1;
}

.lh32 {
  line-height: 3.2;
}

.lh33 {
  line-height: 3.3;
}

.lh34 {
  line-height: 3.4;
}

.lh35 {
  line-height: 3.5;
}

.lh36 {
  line-height: 3.6;
}

.lh37 {
  line-height: 3.7;
}

.lh38 {
  line-height: 3.8;
}

.lh39 {
  line-height: 3.9;
}

.lh40 {
  line-height: 4;
}

.lh41 {
  line-height: 4.1;
}

.lh42 {
  line-height: 4.2;
}

.lh43 {
  line-height: 4.3;
}

.lh44 {
  line-height: 4.4;
}

.lh45 {
  line-height: 4.5;
}

.lh46 {
  line-height: 4.6;
}

.lh47 {
  line-height: 4.7;
}

.lh48 {
  line-height: 4.8;
}

.lh49 {
  line-height: 4.9;
}

.lh50 {
  line-height: 5;
}

.mw100 {
  max-width: 100px;
}

.mw110 {
  max-width: 110px;
}

.mw120 {
  max-width: 120px;
}

.mw130 {
  max-width: 130px;
}

.mw140 {
  max-width: 140px;
}

.mw150 {
  max-width: 150px;
}

.mw160 {
  max-width: 160px;
}

.mw170 {
  max-width: 170px;
}

.mw180 {
  max-width: 180px;
}

.mw190 {
  max-width: 190px;
}

.mw200 {
  max-width: 200px;
}

.mw210 {
  max-width: 210px;
}

.mw220 {
  max-width: 220px;
}

.mw230 {
  max-width: 230px;
}

.mw240 {
  max-width: 240px;
}

.mw250 {
  max-width: 250px;
}

.mw260 {
  max-width: 260px;
}

.mw270 {
  max-width: 270px;
}

.mw280 {
  max-width: 280px;
}

.mw290 {
  max-width: 290px;
}

.mw300 {
  max-width: 300px;
}

.mw310 {
  max-width: 310px;
}

.mw320 {
  max-width: 320px;
}

.mw330 {
  max-width: 330px;
}

.mw340 {
  max-width: 340px;
}

.mw350 {
  max-width: 350px;
}

.mw360 {
  max-width: 360px;
}

.mw370 {
  max-width: 370px;
}

.mw380 {
  max-width: 380px;
}

.mw390 {
  max-width: 390px;
}

.mw400 {
  max-width: 400px;
}

.mw410 {
  max-width: 410px;
}

.mw420 {
  max-width: 420px;
}

.mw430 {
  max-width: 430px;
}

.mw440 {
  max-width: 440px;
}

.mw450 {
  max-width: 450px;
}

.mw460 {
  max-width: 460px;
}

.mw470 {
  max-width: 470px;
}

.mw480 {
  max-width: 480px;
}

.mw490 {
  max-width: 490px;
}

.mw500 {
  max-width: 500px;
}

.mw510 {
  max-width: 510px;
}

.mw520 {
  max-width: 520px;
}

.mw530 {
  max-width: 530px;
}

.mw540 {
  max-width: 540px;
}

.mw550 {
  max-width: 550px;
}

.mw560 {
  max-width: 560px;
}

.mw570 {
  max-width: 570px;
}

.mw580 {
  max-width: 580px;
}

.mw590 {
  max-width: 590px;
}

.mw600 {
  max-width: 600px;
}

.mw610 {
  max-width: 610px;
}

.mw620 {
  max-width: 620px;
}

.mw630 {
  max-width: 630px;
}

.mw640 {
  max-width: 640px;
}

.mw650 {
  max-width: 650px;
}

.mw660 {
  max-width: 660px;
}

.mw670 {
  max-width: 670px;
}

.mw680 {
  max-width: 680px;
}

.mw690 {
  max-width: 690px;
}

.mw700 {
  max-width: 700px;
}

.mw710 {
  max-width: 710px;
}

.mw720 {
  max-width: 720px;
}

.mw730 {
  max-width: 730px;
}

.mw740 {
  max-width: 740px;
}

.mw750 {
  max-width: 750px;
}

.mw760 {
  max-width: 760px;
}

.mw770 {
  max-width: 770px;
}

.mw780 {
  max-width: 780px;
}

.mw790 {
  max-width: 790px;
}

.mw800 {
  max-width: 800px;
}

.mw810 {
  max-width: 810px;
}

.mw820 {
  max-width: 820px;
}

.mw830 {
  max-width: 830px;
}

.mw840 {
  max-width: 840px;
}

.mw850 {
  max-width: 850px;
}

.mw860 {
  max-width: 860px;
}

.mw870 {
  max-width: 870px;
}

.mw880 {
  max-width: 880px;
}

.mw890 {
  max-width: 890px;
}

.mw900 {
  max-width: 900px;
}

.mw910 {
  max-width: 910px;
}

.mw920 {
  max-width: 920px;
}

.mw930 {
  max-width: 930px;
}

.mw940 {
  max-width: 940px;
}

.mw950 {
  max-width: 950px;
}

.mw960 {
  max-width: 960px;
}

.mw970 {
  max-width: 970px;
}

.mw980 {
  max-width: 980px;
}

.mw990 {
  max-width: 990px;
}

.mw1000 {
  max-width: 1000px;
}

.mw1010 {
  max-width: 1010px;
}

.mw1020 {
  max-width: 1020px;
}

.mw1030 {
  max-width: 1030px;
}

.mw1040 {
  max-width: 1040px;
}

.mw1050 {
  max-width: 1050px;
}

.mw1060 {
  max-width: 1060px;
}

.mw1070 {
  max-width: 1070px;
}

.mw1080 {
  max-width: 1080px;
}

/* FILE : /assets/sass/shared/_item.scss  */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
  min-height: 1%;
}

/* for IE-mac */
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

@media screen and (min-width: 1025px) {
  .pc-hide {
    display: none;
  }

  .hover-alpha {
    transition: 0.2s opacity ease-in;
  }
  .hover-alpha:hover {
    opacity: 0.6;
  }

  .hover-line:hover {
    text-decoration: underline;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .tablet-hide {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .smt-hide {
    display: none;
  }
}
.ind-1em {
  text-indent: -1em;
  padding-left: 1em;
}

.box-center {
  margin-left: auto;
  margin-right: auto;
}

/* FILE : /assets/sass/shared/_parts.scss  */
.news-post__content img {
  display: inline-block;
  margin: 10px;
}
.news-post__content b,
.news-post__content em,
.news-post__content strong {
  font-weight: bold;
}
.news-post__content i {
  font-style: italic;
}
.news-post__content u {
  text-decoration: underline;
}
.news-post__content s,
.news-post__content strike,
.news-post__content del {
  text-decoration: line-through;
}
.news-post__content big {
  font-size: 1.1em;
}
.news-post__content small {
  font-size: 0.9em;
}

@media screen and (min-width: 769px) {
  .ph-box {
    display: flex;
  }
  .ph-box__img {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ph-box__img--full {
    flex: 0 1 auto;
    max-width: none;
  }
  .ph-box__img--full img {
    max-width: none !important;
    width: auto !important;
    height: auto !important;
  }
  .ph-box__content {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .ph-box--phleft {
    justify-content: flex-end;
  }
  .ph-box--phleft .ph-box__img {
    order: 1;
  }
  .ph-box--phleft .ph-box__content {
    order: 2;
    padding-left: 50px;
  }
  .ph-box--phright .ph-box__img {
    order: 2;
  }
  .ph-box--phright .ph-box__content {
    order: 1;
    padding-right: 50px;
  }
}
@media screen and (max-width: 768px) {
  .ph-box__content {
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 769px) and (-ms-high-contrast: none) {
  *::-ms-backdrop,
  .ph-box--phleft .ph-box__img--full {
    flex: 0 0 50%;
    max-width: 50%;
    text-align: right;
    overflow: hidden;
  }

  *::-ms-backdrop,
  .ph-box--phleft .ph-box__img--full img {
    font-family: "object-fit:cover;object-position:right;";
    width: 100% !important;
  }
}
.showItem {
  position: relative;
  transform-origin: left;
  transform: scaleX(0);
  transition: all 0.4s cubic-bezier(0.35, 0.6, 0.4, 1);
}
.showItem:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #dedede;
  transform-origin: right;
  transition: all 0.4s cubic-bezier(0.35, 0.6, 0.4, 1) 0.3s;
  z-index: 10;
}
.showItem.show {
  transform: scaleX(1);
}
.showItem.show:before {
  transform: scaleX(0);
}

@media screen and (min-width: 769px) {
  .showItem-custom.sec-stitle .sec-stitle__text {
    position: relative;
    transform-origin: left;
    transform: scaleX(0);
    transition: all 0.4s cubic-bezier(0.35, 0.6, 0.4, 1);
  }
  .showItem-custom.sec-stitle .sec-stitle__text:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #dedede;
    transform-origin: right;
    transition: all 0.4s cubic-bezier(0.35, 0.6, 0.4, 1) 0.3s;
    z-index: 10;
  }
  .showItem-custom.sec-stitle.show .sec-stitle__text {
    transform: scaleX(1);
  }
  .showItem-custom.sec-stitle.show .sec-stitle__text:before {
    transform: scaleX(0);
  }

  .sec-title.showItem-custom .sec-title__inner {
    position: relative;
    transform-origin: left;
    transform: scaleX(0);
    transition: all 0.4s cubic-bezier(0.35, 0.6, 0.4, 1);
  }
  .sec-title.showItem-custom .sec-title__inner:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #dedede;
    transform-origin: right;
    transition: all 0.4s cubic-bezier(0.35, 0.6, 0.4, 1) 0.3s;
    z-index: 10;
  }
  .sec-title.showItem-custom.show .sec-title__inner {
    transform: scaleX(1);
  }
  .sec-title.showItem-custom.show .sec-title__inner:before {
    transform: scaleX(0);
  }
}
@media screen and (max-width: 768px) {
  .showItem-custom.sec-stitle .sec-stitle__stext {
    position: relative;
    transform-origin: left;
    transform: scaleX(0);
    transition: all 0.4s cubic-bezier(0.35, 0.6, 0.4, 1);
  }
  .showItem-custom.sec-stitle .sec-stitle__stext:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    transform-origin: right;
    transition: all 0.4s cubic-bezier(0.35, 0.6, 0.4, 1) 0.3s;
    z-index: 10;
  }
  .showItem-custom.sec-stitle.show .sec-stitle__stext {
    transform: scaleX(1);
  }
  .showItem-custom.sec-stitle.show .sec-stitle__stext:before {
    transform: scaleX(0);
  }

  .sec-title.showItem-custom {
    position: relative;
    transform-origin: left;
    transform: scaleX(0);
    transition: all 0.4s cubic-bezier(0.35, 0.6, 0.4, 1);
  }
  .sec-title.showItem-custom:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #dedede;
    transform-origin: right;
    transition: all 0.4s cubic-bezier(0.35, 0.6, 0.4, 1) 0.3s;
    z-index: 10;
  }
  .sec-title.showItem-custom.show {
    transform: scaleX(1);
  }
  .sec-title.showItem-custom.show:before {
    transform: scaleX(0);
  }
}
.showItem-custom.show-fade {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.4s cubic-bezier(0.35, 0.6, 0.4, 1), transform 0.4s cubic-bezier(0.35, 0.6, 0.4, 1);
}
.showItem-custom.show-fade.show {
  opacity: 1;
  transform: translateY(0);
}

.tiles__item.showItem-custom .tiles-header__number,
.tiles__item.showItem-custom .tiles-header__professor {
  position: relative;
  transform-origin: left;
  transform: scaleX(0);
  transition: all 0.4s cubic-bezier(0.35, 0.6, 0.4, 1);
}
.tiles__item.showItem-custom .tiles-header__number:before,
.tiles__item.showItem-custom .tiles-header__professor:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #dedede;
  transform-origin: right;
  transition: all 0.4s cubic-bezier(0.35, 0.6, 0.4, 1) 0.3s;
  z-index: 10;
}
.tiles__item.showItem-custom .tiles-body {
  position: relative;
  transform-origin: left;
  transform: scaleX(0);
  transition: all 0.4s cubic-bezier(0.35, 0.6, 0.4, 1) 0.4s;
}
.tiles__item.showItem-custom .tiles-body:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #dedede;
  transform-origin: right;
  transition: all 0.4s cubic-bezier(0.35, 0.6, 0.4, 1) 0.7s;
  z-index: 10;
}
.tiles__item.showItem-custom.show .tiles-header__number,
.tiles__item.showItem-custom.show .tiles-header__professor,
.tiles__item.showItem-custom.show .tiles-body {
  transform: scaleX(1);
}
.tiles__item.showItem-custom.show .tiles-header__number:before,
.tiles__item.showItem-custom.show .tiles-header__professor:before,
.tiles__item.showItem-custom.show .tiles-body:before {
  transform: scaleX(0);
}

.tiles__item.showItem-custom.tiles__item--color1 .tiles-header__number:before,
.tiles__item.showItem-custom.tiles__item--color1 .tiles-header__professor:before,
.tiles__item.showItem-custom.tiles__item--color1 .tiles-body:before {
  background-color: #5eb6e7;
}

.tiles__item.showItem-custom.tiles__item--color2 .tiles-header__number:before,
.tiles__item.showItem-custom.tiles__item--color2 .tiles-header__professor:before,
.tiles__item.showItem-custom.tiles__item--color2 .tiles-body:before {
  background-color: #215ca3;
}

.tiles__item.showItem-custom.tiles__item--color3 .tiles-header__number:before,
.tiles__item.showItem-custom.tiles__item--color3 .tiles-header__professor:before,
.tiles__item.showItem-custom.tiles__item--color3 .tiles-body:before {
  background-color: #9ac842;
}

.tiles__item.showItem-custom.tiles__item--color4 .tiles-header__number:before,
.tiles__item.showItem-custom.tiles__item--color4 .tiles-header__professor:before,
.tiles__item.showItem-custom.tiles__item--color4 .tiles-body:before {
  background-color: #f19ec2;
}

.tiles__item.showItem-custom.tiles__item--color5 .tiles-header__number:before,
.tiles__item.showItem-custom.tiles__item--color5 .tiles-header__professor:before,
.tiles__item.showItem-custom.tiles__item--color5 .tiles-body:before {
  background-color: #7d7fbc;
}

.tiles__item.showItem-custom.tiles__item--color6 .tiles-header__number:before,
.tiles__item.showItem-custom.tiles__item--color6 .tiles-header__professor:before,
.tiles__item.showItem-custom.tiles__item--color6 .tiles-body:before {
  background-color: #965275;
}

.tiles__item.showItem-custom.tiles__item--color7 .tiles-header__number:before,
.tiles__item.showItem-custom.tiles__item--color7 .tiles-header__professor:before,
.tiles__item.showItem-custom.tiles__item--color7 .tiles-body:before {
  background-color: #dd494d;
}

.tiles__item.showItem-custom.tiles__item--color8 .tiles-header__number:before,
.tiles__item.showItem-custom.tiles__item--color8 .tiles-header__professor:before,
.tiles__item.showItem-custom.tiles__item--color8 .tiles-body:before {
  background-color: #568c43;
}

.tiles__item.showItem-custom.tiles__item--color9 .tiles-header__number:before,
.tiles__item.showItem-custom.tiles__item--color9 .tiles-header__professor:before,
.tiles__item.showItem-custom.tiles__item--color9 .tiles-body:before {
  background-color: #c14a6e;
}

.tiles__item.showItem-custom.tiles__item--color10 .tiles-header__number:before,
.tiles__item.showItem-custom.tiles__item--color10 .tiles-header__professor:before,
.tiles__item.showItem-custom.tiles__item--color10 .tiles-body:before {
  background-color: #ce6632;
}

.tiles__item.showItem-custom.tiles__item--color11 .tiles-header__number:before,
.tiles__item.showItem-custom.tiles__item--color11 .tiles-header__professor:before,
.tiles__item.showItem-custom.tiles__item--color11 .tiles-body:before {
  background-color: #e0983a;
}

.tiles__item.showItem-custom.tiles__item--color12 .tiles-header__number:before,
.tiles__item.showItem-custom.tiles__item--color12 .tiles-header__professor:before,
.tiles__item.showItem-custom.tiles__item--color12 .tiles-body:before {
  background-color: #eac449;
}

.tiles__item.showItem-custom.tiles__item--color13 .tiles-header__number:before,
.tiles__item.showItem-custom.tiles__item--color13 .tiles-header__professor:before,
.tiles__item.showItem-custom.tiles__item--color13 .tiles-body:before {
  background-color: #4c9590;
}

.tiles__item.showItem-custom.tiles__item--color14 .tiles-header__number:before,
.tiles__item.showItem-custom.tiles__item--color14 .tiles-header__professor:before,
.tiles__item.showItem-custom.tiles__item--color14 .tiles-body:before {
  background-color: #558fbc;
}

.tiles__item.showItem-custom.tiles__item--color15 .tiles-header__number:before,
.tiles__item.showItem-custom.tiles__item--color15 .tiles-header__professor:before,
.tiles__item.showItem-custom.tiles__item--color15 .tiles-body:before {
  background-color: #5d6d93;
}

@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, 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")
    format("woff");
  font-weight: 400;
  font-style: normal;
}
.all-swiper {
  /* Auto Height */
  /* 3D Effects */
  /* CSS Mode */
}
.all-swiper .swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.all-swiper .swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.all-swiper .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.all-swiper .swiper-container-android .swiper-slide,
.all-swiper .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.all-swiper .swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.all-swiper .swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.all-swiper .swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.all-swiper .swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.all-swiper .swiper-slide-invisible-blank {
  visibility: hidden;
}
.all-swiper .swiper-container-autoheight,
.all-swiper .swiper-container-autoheight .swiper-slide {
  height: auto;
}
.all-swiper .swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.all-swiper .swiper-container-3d {
  perspective: 1200px;
}
.all-swiper .swiper-container-3d .swiper-wrapper,
.all-swiper .swiper-container-3d .swiper-slide,
.all-swiper .swiper-container-3d .swiper-slide-shadow-left,
.all-swiper .swiper-container-3d .swiper-slide-shadow-right,
.all-swiper .swiper-container-3d .swiper-slide-shadow-top,
.all-swiper .swiper-container-3d .swiper-slide-shadow-bottom,
.all-swiper .swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.all-swiper .swiper-container-3d .swiper-slide-shadow-left,
.all-swiper .swiper-container-3d .swiper-slide-shadow-right,
.all-swiper .swiper-container-3d .swiper-slide-shadow-top,
.all-swiper .swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.all-swiper .swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.all-swiper .swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.all-swiper .swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.all-swiper .swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.all-swiper .swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.all-swiper .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.all-swiper .swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.all-swiper .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.all-swiper .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, 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")
    format("woff");
  font-weight: 400;
  font-style: normal;
}
@media screen and (min-width: 769px) {
  .pc-swiper {
    /* Auto Height */
    /* 3D Effects */
    /* CSS Mode */
  }
  .pc-swiper .swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
  }
  .pc-swiper .swiper-container-vertical > .swiper-wrapper {
    flex-direction: column;
  }
  .pc-swiper .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
  }
  .pc-swiper .swiper-container-android .swiper-slide,
  .pc-swiper .swiper-wrapper {
    transform: translate3d(0px, 0, 0);
  }
  .pc-swiper .swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap;
  }
  .pc-swiper .swiper-container-multirow-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .pc-swiper .swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
  }
  .pc-swiper .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
  }
  .pc-swiper .swiper-slide-invisible-blank {
    visibility: hidden;
  }
  .pc-swiper .swiper-container-autoheight,
  .pc-swiper .swiper-container-autoheight .swiper-slide {
    height: auto;
  }
  .pc-swiper .swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
  }
  .pc-swiper .swiper-container-3d {
    perspective: 1200px;
  }
  .pc-swiper .swiper-container-3d .swiper-wrapper,
  .pc-swiper .swiper-container-3d .swiper-slide,
  .pc-swiper .swiper-container-3d .swiper-slide-shadow-left,
  .pc-swiper .swiper-container-3d .swiper-slide-shadow-right,
  .pc-swiper .swiper-container-3d .swiper-slide-shadow-top,
  .pc-swiper .swiper-container-3d .swiper-slide-shadow-bottom,
  .pc-swiper .swiper-container-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
  .pc-swiper .swiper-container-3d .swiper-slide-shadow-left,
  .pc-swiper .swiper-container-3d .swiper-slide-shadow-right,
  .pc-swiper .swiper-container-3d .swiper-slide-shadow-top,
  .pc-swiper .swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .pc-swiper .swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .pc-swiper .swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .pc-swiper .swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .pc-swiper .swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .pc-swiper .swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    /* For Firefox */
    -ms-overflow-style: none;
    /* For Internet Explorer and Edge */
  }
  .pc-swiper .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
  }
  .pc-swiper .swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  .pc-swiper .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory;
  }
  .pc-swiper .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory;
  }
}
/* FILE : /assets/sass/pages/_top.scss  */
@keyframes kvcurtain {
  0% {
    transform: scaleX();
  }
}
.main {
  position: relative;
  z-index: 0;
}

.mv {
  position: absolute;
  width: 100%;
  height: 100%;
}
.mv__noise {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.04;
}
.mv__canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
@media screen and (min-width: 769px) {
  .mv {
    top: -155px;
    height: calc(100% + 155px);
  }
}

.kv {
  position: relative;
}
.kv__wrapper {
  position: relative;
  z-index: 3;
}
@media screen and (min-width: 769px) {
  .kv {
    padding-bottom: 90px;
  }
  .kv__wrapper {
    display: flex;
    max-width: 1366px;
    margin-left: auto;
    margin-right: auto;
  }
  .kv__img {
    flex: 0 0 calc(100% - 449px);
    max-width: calc(100% - 449px);
    width: calc(100% - 449px);
    position: relative;
    z-index: 2;
  }
  .kv__img .swiper-slide {
    height: 590px;
  }
  .kv__content {
    flex: 0 0 449px;
    width: 449px;
    padding-left: 25px;
    position: relative;
    z-index: 3;
    display: flex;
    align-items: flex-end;
  }
  .kv__title {
    position: absolute;
    right: 0;
    top: 80px;
  }
  .kv__title__text1 {
    display: block;
    line-height: 1;
    width: 645px;
    margin-right: 30px;
  }
  .kv__title__text2 {
    display: block;
    line-height: 1;
    width: 363px;
    margin-top: -55px;
    margin-left: 243px;
  }
  .kv__text {
    flex: 0 1 auto;
  }
}
@media screen and (max-width: 768px) {
  .kv {
    padding-bottom: 20px;
  }
  .kv__img {
    position: relative;
    z-index: 2;
  }
  .kv__content {
    position: relative;
    z-index: 3;
  }
  .kv__title {
    margin-bottom: 35px;
  }
  .kv__title__text1 {
    display: block;
    line-height: 1;
    text-align: center;
    margin-top: -8%;
  }
  .kv__title__text1 img {
    width: 76.8%;
  }
  .kv__title__text2 {
    display: block;
    line-height: 1;
    text-align: center;
    margin-top: -6%;
    margin-right: -9%;
    padding-left: 9%;
  }
  .kv__title__text2 img {
    width: 51.2%;
  }
  .kv__text {
    padding: 0 15px;
  }
}

@keyframes bgtranlate {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-2007px);
  }
}
.tiles {
  position: relative;
  overflow: hidden;
}
.tiles__bg2 {
  position: absolute;
  z-index: 2;
  background-image: url(/features-e/newstreams/assets/img/top/bg-pattern--top.png), url(/features-e/newstreams/assets/img/top/bg-pattern--bottom.png);
  background-repeat: repeat-x, repeat-x;
  background-position: left top, left bottom;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tiles__bg1 {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: calc(100% + 2007px);
  height: 100%;
  background: url(/features-e/newstreams/assets/img/top/bg-pattern.jpg) repeat left top/2007px auto;
  animation-name: bgtranlate;
  animation-duration: 45s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.tiles__list {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  position: relative;
  z-index: 3;
}
.tiles-inner {
  position: relative;
  background-color: #fff;
  z-index: 2;
  padding: 20px;
  border: 1px solid #d3d3d3;
  transition: 0.5s background-color ease;
}
.tiles__item {
  position: relative;
}
.tiles__item--new:before {
  content: "NEW";
  font-family: "Noto Sans JP", sans-serif;
  background-color: #231815;
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  position: absolute;
  top: -25px;
  right: -25px;
  color: #fff;
  z-index: 3;
  text-align: center;
}
.tiles__item:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  top: 9px;
  left: 9px;
}
.tiles__item--color1 .tiles-header__professor {
  color: #5eb6e7;
}
.tiles__item--color1:hover .tiles-inner {
  background-color: #def0fa;
}
.tiles__item--color1:after {
  background-color: #5eb6e7;
}
.tiles__item--color2 .tiles-header__professor {
  color: #215ca3;
}
.tiles__item--color2:hover .tiles-inner {
  background-color: #d1ddec;
}
.tiles__item--color2:after {
  background-color: #215ca3;
}
.tiles__item--color3 .tiles-header__professor {
  color: #9ac842;
}
.tiles__item--color3:hover .tiles-inner {
  background-color: #ebf4d9;
}
.tiles__item--color3:after {
  background-color: #9ac842;
}
.tiles__item--color4 .tiles-header__professor {
  color: #f19ec2;
}
.tiles__item--color4:hover .tiles-inner {
  background-color: #fbe6ef;
}
.tiles__item--color4:after {
  background-color: #f19ec2;
}
.tiles__item--color5 .tiles-header__professor {
  color: #7d7fbc;
}
.tiles__item--color5:hover .tiles-inner {
  background-color: #dbdcee;
}
.tiles__item--color5:after {
  background-color: #7d7fbc;
}
.tiles__item--color6 .tiles-header__professor {
  color: #965275;
}
.tiles__item--color6:hover .tiles-inner {
  background-color: #ebdee5;
}
.tiles__item--color6:after {
  background-color: #965275;
}
.tiles__item--color7 .tiles-header__professor {
  color: #dd494d;
}
.tiles__item--color7:hover .tiles-inner {
  background-color: #f8dadb;
}
.tiles__item--color7:after {
  background-color: #dd494d;
}
.tiles__item--color8 .tiles-header__professor {
  color: #568c43;
}
.tiles__item--color8:hover .tiles-inner {
  background-color: #d4e2cf;
}
.tiles__item--color8:after {
  background-color: #568c43;
}
.tiles__item--color9 .tiles-header__professor {
  color: #c14a6e;
}
.tiles__item--color9:hover .tiles-inner {
  background-color: #f4e0e6;
}
.tiles__item--color9:after {
  background-color: #c14a6e;
}
.tiles__item--color10 .tiles-header__professor {
  color: #ce6632;
}
.tiles__item--color10:hover .tiles-inner {
  background-color: #f5debf;
}
.tiles__item--color10:after {
  background-color: #ce6632;
}
.tiles__item--color11 .tiles-header__professor {
  color: #e0983a;
}
.tiles__item--color11:hover .tiles-inner {
  background-color: #f7decc;
}
.tiles__item--color11:after {
  background-color: #e0983a;
}
.tiles__item--color12 .tiles-header__professor {
  color: #eac449;
}
.tiles__item--color12:hover .tiles-inner {
  background-color: #faf0d4;
}
.tiles__item--color12:after {
  background-color: #eac449;
}
.tiles__item--color13 .tiles-header__professor {
  color: #4c9590;
}
.tiles__item--color13:hover .tiles-inner {
  background-color: #d7e8e7;
}
.tiles__item--color13:after {
  background-color: #4c9590;
}
.tiles__item--color14 .tiles-header__professor {
  color: #558fbc;
}
.tiles__item--color14:hover .tiles-inner {
  background-color: #d7e7f0;
}
.tiles__item--color14:after {
  background-color: #558fbc;
}
.tiles__item--color15 .tiles-header__professor {
  color: #5d6d93;
}
.tiles__item--color15:hover .tiles-inner {
  background-color: #dce1f2;
}
.tiles__item--color15:after {
  background-color: #5d6d93;
}
.tiles-header {
  display: flex;
  align-items: center;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.tiles-header:after {
  content: "";
  display: block;
  width: 27px;
  height: 1px;
  background-color: #000;
  position: absolute;
  left: 5px;
  bottom: 0;
}
.tiles-header__number {
  line-height: 1;
  font-family: "DINAlternate";
  font-weight: bold;
  font-size: 69px;
  color: #d3d3d4;
  flex: 0 0 auto;
}
.tiles-header__professor {
  font-size: 17px;
  flex: 0 1 auto;
  padding-left: 20px;
}
.tiles-body p {
  font-size: 17px;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .tiles {
    padding: 80px 15px;
  }
  .tiles__list {
    padding-right: 15px;
    padding-left: 15px;
  }
  .tiles__list .tiles__item:nth-child(3n) {
    margin-right: 0;
  }
  .tiles__list .tiles__item:nth-child(3n-1) {
    margin-top: 110px;
    margin-bottom: -10px;
  }
  .tiles__item {
    flex: 0 0 calc((100% - 121px) / 3);
    width: calc((100% - 121px) / 3);
    margin-right: 60px;
  }
}
@media screen and (max-width: 768px) {
  .tiles {
    padding: 50px 25px;
  }
  .tiles__list {
    display: bock;
  }
  .tiles-inner {
    padding: 10px;
  }
  .tiles-header__number {
    font-size: 42px;
  }
  .tiles-header__professor {
    padding-left: 10px;
  }
  .tiles__item {
    width: 100%;
    margin-top: 40px;
  }
  .tiles__item--new:before {
    content: "NEW";
    background-color: #231815;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    top: -20px;
    right: -20px;
    font-size: 13px;
  }
}

.interviewee--color1 .pageTitle-top {
  color: #5eb6e7;
}
.interviewee--color1 .pageTitle-top__number:after,
.interviewee--color1 .pageTitle-top__number:before,
.interviewee--color1 .pageTitle-top__name span:before {
  background-color: #5eb6e7;
}
.interviewee--color1 .pageTitle-message__inner:after {
  border-bottom-color: #5eb6e7;
}
.interviewee--color1 .sec-stitle em {
  color: #5eb6e7;
}
.interviewee--color1 .block-title:after {
  background-color: #5eb6e7;
}
.interviewee--color1 .interviewee-message {
  color: #5eb6e7;
}

@media screen and (min-width: 769px) {
  .interviewee--color1 .sec-title__text:after {
    background-color: #5eb6e7;
  }
  .interviewee--color1 .sec-title__text span {
    background-color: #5eb6e7;
  }
}
@media screen and (max-width: 768px) {
  .interviewee--color1 .sec-title {
    background-color: #5eb6e7;
  }
}
.interviewee--color2 .pageTitle-top {
  color: #215ca3;
}
.interviewee--color2 .pageTitle-top__number:after,
.interviewee--color2 .pageTitle-top__number:before,
.interviewee--color2 .pageTitle-top__name span:before {
  background-color: #215ca3;
}
.interviewee--color2 .pageTitle-message__inner:after {
  border-bottom-color: #215ca3;
}
.interviewee--color2 .sec-stitle em {
  color: #215ca3;
}
.interviewee--color2 .block-title:after {
  background-color: #215ca3;
}
.interviewee--color2 .interviewee-message {
  color: #215ca3;
}

@media screen and (min-width: 769px) {
  .interviewee--color2 .sec-title__text:after {
    background-color: #215ca3;
  }
  .interviewee--color2 .sec-title__text span {
    background-color: #215ca3;
  }
}
@media screen and (max-width: 768px) {
  .interviewee--color2 .sec-title {
    background-color: #215ca3;
  }
}
.interviewee--color3 .pageTitle-top {
  color: #9ac842;
}
.interviewee--color3 .pageTitle-top__number:after,
.interviewee--color3 .pageTitle-top__number:before,
.interviewee--color3 .pageTitle-top__name span:before {
  background-color: #9ac842;
}
.interviewee--color3 .pageTitle-message__inner:after {
  border-bottom-color: #9ac842;
}
.interviewee--color3 .sec-stitle em {
  color: #9ac842;
}
.interviewee--color3 .block-title:after {
  background-color: #9ac842;
}
.interviewee--color3 .interviewee-message {
  color: #9ac842;
}

@media screen and (min-width: 769px) {
  .interviewee--color3 .sec-title__text:after {
    background-color: #9ac842;
  }
  .interviewee--color3 .sec-title__text span {
    background-color: #9ac842;
  }
}
@media screen and (max-width: 768px) {
  .interviewee--color3 .sec-title {
    background-color: #9ac842;
  }
}
.interviewee--color4 .pageTitle-top {
  color: #f19ec2;
}
.interviewee--color4 .pageTitle-top__number:after,
.interviewee--color4 .pageTitle-top__number:before,
.interviewee--color4 .pageTitle-top__name span:before {
  background-color: #f19ec2;
}
.interviewee--color4 .pageTitle-message__inner:after {
  border-bottom-color: #f19ec2;
}
.interviewee--color4 .sec-stitle em {
  color: #f19ec2;
}
.interviewee--color4 .block-title:after {
  background-color: #f19ec2;
}
.interviewee--color4 .interviewee-message {
  color: #f19ec2;
}

@media screen and (min-width: 769px) {
  .interviewee--color4 .sec-title__text:after {
    background-color: #f19ec2;
  }
  .interviewee--color4 .sec-title__text span {
    background-color: #f19ec2;
  }
}
@media screen and (max-width: 768px) {
  .interviewee--color4 .sec-title {
    background-color: #f19ec2;
  }
}
.interviewee--color5 .pageTitle-top {
  color: #7d7fbc;
}
.interviewee--color5 .pageTitle-top__number:after,
.interviewee--color5 .pageTitle-top__number:before,
.interviewee--color5 .pageTitle-top__name span:before {
  background-color: #7d7fbc;
}
.interviewee--color5 .pageTitle-message__inner:after {
  border-bottom-color: #7d7fbc;
}
.interviewee--color5 .sec-stitle em {
  color: #7d7fbc;
}
.interviewee--color5 .block-title:after {
  background-color: #7d7fbc;
}
.interviewee--color5 .interviewee-message {
  color: #7d7fbc;
}

@media screen and (min-width: 769px) {
  .interviewee--color5 .sec-title__text:after {
    background-color: #7d7fbc;
  }
  .interviewee--color5 .sec-title__text span {
    background-color: #7d7fbc;
  }
}
@media screen and (max-width: 768px) {
  .interviewee--color5 .sec-title {
    background-color: #7d7fbc;
  }
}
.interviewee--color6 .pageTitle-top {
  color: #965275;
}
.interviewee--color6 .pageTitle-top__number:after,
.interviewee--color6 .pageTitle-top__number:before,
.interviewee--color6 .pageTitle-top__name span:before {
  background-color: #965275;
}
.interviewee--color6 .pageTitle-message__inner:after {
  border-bottom-color: #965275;
}
.interviewee--color6 .sec-stitle em {
  color: #965275;
}
.interviewee--color6 .block-title:after {
  background-color: #965275;
}
.interviewee--color6 .interviewee-message {
  color: #965275;
}

@media screen and (min-width: 769px) {
  .interviewee--color6 .sec-title__text:after {
    background-color: #965275;
  }
  .interviewee--color6 .sec-title__text span {
    background-color: #965275;
  }
}
@media screen and (max-width: 768px) {
  .interviewee--color6 .sec-title {
    background-color: #965275;
  }
}
.interviewee--color7 .pageTitle-top {
  color: #dd494d;
}
.interviewee--color7 .pageTitle-top__number:after,
.interviewee--color7 .pageTitle-top__number:before,
.interviewee--color7 .pageTitle-top__name span:before {
  background-color: #dd494d;
}
.interviewee--color7 .pageTitle-message__inner:after {
  border-bottom-color: #dd494d;
}
.interviewee--color7 .sec-stitle em {
  color: #dd494d;
}
.interviewee--color7 .block-title:after {
  background-color: #dd494d;
}
.interviewee--color7 .interviewee-message {
  color: #dd494d;
}

@media screen and (min-width: 769px) {
  .interviewee--color7 .sec-title__text:after {
    background-color: #dd494d;
  }
  .interviewee--color7 .sec-title__text span {
    background-color: #dd494d;
  }
}
@media screen and (max-width: 768px) {
  .interviewee--color7 .sec-title {
    background-color: #dd494d;
  }
}
.interviewee--color8 .pageTitle-top {
  color: #568c43;
}
.interviewee--color8 .pageTitle-top__number:after,
.interviewee--color8 .pageTitle-top__number:before,
.interviewee--color8 .pageTitle-top__name span:before {
  background-color: #568c43;
}
.interviewee--color8 .pageTitle-message__inner:after {
  border-bottom-color: #568c43;
}
.interviewee--color8 .sec-stitle em {
  color: #568c43;
}
.interviewee--color8 .block-title:after {
  background-color: #568c43;
}
.interviewee--color8 .interviewee-message {
  color: #568c43;
}

@media screen and (min-width: 769px) {
  .interviewee--color8 .sec-title__text:after {
    background-color: #568c43;
  }
  .interviewee--color8 .sec-title__text span {
    background-color: #568c43;
  }
}
@media screen and (max-width: 768px) {
  .interviewee--color8 .sec-title {
    background-color: #568c43;
  }
}
.interviewee--color9 .pageTitle-top {
  color: #c14a6e;
}
.interviewee--color9 .pageTitle-top__number:after,
.interviewee--color9 .pageTitle-top__number:before,
.interviewee--color9 .pageTitle-top__name span:before {
  background-color: #c14a6e;
}
.interviewee--color9 .pageTitle-message__inner:after {
  border-bottom-color: #c14a6e;
}
.interviewee--color9 .sec-stitle em {
  color: #c14a6e;
}
.interviewee--color9 .block-title:after {
  background-color: #c14a6e;
}
.interviewee--color9 .interviewee-message {
  color: #c14a6e;
}

@media screen and (min-width: 769px) {
  .interviewee--color9 .sec-title__text:after {
    background-color: #c14a6e;
  }
  .interviewee--color9 .sec-title__text span {
    background-color: #c14a6e;
  }
}
@media screen and (max-width: 768px) {
  .interviewee--color9 .sec-title {
    background-color: #c14a6e;
  }
}
.interviewee--color10 .pageTitle-top {
  color: #ce6632;
}
.interviewee--color10 .pageTitle-top__number:after,
.interviewee--color10 .pageTitle-top__number:before,
.interviewee--color10 .pageTitle-top__name span:before {
  background-color: #ce6632;
}
.interviewee--color10 .pageTitle-message__inner:after {
  border-bottom-color: #ce6632;
}
.interviewee--color10 .sec-stitle em {
  color: #ce6632;
}
.interviewee--color10 .block-title:after {
  background-color: #ce6632;
}
.interviewee--color10 .interviewee-message {
  color: #ce6632;
}

@media screen and (min-width: 769px) {
  .interviewee--color10 .sec-title__text:after {
    background-color: #ce6632;
  }
  .interviewee--color10 .sec-title__text span {
    background-color: #ce6632;
  }
}
@media screen and (max-width: 768px) {
  .interviewee--color10 .sec-title {
    background-color: #ce6632;
  }
}
.interviewee--color11 .pageTitle-top {
  color: #e0983a;
}
.interviewee--color11 .pageTitle-top__number:after,
.interviewee--color11 .pageTitle-top__number:before,
.interviewee--color11 .pageTitle-top__name span:before {
  background-color: #e0983a;
}
.interviewee--color11 .pageTitle-message__inner:after {
  border-bottom-color: #e0983a;
}
.interviewee--color11 .sec-stitle em {
  color: #e0983a;
}
.interviewee--color11 .block-title:after {
  background-color: #e0983a;
}
.interviewee--color11 .interviewee-message {
  color: #e0983a;
}

@media screen and (min-width: 769px) {
  .interviewee--color11 .sec-title__text:after {
    background-color: #e0983a;
  }
  .interviewee--color11 .sec-title__text span {
    background-color: #e0983a;
  }
}
@media screen and (max-width: 768px) {
  .interviewee--color11 .sec-title {
    background-color: #e0983a;
  }
}
.interviewee--color12 .pageTitle-top {
  color: #eac449;
}
.interviewee--color12 .pageTitle-top__number:after,
.interviewee--color12 .pageTitle-top__number:before,
.interviewee--color12 .pageTitle-top__name span:before {
  background-color: #eac449;
}
.interviewee--color12 .pageTitle-message__inner:after {
  border-bottom-color: #eac449;
}
.interviewee--color12 .sec-stitle em {
  color: #eac449;
}
.interviewee--color12 .block-title:after {
  background-color: #eac449;
}
.interviewee--color12 .interviewee-message {
  color: #eac449;
}

@media screen and (min-width: 769px) {
  .interviewee--color12 .sec-title__text:after {
    background-color: #eac449;
  }
  .interviewee--color12 .sec-title__text span {
    background-color: #eac449;
  }
}
@media screen and (max-width: 768px) {
  .interviewee--color12 .sec-title {
    background-color: #eac449;
  }
}
.interviewee--color13 .pageTitle-top {
  color: #4c9590;
}
.interviewee--color13 .pageTitle-top__number:after,
.interviewee--color13 .pageTitle-top__number:before,
.interviewee--color13 .pageTitle-top__name span:before {
  background-color: #4c9590;
}
.interviewee--color13 .pageTitle-message__inner:after {
  border-bottom-color: #4c9590;
}
.interviewee--color13 .sec-stitle em {
  color: #4c9590;
}
.interviewee--color13 .block-title:after {
  background-color: #4c9590;
}
.interviewee--color13 .interviewee-message {
  color: #4c9590;
}

@media screen and (min-width: 769px) {
  .interviewee--color13 .sec-title__text:after {
    background-color: #4c9590;
  }
  .interviewee--color13 .sec-title__text span {
    background-color: #4c9590;
  }
}
@media screen and (max-width: 768px) {
  .interviewee--color13 .sec-title {
    background-color: #4c9590;
  }
}
.interviewee--color14 .pageTitle-top {
  color: #558fbc;
}
.interviewee--color14 .pageTitle-top__number:after,
.interviewee--color14 .pageTitle-top__number:before,
.interviewee--color14 .pageTitle-top__name span:before {
  background-color: #558fbc;
}
.interviewee--color14 .pageTitle-message__inner:after {
  border-bottom-color: #558fbc;
}
.interviewee--color14 .sec-stitle em {
  color: #558fbc;
}
.interviewee--color14 .block-title:after {
  background-color: #558fbc;
}
.interviewee--color14 .interviewee-message {
  color: #558fbc;
}

@media screen and (min-width: 769px) {
  .interviewee--color14 .sec-title__text:after {
    background-color: #558fbc;
  }
  .interviewee--color14 .sec-title__text span {
    background-color: #558fbc;
  }
}
@media screen and (max-width: 768px) {
  .interviewee--color14 .sec-title {
    background-color: #558fbc;
  }
}
.interviewee--color15 .pageTitle-top {
  color: #5d6d93;
}
.interviewee--color15 .pageTitle-top__number:after,
.interviewee--color15 .pageTitle-top__number:before,
.interviewee--color15 .pageTitle-top__name span:before {
  background-color: #5d6d93;
}
.interviewee--color15 .pageTitle-message__inner:after {
  border-bottom-color: #5d6d93;
}
.interviewee--color15 .sec-stitle em {
  color: #5d6d93;
}
.interviewee--color15 .block-title:after {
  background-color: #5d6d93;
}
.interviewee--color15 .interviewee-message {
  color: #5d6d93;
}

@media screen and (min-width: 769px) {
  .interviewee--color15 .sec-title__text:after {
    background-color: #5d6d93;
  }
  .interviewee--color15 .sec-title__text span {
    background-color: #5d6d93;
  }
}
@media screen and (max-width: 768px) {
  .interviewee--color15 .sec-title {
    background-color: #5d6d93;
  }
}
.backtop {
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
}
.backtop__btn {
  display: flex;
  background-color: #000;
  width: 108px;
  height: 36px;
  align-items: center;
  margin-left: auto;
  padding: 0 9px;
  transition: 0.2s opacity ease-in;
}
.backtop__btn:hover {
  opacity: 0.6;
}
.backtop__arrow {
  flex: 0 0 37px;
  width: 37px;
  line-height: 0;
  margin-top: -5px;
}
.backtop__text {
  color: #fff;
  flex: 0 0 auto;
  padding-left: 5px;
}
@media screen and (max-width: 768px) {
  .backtop__btn {
    height: 30px;
  }
  .backtop__arrow {
    flex: 0 0 32px;
    width: 32px;
  }
}

.interviewee-message {
  text-align: center;
  font-weight: bold;
  font-size: 25px;
  line-height: 2.1;
}
@media screen and (max-width: 768px) {
  .interviewee-message {
    font-size: 18px;
  }
}

.pageTitle {
  margin-bottom: 130px;
}
.pageTitle-content {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2;
}
.pageTitle-top {
  display: flex;
  align-items: center;
}
.pageTitle-top__number {
  font-family: "DINAlternate";
  font-size: 312px;
  font-weight: bold;
  line-height: 1;
  padding-bottom: 30px;
  position: relative;
  display: block;
}
.pageTitle-top__number:after {
  content: "";
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 15px;
  position: absolute;
}
.pageTitle-top__name {
  margin-top: -35px;
  font-family: "SalteryRegular";
  font-size: 62px;
  line-height: 1.5;
  transform: rotate(-9deg);
  padding-left: 70px;
}
.pageTitle-top__name span {
  display: inline-block;
}
.pageTitle-message {
  margin-bottom: 25px;
}
.pageTitle-message__inner {
  display: inline-block;
  background-color: #fff;
  padding: 15px 20px;
  margin-left: -20px;
  box-shadow: 4px 7px 5px rgba(0, 0, 0, 0.3);
  position: relative;
  overflow: hidden;
}
.pageTitle-message__inner:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-bottom: 20px solid #000;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 0px solid transparent;
  transform-origin: right;
  transform: rotate(45deg);
  position: absolute;
  top: 11px;
  right: -7px;
}
.pageTitle-message p {
  font-weight: bold;
  font-size: 40px;
  line-height: 1.3;
}
.pageTitle-info small {
  display: inline-block;
  line-height: 1.5;
  font-weight: bold;
  font-size: 24px;
}
.pageTitle-info em {
  display: inline-block;
  line-height: 1.5;
  font-weight: bold;
  font-size: 29px;
}
@media screen and (min-width: 769px) {
  .pageTitle {
    position: relative;
    min-height: 830px;
    margin-top: 30px;
  }
  .pageTitle-top {
    margin-bottom: 250px;
  }
  .pageTitle-top__number {
    margin-top: -10px;
  }
  .pageTitle-bg {
    position: absolute;
    width: 50%;
    height: 830px;
    top: 0;
    right: 0;
    z-index: 1;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .pageTitle-message__inner {
    padding-left: 35px;
  }
}
@media screen and (max-width: 768px) {
  .pageTitle {
    margin-bottom: 45px;
  }
  .pageTitle-top__number {
    padding-bottom: 15px;
    font-size: 90px;
    margin-left: 4%;
    position: relative;
    z-index: 2;
  }
  .pageTitle-top__number:after {
    height: 5px;
  }
  .pageTitle-top__name {
    display: none;
  }
  .pageTitle-bg {
    position: relative;
    z-index: 1;
    margin-top: -20px;
    max-height: 480px;
    overflow: hidden;
  }
  .pageTitle-info {
    padding-left: 4%;
    padding-right: 4%;
  }
  .pageTitle-info small {
    font-size: 16px;
  }
  .pageTitle-info em {
    font-size: 18px;
  }
  .pageTitle-message {
    position: relative;
    z-index: 2;
    margin-top: -20px;
    margin-bottom: 10px;
    padding-right: calc(4% + 15px);
  }
  .pageTitle-message__inner {
    padding: 15px 10px 15px 4%;
    margin-left: 0px;
  }
  .pageTitle-message p {
    font-size: 17px;
  }
}
@media screen and (max-width: 768px) and (min-width: 601px) {
  .pageTitle-message p {
    font-size: 23px;
  }
}

.pageTitle-top__number {
  position: relative;
  transform-origin: left;
  transform: scaleX(0);
  transition: transform 0.4s cubic-bezier(0.35, 0.6, 0.4, 1);
}
.pageTitle-top__number:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #dedede;
  transform-origin: right;
  transition: transform 0.4s cubic-bezier(0.35, 0.6, 0.4, 1) 0.3s;
  z-index: 10;
}

.pageTitle-top__name span {
  position: relative;
  transform-origin: left;
  transform: scaleX(0);
  transition: transform 0.4s cubic-bezier(0.35, 0.6, 0.4, 1);
}
.pageTitle-top__name span:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 110%;
  height: 100%;
  background-color: #dedede;
  transform-origin: right;
  transition: transform 0.4s cubic-bezier(0.35, 0.6, 0.4, 1) 0.3s;
  z-index: 10;
}

.pageTitle-bg {
  transform-origin: left;
  transform: scaleX(0);
  transition: transform 0.4s cubic-bezier(0.35, 0.6, 0.4, 1);
}
.pageTitle-bg:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #dedede;
  transform-origin: right;
  transition: transform 0.4s cubic-bezier(0.35, 0.6, 0.4, 1) 0.3s;
  z-index: 10;
}

.pageTitle-message__inner {
  transform-origin: left;
  transform: scaleX(0);
  transition: transform 0.4s cubic-bezier(0.35, 0.6, 0.4, 1) 0.4s;
}
.pageTitle-message__inner:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #dedede;
  transform-origin: right;
  transition: transform 0.4s cubic-bezier(0.35, 0.6, 0.4, 1) 0.7s;
  z-index: 10;
}

.pageTitle-info small,
.pageTitle-info em {
  transform-origin: left;
  transform: scaleX(0);
  transition: transform 0.4s cubic-bezier(0.35, 0.6, 0.4, 1) 0.8s;
}
.pageTitle-info small:before,
.pageTitle-info em:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #dedede;
  transform-origin: right;
  transition: transform 0.4s cubic-bezier(0.35, 0.6, 0.4, 1) 1.1s;
  z-index: 10;
}

.show .pageTitle-top__number {
  transform: scaleX(1);
}
.show .pageTitle-top__number:before {
  transform: scaleX(0);
}
.show .pageTitle-top__name span {
  transform: scaleX(1);
}
.show .pageTitle-top__name span:before {
  transform: scaleX(0);
}
.show .pageTitle-bg {
  transform: scaleX(1);
}
.show .pageTitle-bg:before {
  transform: scaleX(0);
}
.show .pageTitle-message__inner {
  transform: scaleX(1);
}
.show .pageTitle-message__inner:before {
  transform: scaleX(0);
}
.show .pageTitle-info small,
.show .pageTitle-info em {
  transform: scaleX(1);
}
.show .pageTitle-info small:before,
.show .pageTitle-info em:before {
  transform: scaleX(0);
}

.indexlist__title {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  font-family: "SalteryRegular";
  font-size: 23px;
  letter-spacing: 0.1em;
  margin-bottom: 10px;
}
.indexlist ul li:nth-child(odd) {
  background-color: #dedede;
}
.indexlist ul li:nth-child(even) {
  border: 1px solid #dedede;
}
.indexlist li {
  padding-top: 14px;
  padding-bottom: 14px;
}
.indexlist__item {
  display: flex;
  align-items: center;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.indexlist__arrow {
  flex: 0 0 36px;
  width: 36px;
  line-height: 1;
}
.indexlist__text {
  flex: 0 1 auto;
  padding-left: 25px;
  font-size: 24px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .indexlist__title {
    padding-left: 4%;
    padding-right: 4%;
  }
  .indexlist li {
    padding-left: 4%;
    padding-right: 4%;
  }
  .indexlist__arrow {
    flex: 0 0 19px;
    width: 19px;
  }
  .indexlist__text {
    padding-left: 10px;
    font-size: 16px;
  }
}

.sec-title {
  margin-bottom: 35px;
}
.sec-title__text span {
  font-weight: bold;
  font-size: 35px;
}
@media screen and (min-width: 769px) {
  .sec-title .sec-title__text:nth-child(1) {
    margin-top: 0;
  }
  .sec-title__inner {
    display: inline-block;
  }
  .sec-title__text {
    display: block;
    margin-top: 1em;
    position: relative;
  }
  .sec-title__text:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: calc(50vw - 490px);
    height: 100%;
  }
  .sec-title__text span {
    display: inline-block;
  }
  .sec-title--left .sec-title__text {
    padding-left: calc(50vw - 490px);
  }
  .sec-title--left .sec-title__text:after {
    left: 0;
  }
  .sec-title--left .sec-title__text span {
    padding-right: 10px;
  }
  .sec-title--right {
    text-align: right;
  }
  .sec-title--right .sec-title__text {
    text-align: right;
    padding-right: calc(50vw - 490px);
  }
  .sec-title--right .sec-title__text:after {
    right: 0;
  }
  .sec-title--right .sec-title__text span {
    padding-left: 10px;
  }
  .sec-title--center {
    text-align: center;
  }
  .sec-title--center .sec-title__text {
    text-align: center;
  }
  .sec-title--center .sec-title__text span {
    padding-left: 50px;
    padding-right: 50px;
  }
  .sec-title--center .sec-title__text:after {
    content: none;
  }
}
@media screen and (max-width: 768px) {
  .sec-title {
    padding-left: 4%;
    padding-right: 4%;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .sec-title__title {
    margin-bottom: 25px;
  }
  .sec-title__text span {
    font-size: 24px;
    line-height: 35px;
  }
}

.sec-stitle {
  margin-bottom: 25px;
}
.sec-stitle--left {
  text-align: left;
}
.sec-stitle--right {
  text-align: right;
}
@media screen and (min-width: 769px) {
  .sec-stitle--left .sec-stitle__text {
    margin-left: -10px;
  }
  .sec-stitle--right .sec-stitle__text {
    margin-right: -10px;
  }
  .sec-stitle__text {
    display: inline-block;
    background-color: #fff;
    box-shadow: 4px 7px 5px rgba(0, 0, 0, 0.3);
    padding: 10px;
    font-weight: bold;
    line-height: 1.3;
    font-size: 20px;
  }
  .sec-stitle__text > br {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .sec-stitle__text--smtinline {
    display: inline;
  }
  .sec-stitle__stext {
    display: inline-block;
    background-color: #fff;
    box-shadow: 4px 7px 5px rgba(0, 0, 0, 0.3);
    padding: 10px;
    font-weight: bold;
    line-height: 1.3;
    font-size: 20px;
  }
}

.block-title {
  text-align: center;
  position: relative;
  margin-bottom: 40px;
}
.block-title:after {
  content: "";
  display: block;
  width: 288px;
  height: 3px;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  margin-left: -144px;
}
.block-title__text {
  font-family: "SalteryRegular";
  font-style: italic;
  font-size: 44px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  display: inline-block;
  padding: 0 18px;
  background-color: #fff;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .block-title {
    margin-bottom: 25px;
  }
  .block-title__text {
    font-size: 32px;
  }
}

.interviewee-section {
  margin-top: 120px;
}
.interviewee-section__space {
  padding-bottom: 100px;
}
.interviewee-section__text {
  line-height: 2;
}
.interviewee-section__text.link {
  line-height: 1.8;
  font-size: 0.95em;
}
.interviewee-section__text.link a {
  text-decoration: underline;
  transition: 0.2s opacity ease-in;
}
.interviewee-section__text.link a:hover {
  opacity: 0.6;
}
@media screen and (min-width: 769px) {
  .interviewee-section__content {
    max-width: 1010px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) {
  .interviewee-section {
    margin-top: 50px;
  }
  .interviewee-section__space {
    padding-bottom: 50px;
  }
  .interviewee-section__content {
    padding-left: 4%;
    padding-right: 4%;
  }
}

.interviewee-profile h3 {
  text-align: center;
  margin-bottom: 1em;
}
.interviewee-profile h3 em {
  font-size: 22px;
  margin-right: 0.5em;
}
.interviewee-profile p {
  text-align: center;
}
.interviewee-profile-btn {
  display: flex;
  background-color: #000;
  width: 180px;
  height: 36px;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  margin: 40px auto 0;
  transition: 0.2s opacity ease-in;
}
.interviewee-profile-btn:hover {
  opacity: 0.6;
}
.interviewee-profile-btn__arrow {
  flex: 0 0 37px;
  width: 37px;
  line-height: 0;
  margin-top: -5px;
}
.interviewee-profile-btn__text {
  color: #fff;
  flex: 0 0 auto;
  padding-left: 5px;
}

.other-article {
  margin-top: 300px;
}
.other-article__title {
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 33px;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .other-article {
    margin-top: 150px;
  }
}

.article-list-prevarrow,
.article-list-nextarrow {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  z-index: 2;
  width: 40px;
  height: 100%;
  background-color: #fff;
  cursor: pointer;
}
.article-list-prevarrow img,
.article-list-nextarrow img {
  width: 27px;
  height: 81px;
}
.article-list-prevarrow {
  left: 0;
}
.article-list-nextarrow {
  right: 0;
}
.article-list__item {
  position: relative;
  display: block;
  margin-bottom: 10px;
}
.article-list__item--new:before {
  content: "NEW";
  font-family: "Noto Sans JP", sans-serif;
  background-color: #231815;
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  position: absolute;
  top: -25px;
  right: -25px;
  color: #fff;
  z-index: 3;
  text-align: center;
}
.article-list__item:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  top: 9px;
  left: 9px;
}
.article-list__item--color1 .article-list-header {
  color: #5eb6e7;
}
.article-list__item--color1:hover .article-list-inner {
  background-color: #def0fa;
}
.article-list__item--color1:after {
  background-color: #5eb6e7;
}
.article-list__item--color2 .article-list-header {
  color: #215ca3;
}
.article-list__item--color2:hover .article-list-inner {
  background-color: #d1ddec;
}
.article-list__item--color2:after {
  background-color: #215ca3;
}
.article-list__item--color3 .article-list-header {
  color: #9ac842;
}
.article-list__item--color3:hover .article-list-inner {
  background-color: #ebf4d9;
}
.article-list__item--color3:after {
  background-color: #9ac842;
}
.article-list__item--color4 .article-list-header {
  color: #f19ec2;
}
.article-list__item--color4:hover .article-list-inner {
  background-color: #fbe6ef;
}
.article-list__item--color4:after {
  background-color: #f19ec2;
}
.article-list__item--color5 .article-list-header {
  color: #7d7fbc;
}
.article-list__item--color5:hover .article-list-inner {
  background-color: #dbdcee;
}
.article-list__item--color5:after {
  background-color: #7d7fbc;
}
.article-list__item--color6 .article-list-header {
  color: #965275;
}
.article-list__item--color6:hover .article-list-inner {
  background-color: #ebdee5;
}
.article-list__item--color6:after {
  background-color: #965275;
}
.article-list__item--color7 .article-list-header {
  color: #dd494d;
}
.article-list__item--color7:hover .article-list-inner {
  background-color: #f8dadb;
}
.article-list__item--color7:after {
  background-color: #dd494d;
}
.article-list__item--color8 .article-list-header {
  color: #568c43;
}
.article-list__item--color8:hover .article-list-inner {
  background-color: #d4e2cf;
}
.article-list__item--color8:after {
  background-color: #568c43;
}
.article-list__item--color9 .article-list-header {
  color: #c14a6e;
}
.article-list__item--color9:hover .article-list-inner {
  background-color: #f4e0e6;
}
.article-list__item--color9:after {
  background-color: #c14a6e;
}
.article-list__item--color10 .article-list-header {
  color: #ce6632;
}
.article-list__item--color10:hover .article-list-inner {
  background-color: #f5debf;
}
.article-list__item--color10:after {
  background-color: #ce6632;
}
.article-list__item--color11 .article-list-header {
  color: #e0983a;
}
.article-list__item--color11:hover .article-list-inner {
  background-color: #f7decc;
}
.article-list__item--color11:after {
  background-color: #e0983a;
}
.article-list__item--color12 .article-list-header {
  color: #eac449;
}
.article-list__item--color12:hover .article-list-inner {
  background-color: #faf0d4;
}
.article-list__item--color12:after {
  background-color: #eac449;
}
.article-list__item--color13 .article-list-header {
  color: #4c9590;
}
.article-list__item--color13:hover .article-list-inner {
  background-color: #d7e8e7;
}
.article-list__item--color13:after {
  background-color: #4c9590;
}
.article-list__item--color14 .article-list-header {
  color: #558fbc;
}
.article-list__item--color14:hover .article-list-inner {
  background-color: #d7e7f0;
}
.article-list__item--color14:after {
  background-color: #558fbc;
}
.article-list__item--color15 .article-list-header {
  color: #5d6d93;
}
.article-list__item--color15:hover .article-list-inner {
  background-color: #dce1f2;
}
.article-list__item--color15:after {
  background-color: #5d6d93;
}
.article-list-inner {
  position: relative;
  background-color: #fff;
  z-index: 2;
  padding: 20px;
  border: 1px solid #d3d3d3;
  transition: 0.5s background-color ease;
}
.article-list-header {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-size: 17px;
}
.article-list-header:after {
  content: "";
  display: block;
  width: 27px;
  height: 1px;
  background-color: #000;
  position: absolute;
  left: 5px;
  bottom: 0;
}
.article-list-body p {
  font-size: 17px;
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .article-list {
    max-width: 980px;
    padding-left: 50px !important;
    padding-right: 50px !important;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .article-list {
    padding-left: 4%;
    padding-right: 4%;
  }
  .article-list-prevarrow,
  .article-list-nextarrow {
    display: none;
  }
  .article-list .swiper-slide {
    margin-top: 45px;
  }
  .article-list .swiper-wrapper .swiper-slide:nth-child(1) {
    margin-top: 0;
  }
  .article-list-inner {
    padding: 15px;
  }
}