*,::before,::after {
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border-style:solid;
  border-width:0}
html {
  line-height:1.15;
  -webkit-text-size-adjust:100%;
  -webkit-tap-highlight-color:rgba(0,0,0,0)}
body {
  margin:0}
main {
  display:block}
p,table,blockquote,address,pre,iframe,form,figure,dl {
  margin:0}
h1,h2,h3,h4,h5,h6 {
  font-size:inherit;
  font-weight:inherit;
  margin:0}
ul,ol {
  margin:0;
  padding:0;
  list-style:none}
dt {
  font-weight:700}
dd {
  margin-left:0}
hr {
  -webkit-box-sizing:content-box;
  box-sizing:content-box;
  height:0;
  overflow:visible;
  border-top-width:1px;
  margin:0;
  clear:both;
  color:inherit}
pre {
  font-family:monospace,monospace;
  font-size:inherit}
address {
  font-style:inherit}
a {
  background-color:rgba(0,0,0,0);
  text-decoration:none;
  color:inherit}
abbr[title] {
  -webkit-text-decoration:underline dotted;
  text-decoration:underline dotted}
b,strong {
  font-weight:bolder}
code,kbd,samp {
  font-family:monospace,monospace;
  font-size:inherit}
small {
  font-size:80%}
sub,sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline}
sub {
  bottom:-0.25em}
sup {
  top:-0.5em}
svg,img,embed,object,iframe {
  vertical-align:bottom}
button,input,optgroup,select,textarea {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  vertical-align:middle;
  color:inherit;
  font:inherit;
  background:rgba(0,0,0,0);
  padding:0;
  margin:0;
  border-radius:0;
  text-align:inherit;
  text-transform:inherit}
[type=checkbox] {
  -webkit-appearance:checkbox;
  -moz-appearance:checkbox;
  appearance:checkbox}
[type=radio] {
  -webkit-appearance:radio;
  -moz-appearance:radio;
  appearance:radio}
button,[type=button],[type=reset],[type=submit] {
  cursor:pointer}
button:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled {
  cursor:default}
:-moz-focusring {
  outline:auto}
select:disabled {
  opacity:inherit}
option {
  padding:0}
fieldset {
  margin:0;
  padding:0;
  min-width:0}
legend {
  padding:0}
progress {
  vertical-align:baseline}
textarea {
  overflow:auto}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
  height:auto}
[type=search] {
  outline-offset:-2px}
[type=search]::-webkit-search-decoration {
  -webkit-appearance:none}
::-webkit-file-upload-button {
  -webkit-appearance:button;
  font:inherit}
label[for] {
  cursor:pointer}
details {
  display:block}
summary {
  display:list-item}
[contenteditable]:focus {
  outline:auto}
table {
  border-color:inherit}
caption {
  text-align:left}
td {
  vertical-align:top;
  padding:0}
th {
  vertical-align:top;
  padding:0;
  text-align:left;
  font-weight:700}
:target {
  scroll-margin-top:19.556714472%}
@media screen and (min-width: 768px) {
  :target {
  scroll-margin-top:100px}
}
html {
  font-size:62.5%;
  overflow-y:scroll;
  scroll-behavior:smooth}
html.is-modalopen,html.is-naviopen {
  overflow:hidden}
body {
  position:relative;
  font-family:"Noto Sans","Noto Sans JP",sans-serif;
  font-size:1.6rem;
  font-weight:500;
  line-height:1.8;
  letter-spacing: normal;
  color:#444;
  padding-bottom:env(safe-area-inset-bottom)}
svg {
  height:auto}
@media screen and (min-width: 768px) {
  body {
  min-width:1246px}
img,svg {
  max-width:100%}
}
@media screen and (max-width: 767px) {
  body {
  font-size:1.75rem}
img,svg {
  width:100%}
}
.l-header {
  position:fixed;
  z-index:100;
  top:0;
  left:0;
  width:100%;
  background-color:#fff}
.l-header .l-cts__inner:before {
  content:"";
  position:absolute;
  top:100%;
  left:0;
  width:100%;
  height:10px;
  background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0)));
  background:linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0))}
.l-header-cols {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  height:80px}
.l-header__logo {
  padding-left:30px;
  -ms-flex-item-align:center;
  align-self:center}
.l-header__logo a {
  display:block}
.l-header__logo a img.logo {
  width:165px;
  height:34px;
  vertical-align:middle}
.l-header__logo a img.icon {
  width:50px;
  height:50px;
  vertical-align:middle;
  margin-left:7px}
.l-header__logo-top {
  padding-left:30px;
  -ms-flex-item-align:center;
  align-self:center}
.l-header__logo-top--link {
  display:block}
.l-header__logo-top--logo {
  width:165px;
  height:34px;
  vertical-align:middle}
.l-header__logo-top--icon {
  width:50px;
  height:50px;
  vertical-align:middle;
  margin-left:7px}
.l-header__right {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex}
.l-header-ancher__button a {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  color:#00a3e0;
  font-size:1.8rem;
  line-height:1;
  text-align:center;
  height:100%;
  padding-right:30px}
.l-header-ancher__button a span {
  position:relative;
  padding-right:26px}
.l-header-ancher__button:nth-of-type(1) a span:before {
  content:"";
  position:absolute;
  background-image:url(../img/icon_outside_blue.svg);
  background-repeat:no-repeat;
  background-size:contain;
  top:calc(50% - 7px);
  right:2px;
  width:16px;
  height:16px}
.l-header-ancher__button:nth-of-type(2) a span:before {
  content:"";
  position:absolute;
  top:calc(50% - 8px);
  right:2px;
  width:12px;
  height:12px;
  border-top:3px solid #00a3e0;
  border-left:3px solid #00a3e0;
  -webkit-transform:rotate(-135deg);
  transform:rotate(-135deg)}
.l-header-intro__button a {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  color:#00a3e0;
  font-size:2.4rem;
  font-weight:700;
  line-height:1;
  text-align:center;
  height:100%;
  padding:0 36px;
  background-color:#fff228}
.l-header-menu__button a,.l-header-menu__button--menu {
  position:relative;
  display:block;
  width:80px;
  height:100%;
  background-color:#fff}
.l-header-menu__button a:before,.l-header-menu__button--menu:before {
  content:"";
  position:absolute;
  top:calc(50% - 8px);
  left:27px;
  display:block;
  width:26px;
  height:2px;
  background-color:#00a3e0}
.l-header-menu__button a:after,.l-header-menu__button--menu:after {
  content:"";
  position:absolute;
  top:calc(50% + 6px);
  left:27px;
  display:block;
  width:26px;
  height:2px;
  background-color:#00a3e0}
.l-header-menu__button a span,.l-header-menu__button--menu span {
  position:absolute;
  top:calc(50% - 1px);
  left:27px;
  display:block;
  width:26px;
  height:2px;
  background-color:#00a3e0;
  font-size:0}
@media screen and (min-width: 768px) {
  .l-header {
  min-width:1246px}
}
@media screen and (max-width: 767px) {
  .l-header-cols {
  position:relative;
  height:7.5097783572rem}
.l-header__logo {
  position:absolute;
  left:0;
  top:50%;
  -webkit-transform:translate(0, -50%);
  transform:translate(0, -50%);
  padding-left:0;
  width:47.6595744681%}
.l-header__logo a img.logo {
  width:71.4285714286%;
  height:14.5833333333%}
.l-header__logo a img.icon {
  width:20.8333333333%;
  height:20.8333333333%;
  margin-left:2.6075619296%}
.l-header__logo-top {
  position:absolute;
  left:0;
  top:50%;
  -webkit-transform:translate(0, -50%);
  transform:translate(0, -50%);
  padding-left:0;
  width:47.6595744681%}
.l-header__logo-top--logo {
  width:71.4285714286%;
  height:14.5833333333%}
.l-header__logo-top--icon {
  width:20.8333333333%;
  height:20.8333333333%;
  margin-left:2.6075619296%}
.l-header__right {
  position:absolute;
  right:-4.1720990874%;
  top:0;
  width:53.0638852673%;
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  justify-content:flex-end}
.l-header-ancher__button {
  display:none}
.l-header-intro__button {
  width:67.3796791444%}
.l-header-intro__button a {
  font-size:1.75rem;
  padding:0 7.9365079365%;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center}
.l-header-menu__button a,.l-header-menu__button--menu {
  position:absolute;
  right:0;
  top:0;
  width:32.0855614973%;
  height:100%}
.l-header-menu__button a:before,.l-header-menu__button--menu:before {
  left:25%;
  top:37%;
  -webkit-transform:translate(0, -37%);
  transform:translate(0, -37%);
  width:50%;
  height:.2503259452rem}
.l-header-menu__button a:after,.l-header-menu__button--menu:after {
  left:25%;
  top:50%;
  -webkit-transform:translate(0, -50%);
  transform:translate(0, -50%);
  width:50%;
  height:.2503259452rem}
.l-header-menu__button a span,.l-header-menu__button--menu span {
  left:25%;
  top:63%;
  -webkit-transform:translate(0, -63%);
  transform:translate(0, -63%);
  width:50%;
  height:.2503259452rem}
}
.l-nav {
  position:fixed;
  z-index:101;
  top:0;
  right:0;
  width:0;
  height:100%;
  min-height:100vh;
  color:#fff;
  overflow:hidden;
  background-color:rgba(0,163,224,.95);
  -webkit-transition:width .3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition:width .3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform:translate3d(0, 0, 101px);
  transform:translate3d(0, 0, 101px)}
.l-nav.is-active {
  width:320px}
.l-nav__inner {
  position:relative;
  width:320px;
  height:100%;
  overflow-y:auto;
  -ms-overflow-style:none;
  scrollbar-width:none}
.l-nav__inner::-webkit-scrollbar {
  display:none}
.l-nav__body {
  position:relative;
  padding:40px 0 60px;
  min-height:100%;
  font-size:1.4rem;
  font-weight:400;
  line-height:1.4;
  margin:auto 0}
.l-nav-close__button {
  position:absolute;
  top:26px;
  right:26px}
.l-nav-close__button-a {
  position:relative;
  font-size:0;
  width:26px;
  height:26px;
  display:block}
.l-nav-close__button-a:before {
  content:"";
  position:absolute;
  left:0;
  top:50%;
  -webkit-transform:translate(0, -50%);
  transform:translate(0, -50%);
  width:100%;
  height:2px;
  background-color:#fff;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg)}
.l-nav-close__button-a:after {
  content:"";
  position:absolute;
  top:calc(50% - 1px);
  left:0;
  width:100%;
  height:2px;
  background-color:#fff;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg)}
.l-nav-menu__list {
  border-bottom:1px solid #00baff}
.l-nav-menu__list-top {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  margin-left:12px}
.l-nav-menu__list-top-li {
  width:35%}
.l-nav-menu__list-top-a {
  position:relative;
  display:block;
  padding:28px 0 13px;
  text-align:center}
.l-nav-menu__list-top-a:hover {
  opacity:.8}
.l-nav-menu__list-top-a::before {
  content:"";
  position:absolute;
  left:50%;
  top:0;
  -webkit-transform:translate(-50%, 0);
  transform:translate(-50%, 0);
  width:25px;
  height:25px;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:100% auto}
.l-nav-menu__list-top-login::before {
  background-image:url(../img/icon_menu_login.svg)}
.l-nav-menu__list-top-mypage::before {
  background-image:url(../img/icon_menu_mypage_regist.svg)}
.l-nav-menu__list-li {
  border-top:1px solid #00baff}
.l-nav-menu__list-li--sub {
  position:relative}
.l-nav-menu__list-li--sub::before {
  content:"";
  position:absolute;
  width:8px;
  height:1px;
  background-color:#fff;
  top:50%;
  left:40px}
.l-nav-menu__list-li--sub a {
  padding-block:10px !important;
  padding-left:60px !important}
.l-nav-menu__list-li a {
  position:relative;
  display:block;
  padding:15px 40px;
  background-image:url(../img/icon_arrow_r_white.svg);
  background-repeat:no-repeat;
  background-position:right 32px center;
  background-size:14px auto}
.l-nav-menu__list-li a[target=_blank] {
  background-image:url(../img/icon_outside_white.svg)}
.l-nav-lp__list {
  padding:0 70px;
  margin:20px 0}
.l-nav-lp__list-li+.l-nav-lp__list-li {
  margin-top:10px}
.l-nav-lp__list-banner {
  width:180px;
  height:62px}
.l-nav-recruit__button a {
  position:relative;
  display:block;
  padding:15px 40px;
  background-image:url(../img/icon_outside_white.svg);
  background-repeat:no-repeat;
  background-position:right 32px center;
  background-size:14px auto;
  background-color:#005bab}
@media screen and (min-width: 1263px) {
  .l-nav {
  right:calc((100vw - 1263px)*.5)}
}
@media screen and (min-width: 768px) {
  .l-nav-menu__list li a,.l-nav-recruit__button a {
  -webkit-transition:opacity .3s ease;
  transition:opacity .3s ease}
.l-nav-menu__list li a:hover,.l-nav-recruit__button a:hover {
  opacity:.8}
}
@media screen and (max-width: 767px) {
  .l-nav.is-active {
  width:40.32rem}
.l-nav__inner {
  width:40.32rem}
.l-nav__body {
  padding:11.7340286832% 0 15.6453715776%;
  font-size:1.625rem}
.l-nav-close__button {
  right:2.0026075619rem;
  top:2.0026075619rem}
.l-nav-close__button a {
  width:3.2542372881rem;
  height:3.2542372881rem}
.l-nav-close__button a:before,.l-nav-close__button a:after {
  height:2px}
.l-nav-menu__list-top {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  margin:0 4.3807040417rem 0 0;
  gap:3.1290743155rem}
.l-nav-menu__list-top-a {
  padding:3.1290743155rem 0 1.8774445893rem}
.l-nav-menu__list-top-a::before {
  width:3.2542372881rem;
  height:3.2542372881rem}
.l-nav-menu__list li a {
  padding:3.9113428944% 7.8226857888%;
  background-position:right 7.8226857888% center;
  background-size:3.6505867014% auto}
.l-nav-menu__list-sub {
  padding-left:12.777053455% !important}
.l-nav-lp__list {
  padding:0 11.7340286832%;
  margin:3.9113428944% 0}
.l-nav-lp__list li+li {
  margin-top:2.6075619296%}
.l-nav-lp__list-link {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center}
.l-nav-lp__list-banner {
  width:22.5293350717rem;
  height:7.7601043025rem;
  margin:.5006518905rem auto}
.l-nav-recruit__button a {
  padding:3.9113428944% 7.8226857888%;
  background-position:right 7.8226857888% center;
  background-size:3.6505867014% auto}
}
.l-footer {
  line-height:1.8;
  background-color:#fff}
.l-footer .l-cts {
  color:#202020;
  padding:100px 0 34px;
  letter-spacing: normal}
.l-footer-cols {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  margin-bottom:50px}
.l-footer__logo {
  width:248px;
  margin-right:4%}
.l-footer-logo__button img {
  width:248px;
  height:48px}
.l-footer__address {
  font-weight:500}
.l-footer__address span {
  display:block;
  font-size:120%}
.l-footer__terms {
  font-size:1.3rem;
  font-weight:400;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  margin-bottom:100px}
.l-footer__terms li {
  margin-top:15px}
.l-footer__terms li a {
  margin-right:1em;
  padding-right:1em;
  border-right:1px solid #202020;
  text-decoration:none;
  color:inherit}
.l-footer__bnr {
  width:303px}
.l-footer-bnr__button img {
  width:303px;
  height:74px}
.l-footer__copyright {
  text-align:center}
.l-footer__copyright p {
  display:inline-block;
  font-size:1rem;
  font-weight:400;
  margin:0 7px}
@media screen and (min-width: 768px) {
  .l-footer .u-pc {
  display:none}
}
@media screen and (max-width: 767px) {
  .l-footer .l-cts {
  padding:20.8604954368% 0 15.6453715776%}
.l-footer-cols {
  display:block;
  margin:0 0 8.8657105606%}
.l-footer__logo {
  width:71.884057971%;
  margin:0 auto 14.6023468057%}
.l-footer-logo__button img {
  width:100%;
  height:19.3548387097%}
.l-footer__address {
  text-align:center}
.l-footer__terms {
  text-align:center;
  font-size:1.625rem;
  margin:0 auto 13.037809648%;
  display:block}
.l-footer__terms li {
  margin-top:2.0860495437%}
.l-footer__terms li a {
  margin-right:0;
  padding-right:0;
  border-right:none}
.l-footer__bnr {
  width:87.8260869565%;
  margin:0 auto}
.l-footer-bnr__button img {
  width:100%;
  height:24.4224422442%}
.l-footer__copyright p {
  display:block;
  font-size:1.25rem}
}
.l-main {
  padding-top:80px}
.l-cts {
  position:relative}
.l-cts__inner {
  position:relative;
  margin:0 auto}
@media screen and (min-width: 768px) {
  .l-cts__inner {
  max-width:1246px;
  padding:0 0}
}
@media screen and (max-width: 767px) {
  .l-main {
  padding-top:15.6453715776%}
.l-cts__inner {
  padding:0 4%}
}
[class*=c-fade] {
  position:relative;
  opacity:0}
.c-button--a {
  cursor:pointer}
.c-button--c {
  text-decoration:underline}
.c-button--d {
  color:#00a3e0;
  text-decoration:underline}
.c-button--e {
  position:relative;
  display:block;
  font-size:2rem;
  text-align:center;
  color:#fff;
  background-color:#00a3e0;
  background-image:url(../img/icon_arrow_r_white.svg);
  background-repeat:no-repeat;
  background-size:14px 14px;
  background-position:right 24px center;
  padding:12px 0;
  border-radius:40px 40px}
.c-button--f {
  position:relative;
  display:block;
  font-size:2rem;
  text-align:center;
  color:#fff;
  background-color:#00a3e0;
  background-image:url(../img/icon_outside_white.svg);
  background-repeat:no-repeat;
  background-size:14px 14px;
  background-position:right 24px center;
  padding:12px 0;
  border-radius:40px 40px}
.c-button--g {
  position:relative;
  display:block;
  font-size:2rem;
  text-align:center;
  color:#00a3e0;
  background-color:#fff;
  background-image:url(../img/icon_outside_blue.svg);
  background-repeat:no-repeat;
  background-size:14px 14px;
  background-position:right 24px center;
  padding:12px 0;
  border-radius:40px 40px}
@media screen and (min-width: 768px) {
  .c-button--a {
  -webkit-transition:opacity .3s ease;
  transition:opacity .3s ease}
.c-button--a:hover {
  opacity:.8}
.c-button--b:hover {
  text-decoration:underline}
.c-button--c:hover,.c-button--d:hover {
  text-decoration:none}
.c-button--e,.c-button--f,.c-button--g {
  -webkit-transition:opacity .3s ease;
  transition:opacity .3s ease}
.c-button--e:hover,.c-button--f:hover,.c-button--g:hover {
  opacity:.8}
}
@media screen and (max-width: 767px) {
  .c-button--e,.c-button--f,.c-button--g {
  font-size:2rem;
  background-size:1.5019556714rem 1.5019556714rem;
  background-position:right 1.8774445893rem center;
  padding:3.1290743155% 0;
  border-radius:3.1290743155rem 3.1290743155rem}
}
.p-company .l-cts__inner {
  padding-top:120px;
  padding-bottom:120px;
  background-color:#f4f4f4;
  letter-spacing: normal}
.p-company__title {
  text-align:center;
  font-size:3.8rem;
  font-weight:400;
  line-height:1.5;
  letter-spacing: normal;
  color:#02aadc;
  margin-bottom:25px}
.p-company__title span {
  display:inline-block;
  padding:0 20px;
  border-left:2px solid #02aadc;
  border-right:2px solid #02aadc}
.p-company__table {
  width:932px;
  margin:0 auto;
  font-size:1.6rem;
  font-weight:400;
  border-collapse:collapse;
  border-bottom:1px solid #434343}
.p-company__table th {
  width:160px;
  padding:22px 0 22px 10px;
  color:#02aadc;
  font-weight:400;
  border-top:1px solid #434343;
  vertical-align:middle}
.p-company__table td {
  padding:22px 0;
  border-top:1px solid #434343}
.p-company__table .p-company__table__address td span:first-of-type {
  display:block;
  font-weight:600;
  font-size:.9em}
.p-company__table .p-company__table__address-contact {
  display:inline-block;
  color:#00a3e0;
  font-size:1.4rem;
  margin-bottom:10px;
  position:relative}
.p-company__table .p-company__table__address-contact::after {
  content:"";
  position:absolute;
  right:-1.8rem;
  top:52%;
  -webkit-transform:translate(0, -50%);
  transform:translate(0, -50%);
  width:14px;
  height:14px;
  background-image:url(../img/icon_outside_blue.svg);
  background-position:center;
  background-repeat:no-repeat;
  background-size:100% auto}
@media(hover: hover) {
  .p-company__table .p-company__table__address-contact:hover {
  text-decoration:underline}
}
@media screen and (max-width: 767px) {
  .p-company .l-cts__inner {
  padding-top:20.8604954368%;
  padding-bottom:26.075619296%}
.p-company__title {
  font-size:4.75rem;
  margin-bottom:6.518904824%}
.p-company__table {
  width:100%;
  font-size:2rem}
.p-company__table th {
  display:block;
  width:100%;
  padding:3.9113428944% 0 0}
.p-company__table td {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  padding:0 0 3.9113428944%;
  border-top:none}
.p-company__table .p-company__table__address-contact {
  font-size:1.6rem;
  -ms-flex-item-align:end;
  align-self:flex-end;
  margin-right:20px}
.p-company__table .p-company__table__address-contact::after {
  right:-2.2rem;
  top:50%;
  width:13px;
  height:13px}
}
@media screen and (max-width: 767px)and (hover: none) {
  .p-company__table .p-company__table__address-contact:active {
  text-decoration:underline}
}
.u-font--mincho,.u-font--shippori {
  font-family:"Shippori Mincho B1",serif}
.u-font--gosic,.u-font--default,.u-font--noto {
  font-family:"Noto Sans","Noto Sans JP",sans-serif}
.u-font-weight--400 {
  font-weight:400}
.u-font-weight--500 {
  font-weight:500}
.u-font-weight--bold,.u-font-weight--700 {
  font-weight:700}
.u-font-weight--block,.u-font-weight--700 {
  font-weight:900}
.u-font-space--palt {
  -webkit-font-feature-settings:"palt";
  font-feature-settings:"palt";
  letter-spacing: normal}
.u-text--center {
  text-align:center}
.u-text--left {
  text-align:left}
.u-text--right {
  text-align:right}
.u-color--default {
  color:#444}
.u-color--white {
  color:#fff}
.u-color--blue {
  color:#00a3e0}
.u-color--orange {
  color:#ff8a17}
.u-color--black {
  color:#000}
@media screen and (min-width: 768px) {
  .u-ancher {
  scroll-margin-top:80px}
.u-sp {
  display:none}
}
@media screen and (max-width: 767px) {
  .u-ancher {
  scroll-margin-top:7.5097783572rem}
.u-pc {
  display:none}
.u-text--center-sp {
  text-align:center}
.u-text--left-sp {
  text-align:left}
.u-text--right-sp {
  text-align:right}
}
#c-chatbot {
  position:fixed;
  bottom:10px;
  right:20px;
  z-index:2147483647}
#c-chatbot__link {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  background-color:#207fef;
  border-radius:30px;
  padding-block:4px;
  padding-inline:4px 20px;
  -webkit-filter:drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.3));
  filter:drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.3));
  -webkit-transition:all .15s ease-out;
  transition:all .15s ease-out}
#c-chatbot__icon {
  display:grid;
  place-content:center;
  width:35px;
  height:35px;
  background-color:#fff;
  border-radius:50%;
  margin-right:10px}
#c-chatbot__glyph {
  width:22px;
  height:22px;
  fill:#207fef;
  -webkit-transition:all .15s ease-out;
  transition:all .15s ease-out}
#c-chatbot__text {
  font-size:15px;
  line-height:1;
  letter-spacing: normal;
  color:#fff}
@media(hover: hover) {
  #c-chatbot__link:hover {
  background-color:#0f66cd}
#c-chatbot__link:hover #c-chatbot__glyph {
  scale:1.2;
  fill:#0f66cd}
}
@media(hover: none) {
  #c-chatbot__link:active {
  background-color:#0f66cd}
#c-chatbot__link:active #c-chatbot__glyph {
  scale:1.2;
  fill:#0f66cd}
}
@media screen and (max-width: 767px) {
  #c-chatbot {
  right:10px}
#c-chatbot__icon {
  width:30px;
  height:30px}
#c-chatbot__glyph {
  width:20px;
  height:20px}
#c-chatbot__text {
  font-size:13px}
}
.banner img {
  aspect-ratio:375/100;
  height:auto}
.banner2 {
  -webkit-margin-before:5.2151238592%;
  margin-block-start:5.2151238592%;
  padding-inline:4%;
  overflow-x:hidden}
.banner2 div a {
  -webkit-filter:drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.2));
  filter:drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.2));
  -webkit-transition:all .2s ease-out;
  transition:all .2s ease-out}
.swiper-pagination--banner {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  margin-top:20px}
@media screen and (min-width: 768px) {
  .banner {
  max-width:1246px;
  margin-inline:auto;
  -webkit-margin-before:20px;
  margin-block-start:20px}
.banner img {
  aspect-ratio:1246/146}
.banner2 {
  width:1246px;
  -webkit-margin-before:30px;
  margin-block-start:30px;
  margin-inline:auto;
  padding-inline:0}
}
@media(hover: hover) {
  .banner2 div a:hover {
  -webkit-filter:drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.2));
  filter:drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.2))}
}
@media(hover: none) {
  .banner2 div a:active {
  opacity:.7}
}