@charset "UTF-8";
/*------------------------------------------- google font*/
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Noto+Sans+JP:wght@400;500;700&display=swap");
/*------------------------------------------- web フォント*/
@font-face {
  font-family: "icomoon";
  src: url("fonts/icomoon.eot?v4y667");
  src: url("fonts/icomoon.eot?v4y667#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?v4y667") format("truetype"), url("fonts/icomoon.woff?v4y667") format("woff"), url("fonts/icomoon.svg?v4y667#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/*------------------------------------------- リセット*/
*,
::before,
::after {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
  position: relative;
  left: 0;
  background-color: #fff;
  color: #242424;
  font-size: 1.4rem;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  transition: left 0.6s;
}

main {
  display: block;
}

p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

dt {
  font-weight: 700;
}

dd {
  margin-left: 0;
}

hr {
  box-sizing: l-content-box;
  height: 0;
  overflow: visible;
  border: 0;
  border-top: 1px solid;
  margin: 0;
  clear: both;
  color: inherit;
}

pre {
  font-family: monospace, monospace;
  font-size: inherit;
}

address {
  font-style: inherit;
}

a {
  background-color: transparent;
  text-decoration: none;
  display: block;
  color: #242424;
  transition: all 0.6s;
  cursor: pointer;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -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;
}

img {
  border-style: none;
  vertical-align: bottom;
}

embed,
object,
iframe {
  border: 0;
  vertical-align: bottom;
}

button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}

[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

button[disabled],
[type=button][disabled],
[type=reset][disabled],
[type=submit][disabled] {
  cursor: default;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

option {
  padding: 0;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  padding: 0;
}

[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;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: 700;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

p {
  letter-spacing: 0.05em;
  line-height: 1.625;
}

.u-font--en {
  font-family: "Lato", sans-serif;
  font-weight: 400;
}

@media screen and (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}
@media screen and (min-width: 1200px) {
  body {
    font-size: 1.6rem;
  }
  p {
    line-height: 1.625;
  }
}
/*------------------------------------------- アイコン*/
.c-makeIcon--arrow {
  position: relative;
}
.c-makeIcon--arrow::before {
  display: block;
  content: "";
  width: 6px;
  height: 6px;
  border-right: 1px solid #006ebb;
  border-bottom: 1px solid #006ebb;
  transform: rotate(45deg);
}

[class^=c-icon--],
[class*=" c-icon--"] {
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.c-icon--arrow::before {
  content: "\e900";
}

.c-icon--mouse::before {
  content: "\e901";
}

.c-icon--open::before {
  content: "\e902";
}

/*------------------------------------------- 画像トリミング*/
.u-object--cover > img {
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}

.u-object--scale > img {
  -o-object-fit: scale-down;
  object-fit: scale-down;
  font-family: "object-fit: scale-down;";
}

.u-object--cover > img,
.u-object--scale > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*------------------------------------------- コンテンツ幅*/
.l-content {
  padding-top: 90px;
}
.l-content.u-content--min {
  padding-top: 70px;
}

.l-content__bg {
  margin-top: 90px;
  padding: 90px 0;
}
.l-content__bg.u-content__bg1 {
  background-color: #ecf5ff;
}

.l-content__area {
  padding: 0 15px;
}

.l-content__decoration {
  position: relative;
}
.l-content__decoration::before {
  content: "";
  display: inline-block;
  width: 84vw;
  height: 96.533vw;
  background-color: #006ebb;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: -1;
}

@media screen and (min-width: 768px) {
  .l-content__area {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 30px;
  }
  .l-content__area.l-content__area--min {
    max-width: 1080px;
  }
  .l-content__area.l-content__area--m {
    max-width: 1560px;
  }
  .l-content__area.l-content__area--l {
    max-width: 1720px;
  }
  .l-content__decoration {
    position: relative;
  }
  .l-content__decoration::before {
    width: 75vw;
    height: 26.0416vw;
  }
}
@media screen and (min-width: 992px) {
  .l-content__area {
    padding: 0 60px;
  }
}
@media screen and (min-width: 1200px) {
  .l-content {
    padding-top: 120px;
  }
  .l-content.u-content--min {
    padding-top: 80px;
  }
  .l-content__bg {
    margin-top: 120px;
    padding: 120px 0;
  }
}
/*------------------------------------------- リスト*/
.c-list > li {
  position: relative;
  padding-left: 1.5em;
  margin-bottom: 10px;
}
.c-list > li::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 1px;
  background-color: #ffa800;
  position: absolute;
  top: 8px;
  left: 0;
}
.c-list > li:last-child {
  margin-bottom: 0 !important;
}
.c-list.c-list--dot > li {
  padding-left: 1em;
}
.c-list.c-list--dot > li::before {
  width: 3px;
  height: 3px;
  background-color: #006ebb;
}
.c-list.c-list--number {
  counter-reset: nmuber;
}
.c-list.c-list--number > li::before {
  width: auto;
  height: auto;
  background-color: transparent;
  counter-increment: nmuber;
  content: counter(nmuber) ".";
  top: 3px;
}
.c-list.c-list--normal > li {
  padding-left: 0;
}
.c-list.c-list--normal > li::before {
  content: none;
}

@media screen and (min-width: 1200px) {
  .c-list.c-list--dot > li::before {
    width: 4px;
    height: 4px;
  }
  .c-list.c-list--number > li::before {
    top: 5px;
  }
}
/*------------------------------------------- ヘッダー*/
.l-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  z-index: 10;
  background-color: #fff;
  transition: background-color 0.6s;
}

.l-header__area {
  position: relative;
  padding: 15px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.l-header__logo {
  max-width: 134px;
}

.l-headerLogo__link {
  position: relative;
}
.l-headerLogo__link::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url(../img/common/logo_menu.png) no-repeat center/contain;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.6s;
  opacity: 0;
  pointer-events: none;
}
.l-headerLogo__link img {
  transition: opacity 0.6s;
}

.l-header__nav {
  display: none;
}

.l-hamburgerButton {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}

.l-hamburgerButton__icons {
  width: 20px;
  height: 2px;
  position: absolute;
  top: 9px;
  left: 0;
  background-color: #006ebb;
  transition: background-color 0.6s;
}
.l-hamburgerButton__icons::before, .l-hamburgerButton__icons::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 2px;
  background-color: #006ebb;
  position: absolute;
  left: 0;
  transition: background-color 0.6s, transform 0.6s, top 0.6s, bottom 0.6s;
}
.l-hamburgerButton__icons::before {
  top: -9px;
}
.l-hamburgerButton__icons::after {
  bottom: -9px;
}

.l-hamburger__wrapper {
  position: fixed;
  top: 60px;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #006ebb;
  transition: opacity 0.6s;
  opacity: 0;
  pointer-events: none;
  z-index: 10;
}

.l-hamburger__inner {
  padding: 15px 30px;
}

.l-hamburgerNav__link {
  padding: 15px 0;
  color: #fff;
  font-size: 1.8rem;
}

.l-hamburgerNav__child.c-list > li {
  padding-left: 1.5em;
  margin-bottom: 0;
}
.l-hamburgerNav__child.c-list > li::before {
  top: 26px;
}

.l-hamburgerNavChild__link {
  padding: 15px 0;
  color: #fff;
  font-size: 1.8rem;
}

.u-hamburgerMenu--on .l-header {
  background-color: #006ebb;
}
.u-hamburgerMenu--on .l-headerLogo__link::before {
  opacity: 1;
  pointer-events: all;
}
.u-hamburgerMenu--on .l-headerLogo__link img {
  opacity: 0;
  pointer-events: none;
}
.u-hamburgerMenu--on .l-hamburgerButton__icons {
  background-color: transparent;
}
.u-hamburgerMenu--on .l-hamburgerButton__icons::before, .u-hamburgerMenu--on .l-hamburgerButton__icons::after {
  background-color: #fff;
}
.u-hamburgerMenu--on .l-hamburgerButton__icons::before {
  top: 0;
  transform: rotate(45deg);
}
.u-hamburgerMenu--on .l-hamburgerButton__icons::after {
  bottom: 0;
  transform: rotate(135deg);
}
.u-hamburgerMenu--on .l-hamburger__wrapper {
  overflow-y: scroll;
  opacity: 1;
  pointer-events: all;
}

@media screen and (min-width: 768px) {
  .l-header {
    height: auto;
  }
  .l-header__nav {
    display: block;
  }
  .l-header__nav > ul {
    display: flex;
    align-items: center;
  }
  .l-header__nav > ul > li {
    position: relative;
  }
  .l-header__nav > ul > li:hover .l-headerNav__link {
    color: #006ebb;
  }
  .l-header__nav > ul > li:hover .l-headerNav__child {
    opacity: 1;
    pointer-events: all;
  }
  .l-headerNav__link {
    padding: 15px;
  }
  .l-headerNav__link > p {
    display: flex;
    align-items: center;
  }
  .l-headerNav__link > p .c-makeIcon--arrow {
    margin-left: 10px;
  }
  .l-headerNav__link > p .c-makeIcon--arrow::before {
    width: 8px;
    height: 8px;
    border-right-width: 2px;
    border-bottom-width: 2px;
  }
  .l-headerNav__child {
    position: absolute;
    top: 95%;
    left: -10px;
    background-color: #fff;
    padding: 20px;
    box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);
    transition: opacity 0.6s;
    opacity: 0;
    pointer-events: none;
  }
  .l-headerNav__child .c-list > li {
    margin-bottom: 18px;
    padding-left: 1.3em;
  }
  .l-headerNav__child .c-list > li::before {
    width: 10px;
  }
  .l-headerNav__child .c-list > li:last-child {
    margin-bottom: 0;
  }
  .l-headerNavChild__link {
    letter-spacing: 0.05em;
    white-space: nowrap;
  }
  .l-headerNavChild__link:hover {
    color: #006ebb;
  }
  .l-hamburgerButton {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .l-header__area {
    padding: 17px 100px 17px 120px;
  }
  .l-header__logo {
    max-width: 220px;
  }
  .l-headerNav__link {
    padding: 20px 25px;
  }
}
/*------------------------------------------- フッター*/
.l-footer {
  margin-top: 0;
  background-color: #242424;
}

.l-footer__left {
  margin-bottom: 70px;
}

.l-footer__nav {
  display: flex;
  flex-wrap: wrap;
  margin: -25px -7.5px 0;
}

.l-footerNav {
  width: 50%;
  padding: 25px 7.5px 0;
}
.l-footerNav:nth-child(2) {
  order: 3;
}
.l-footerNav:last-child {
  order: 2;
}
.l-footerNav > ul > li {
  margin-bottom: 22px;
}
.l-footerNav > ul > li:last-child {
  margin-bottom: 0;
}

.l-footerNav__link {
  color: #fff;
  letter-spacing: 0.05em;
}

.l-footerNav__child {
  margin-top: 25px;
}
.l-footerNav__child > li {
  padding-left: 1em;
  margin-bottom: 25px;
}
.l-footerNav__child > li::before {
  width: 8px;
}
.l-footerNav__child > li:last-child {
  margin-bottom: 0;
}

.l-footerNavChild__link {
  color: #fff;
  font-size: 1.2rem;
  letter-spacing: 0.05em;
}

.l-footer__logo {
  max-width: 280px;
  margin-bottom: 50px;
}
.l-footer_flex {
  display: flex;
  align-items: center;
}
.l-footer_flex-right{
  margin-left: 10px;
}

.l-copy {
  line-height: 1;
  margin-top: -4px;
}
.l-copy small {
  color: #fff;
  font-size: 1.2rem;
}

@media screen and (min-width: 768px) {
  .l-footer__inner {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
  }
  .l-footer__logo {
    max-width: 500px;
  }
  .l-footer_flex-right{
    margin: auto;
  }
  .l-footer__left {
    width: 50%;
    padding: 0 15px;
    margin: 0;
    order: 2;
  }
  .l-footer__right {
    width: 50%;
    padding: 0 15px;
    order: 1;
  }
  .l-footerNav__child {
    margin-top: 20px;
  }
  .l-footerNav__child > li {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .l-footer__right {
    width: 40%;
  }
  .l-footer__logo {
    margin-bottom: 70px;
  }
  .l-copy small {
    font-size: 1.4rem;
  }
  .l-footer__left {
    width: 60%;
  }
  .l-footerNav {
    width: 33.3333%;
  }
  .l-footerNav:nth-child(2) {
    order: 2;
  }
  .l-footerNav:last-child {
    order: 3;
  }
  .l-footerNavChild__link {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 1400px) {
  .l-footer__left {
    width: 730px;
  }
  .l-footer__right {
    width: calc(100% - 730px);
  }
  .l-footer__nav {
    flex-wrap: nowrap;
    justify-content: flex-end;
    margin: 0;
  }
  .l-footerNav {
    width: auto;
    padding: 0;
  }
  .l-footerNav + .l-footerNav {
    margin-left: 85px;
  }
}
/*------------------------------------------- タイトル*/
.c-title {
  position: relative;
  letter-spacing: 0.05em;
}
.c-title.u-title--color1 {
  color: #fff;
}
.c-title.u-title--center {
  text-align: center;
}
.c-title + p {
  margin-top: -6px;
}

.c-title1 {
  margin: -7px 0 70px;
}
.c-title1.u-title--color1 .c-title1--en {
  color: #fff;
}
.c-title1.u-title--color1 .c-title1--ja {
  color: #fff;
}

.c-title1--en {
  font-size: 3rem;
  font-weight: bold;
  display: block;
  margin-bottom: 15px;
  line-height: 1.2;
  letter-spacing: 0.05em;
  color: #006ebb;
}

.c-title1--ja {
  font-size: 1.6rem;
  display: block;
  letter-spacing: 0.05em;
}

.c-title2 {
  font-size: 2.4rem;
  font-weight: 500;
  color: #006ebb;
  line-height: 1.6666;
  margin: -10px 0 10px;
}

.c-title3 {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.4;
  padding-bottom: 10px;
  margin: -5px 0 30px;
  border-bottom: 1px solid #ecf5ff;
}
.c-title3::before {
  content: "";
  display: inline-block;
  width: 80px;
  height: 3px;
  background-color: #006ebb;
  position: absolute;
  bottom: -1px;
  left: 0;
}

.c-title4 {
  font-weight: 500;
  font-size: 1.6rem;
  background-color: #ecf5ff;
  padding: 9px 15px;
  line-height: 1.4;
  margin-bottom: 30px;
}

.c-title5 {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.75;
  margin: -6px 0 15px;
}

.c-title6 {
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center;
  padding-bottom: 20px;
  margin: -3px 0 35px;
}
.c-title6::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 3px;
  background-color: #006ebb;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.c-title7 {
  font-size: 1.8rem;
  font-weight: 500;
  margin: -2px 0 20px;
  padding-left: 15px;
}
.c-title7::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: calc(100% - 4px);
  background-color: #006ebb;
  position: absolute;
  top: 2px;
  left: 0;
}

@media screen and (min-width: 1200px) {
  .c-title1 {
    margin: -13px 0 90px;
  }
  .c-title1--en {
    font-size: 6rem;
    margin-bottom: 10px;
  }
  .c-title1--ja {
    font-size: 2rem;
    margin-top: -5px;
  }
  .c-title2 {
    font-size: 3rem;
    margin: -11px 0 10px;
  }
  .c-title3 {
    font-size: 2.4rem;
    border-bottom-width: 2px;
    padding-bottom: 15px;
    margin-bottom: 40px;
  }
  .c-title3::before {
    width: 100px;
    height: 4px;
    bottom: -2px;
  }
  .c-title4 {
    font-size: 2rem;
    margin-bottom: 40px;
    padding: 10px 20px;
  }
  .c-title5 {
    font-size: 1.6rem;
    margin: -7px 0 25px;
  }
  .c-title6 {
    font-size: 2.4rem;
    padding-bottom: 35px;
    margin: -4px 0 40px;
  }
  .c-title6::before {
    width: 40px;
    height: 4px;
  }
  .c-title7 {
    font-size: 2rem;
    margin: -4px 0 20px;
  }
  .c-title7::before {
    height: calc(100% - 6px);
    top: 4px;
  }
}
/*------------------------------------------- テキスト*/
.c-txt__box > p {
  margin-bottom: 20px;
}
.c-txt__box > p:last-child {
  margin-bottom: 0 !important;
}

.c-txt__line {
  font-weight: 500;
  padding-left: 1.3em;
  position: relative;
  margin-bottom: 10px;
}
.c-txt__line::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 2px;
  background-color: #006ebb;
  position: absolute;
  top: 12px;
  left: 0;
}

.c-link {
  color: #006ebb;
  font-weight: 500;
  display: inline-block;
}
.c-link .c-link__txt {
  border-bottom: 1px solid #006ebb;
}

.c-notes__box > p {
  position: relative;
  padding-left: 1em;
  color: #b2b2b2;
}
.c-notes__box > p::before {
  content: "※";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (min-width: 1200px) {
  .c-txt__line::before {
    top: 14px;
  }
}
/*------------------------------------------- テーブル*/
.c-table {
  border: 1px solid #ecf5ff;
}
.c-table th,
.c-table td {
  padding: 15px 20px;
  display: block;
  letter-spacing: 0.05em;
}
.c-table th {
  background-color: #ecf5ff;
}

@media screen and (min-width: 768px) {
  .c-table th,
.c-table td {
    display: table-cell;
  }
  .c-table th {
    width: 240px;
  }
  .c-table tr + tr th {
    border-top: 1px solid #fff;
  }
  .c-table tr + tr td {
    border-top: 1px solid #ecf5ff;
  }
}
@media screen and (min-width: 1200px) {
  .c-table th,
.c-table td {
    padding: 19px 20px 19px 30px;
  }
}
/*------------------------------------------- ボタン*/
.c-button__area {
  display: flex;
  justify-content: center;
}
.c-button__area.u-button__area--right {
  justify-content: flex-end;
}

.c-button {
  position: relative;
}
.c-button.u-button--min {
  max-width: 206px;
  font-size: 1.2rem;
  height: 42px;
}

.c-button1 {
  max-width: 276px;
  width: 100%;
  height: 60px;
  border-radius: 30px;
  background-color: #ffa800;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  color: #fff;
}
.c-button1.u-button1--color1 {
  border: 1px solid #fff;
  background-color: rgba(255, 255, 255, 0.2);
}
.c-button1.u-button1--color2 {
  background-color: #242424;
}
.c-button1.u-button1--color3 {
  border: 1px solid #b2b2b2;
  background-color: #fff;
  color: #242424;
}
.c-button1.u-button1--color3 .c-icon--arrow {
  color: #242424;
}
.c-button1 .c-icon--arrow {
  font-size: 2.2rem;
  color: #fff;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
.c-button1 .c-icon--open {
  font-size: 1.5rem;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
.c-button1.u-button--min .c-icon--arrow {
  font-size: 1.5rem;
  right: 10px;
}
.c-button1.u-button--retuen .c-icon--arrow {
  right: auto;
  left: 15px;
  transform: translateY(-50%) scale(-1, 1);
}

.c-button2 {
  border-bottom: 1px solid #242424;
}
.c-button2 .c-button__txt {
  display: flex;
  align-items: center;
}
.c-button2 .c-button__txt .c-icon--arrow {
  font-size: 2.2rem;
  margin-left: 15px;
}

.c-button--map {
  color: #fff;
  font-size: 1.2rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  background-color: #006ebb;
  display: inline-block;
  padding: 3px 6px;
  line-height: 1;
}

@media screen and (min-width: 1200px) {
  .c-button.u-button--min {
    max-width: 250px;
    font-size: 1.4rem;
    height: 51px;
  }
  .c-button .c-icon--arrow {
    transition: right 0.6s, left 0.6s, color 0.6s;
  }
  .c-button1 {
    max-width: 340px;
    height: 75px;
    border-radius: 37.5px;
  }
  .c-button1 .c-icon--arrow {
    right: 20px;
  }
  .c-button1 .c-icon--open {
    font-size: 1.8rem;
  }
  .c-button1.u-button--retuen .c-icon--arrow {
    right: auto;
    left: 20px;
  }
  .c-button1.u-button--retuen:hover .c-icon--arrow {
    right: auto;
    left: 10px;
  }
  .c-button1.u-button--min:hover .c-icon--arrow {
    right: 5px;
  }
  .c-button1:hover .c-icon--arrow {
    right: 10px;
  }
  .c-button2 .c-icon--arrow {
    position: relative;
    right: 0;
  }
  .c-button2:hover .c-icon--arrow {
    right: -10px;
  }
  .c-button--map {
    font-size: 1.4rem;
  }
}
/*------------------------------------------- トップ MV*/
.p-top__mv {
  position: relative;
  padding-top: 170.6666%;
}

.p-topMv__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.p-topMv__txt {
  font-size: 4rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #fff;
  font-weight: 500;
  position: absolute;
  bottom: 40vw;
  left: 5.3333vw;
}

.p-topMv__scroll {
  width: 100%;
  position: absolute;
  bottom: 10.6666vw;
  left: 0;
  display: flex;
  justify-content: center;
}

.p-topMvScroll__inner .c-icon--mouse {
  font-size: 2.6rem;
  color: #fff;
  display: block;
  text-align: center;
  margin-bottom: 10px;
}

.p-topMvScroll__txt {
  font-size: 1.2rem;
  text-transform: uppercase;
  line-height: 1;
  color: #fff;
  -webkit-animation: move-y 0.8s infinite alternate ease-in-out;
          animation: move-y 0.8s infinite alternate ease-in-out;
}

.p-topMv__slider {
  z-index: -1;
  width: 100%;
  height: 100%;
}

.p-topMv__sliderImage {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}

@media screen and (min-width: 768px) {
  .p-top__mv {
    padding-top: 41.6666%;
  }
  .p-topMv__txt {
    bottom: 13.0208vw;
    left: 12.5vw;
  }
  .p-topMv__scroll {
    bottom: 2.6041vw;
  }
}
@media screen and (min-width: 1200px) {
  .p-topMv__txt {
    font-size: 6rem;
    line-height: 1;
  }
  .p-topMv__txt br {
    display: none;
  }
  .p-topMvScroll__inner .c-icon--mouse {
    font-size: 3rem;
  }
  .p-topMvScroll__txt {
    font-size: 1.4rem;
  }
}
/*------------------------------------------- トップ about us*/
.p-topAbout__list > ul > li {
  margin-bottom: 40px;
}
.p-topAbout__list > ul > li:last-child {
  margin-bottom: 0;
}

.p-topAbout__img {
  position: relative;
  padding-top: 102.8985%;
  width: 100%;
  margin-bottom: 20px;
}

.p-topAboutImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: no-repeat center/cover;
}
.p-topAboutImg.u-topAboutImg1 {
  background-image: url(../img/top/about/about1_sp.jpg);
}
.p-topAboutImg.u-topAboutImg2 {
  background-image: url(../img/top/about/about2_sp.jpg);
}
.p-topAboutImg.u-topAboutImg3 {
  background-image: url(../img/top/about/about3_sp.jpg);
}

.p-topAbout__txt .c-title + p {
  margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
  .p-topAbout__list > ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
  }
  .p-topAbout__list > ul > li {
    width: 33.3333%;
    padding: 0 10px;
    margin: 0;
  }
  .p-topAbout__img {
    padding-top: 138.8888%;
  }
  .p-topAboutImg.u-topAboutImg1 {
    background-image: url(../img/top/about/about1_pc.jpg);
  }
  .p-topAboutImg.u-topAboutImg2 {
    background-image: url(../img/top/about/about2_pc.jpg);
  }
  .p-topAboutImg.u-topAboutImg3 {
    background-image: url(../img/top/about/about3_pc.jpg);
  }
}
@media screen and (min-width: 1200px) {
  .p-topAbout__list > ul {
    margin: 0 -30px;
  }
  .p-topAbout__list > ul > li {
    padding: 0 30px;
  }
  .p-topAbout__link:hover .c-button2 .c-icon--arrow {
    right: -10px;
  }
  .p-topAbout__img {
    margin-bottom: 30px;
  }
  .p-topAbout__txt .c-title + p {
    margin-bottom: 20px;
  }
}
/*------------------------------------------- トップ interview*/
.p-topInterview__inner {
  padding: 0 15px;
  margin-bottom: 70px;
}

.p-topInterviewSlider__main {
  position: relative;
  margin: 0 0 30px -15px;
}
.p-topInterviewSlider__main .swiper-slide {
  transition: opacity 0.6s;
  opacity: 0;
}
.p-topInterviewSlider__main .swiper-slide.swiper-slide-active {
  opacity: 1;
}

.p-topInterviewSliderMain__txt {
  margin-bottom: 30px;
  padding-left: 15px;
}

.p-topInterviewSliderMain__img {
  position: relative;
  padding-top: 67.2222%;
}
.p-topInterviewSliderMain__img > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.p-interview__cat {
  display: inline-block;
  color: #fff;
  letter-spacing: 0.05em;
  padding: 8px 19px;
  background-color: #ffa800;
  margin-bottom: 15px;
}

.p-interview__title {
  font-size: 1.6rem;
  line-height: 1.5;
  margin: -6px 0 15px;
}

.p-interview__entry {
  margin: -3px 0 20px;
  line-height: 1.2;
}

.p-topInterviewMainSwiperButton__area {
  display: flex;
  position: absolute;
  right: 0;
}
.p-topInterviewMainSwiperButton__area .p-swiper-button {
  width: 40px;
  height: 40px;
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  margin: 0;
  background-color: #006ebb;
  transition: background-color 0.6s;
  opacity: 1;
}
.p-topInterviewMainSwiperButton__area .p-swiper-button::before {
  display: block;
  content: "";
  width: 12px;
  height: 12px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
}
.p-topInterviewMainSwiperButton__area .p-swiper-button::after {
  content: none;
}
.p-topInterviewMainSwiperButton__area .p-swiper-button:focus {
  outline: none;
}
.p-topInterviewMainSwiperButton__area .p-swiper-button.swiper-button-prev::before {
  transform: scale(-1, 1) rotate(-45deg);
  margin-right: -5px;
}
.p-topInterviewMainSwiperButton__area .p-swiper-button.swiper-button-next::before {
  margin-left: -5px;
}
.p-topInterviewMainSwiperButton__area .p-swiper-button.swiper-button-disabled {
  background-color: #9b9b9b;
}

.p-topInterviewSlider__sub {
  margin-right: -15px;
}
.p-topInterviewSlider__sub .swiper-wrapper {
  margin-left: -59.7946vw;
}

.p-topInterviewSliderSub__img {
  position: relative;
  padding-top: 70.5%;
}
.p-topInterviewSliderSub__img > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 767px) {
  .p-topInterviewMainSwiperButton__area {
    top: auto !important;
    bottom: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  .p-topInterviewSliderMain__inner {
    display: flex;
  }
  .p-topInterviewSliderMain__txt {
    width: calc(100% - 47.9166vw - 20px);
    order: 2;
    padding: 0;
    margin-bottom: 0;
    display: flex;
    align-items: center;
  }
  .p-topInterviewSliderMain__txt .c-button1 {
    margin: 0;
  }
  .p-topInterviewSliderMainTxt__inner {
    width: 100%;
  }
  .p-interview__entry {
    text-align: end;
  }
  .p-topInterviewSliderMain__img {
    width: 47.9166vw;
    order: 1;
    margin-right: 20px;
    padding-top: 32.18%;
  }
  .p-topInterviewMainSwiperButton__area {
    right: auto;
    left: calc(47.9166vw - 80px);
  }
  .p-topInterviewSlider__sub .swiper-wrapper {
    margin-left: -29.6015vw;
  }
  .p-topInterviewSliderSub__img {
    padding-top: 70.47%;
  }
}
@media screen and (min-width: 1200px) {
  .p-topInterview__inner {
    padding: 0 60px 0 15px;
    margin-bottom: 90px;
  }
  .p-topInterviewSliderMain__img {
    margin-right: 60px;
  }
  .p-interview__cat {
    padding: 13px 28px;
    margin-bottom: 20px;
  }
  .p-interview__title {
    font-size: 2.6rem;
    line-height: 1.3846;
  }
  .p-topInterviewSliderMain__txt {
    width: calc(100% - 47.9166vw - 60px);
  }
  .p-topInterviewSlider__sub {
    margin-right: -60px;
  }
}
@media screen and (min-width: 1400px) {
  .p-topInterview__inner {
    position: relative;
  }
  .p-topInterviewSliderMain__txt {
    padding: 0 0 150px;
    align-items: unset;
  }
  .p-topInterviewSliderMainTxt__inner {
    max-width: 700px;
  }
  .p-topInterviewMainSwiperButton__area {
    left: calc(47.9166vw - 120px);
  }
  .p-topInterviewMainSwiperButton__area .p-swiper-button {
    width: 60px;
    height: 60px;
  }
  .p-topInterviewMainSwiperButton__area .p-swiper-button::before {
    width: 15px;
    height: 15px;
    border-right-width: 3px;
    border-bottom-width: 3px;
  }
  .p-topInterviewSlider__sub {
    width: calc(100% - 47.9166vw - 60px);
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
  }
  .p-topInterviewSlider__sub .swiper-wrapper {
    margin-left: -14.4742vw;
  }
}
@media screen and (min-width: 1600px) {
  .p-topInterviewSliderMain__txt {
    padding: 0 0 250px;
  }
  .p-interview__entry {
    margin: -3px 0 40px;
  }
}
/*------------------------------------------- トップ project*/
.p-topProject__list > ul > li {
  margin-bottom: 40px;
}
.p-topProject__list > ul > li:last-child {
  margin-bottom: 0;
}

.p-topProject__link {
  position: relative;
  padding-top: 70.7246%;
}

.p-topProject__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: no-repeat center/contain;
}
.p-topProject__bg.u-topProject__bg1 {
  background-image: url(../img/top/project/project1.jpg);
}
.p-topProject__bg.u-topProject__bg2 {
  background-image: url(../img/top/project/project2.jpg);
}
.p-topProject__bg.u-topProject__bg3 {
  background-image: url(../img/top/project/project3.jpg);
}
.p-topProject__bg.u-topProject__bg4 {
  background-image: url(../img/top/project/project4.jpg);
}
.p-topProject__bg::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: rgba(36, 36, 36, 0.4);
  position: absolute;
  top: 0;
  left: 0;
}

.p-topProject__txt {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.p-topProject__txt .c-title2 {
  margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
  .p-topProject__list > ul {
    display: flex;
    flex-wrap: wrap;
    margin: -30px -15px 0;
  }
  .p-topProject__list > ul > li {
    width: 50%;
    padding: 30px 15px 0;
    margin: 0;
  }
  .p-topProject__link {
    padding-top: 70.6521%;
  }
}
@media screen and (min-width: 1200px) {
  .p-topProject__list > ul > li {
    width: 50%;
  }
  .p-topProject__txt .c-title2 {
    margin-bottom: 30px;
  }
}
/*------------------------------------------- トップ 採用情報*/
.p-common__entry {
  background: url(../img/common/entry_bg_sp.png) no-repeat center/cover;
}
.p-common__entry .c-title1 {
  margin-bottom: 50px;
}
.p-common__entry .c-title1--en {
  text-transform: uppercase;
}

@media screen and (min-width: 768px) {
  .p-common__entry {
    background-image: url(../img/common/entry_bg_pc.png);
  }
}
/*------------------------------------------- 下層 共通*/
.l-body--page .main p {
  line-height: 1.75;
}

/*------------------------------------------- 下層 MV*/
.l-page__mv {
  background-color: #006ebb;
  padding: 68px 0;
  position: relative;
}
.l-page__mv .c-title1 {
  margin: -5px 0 0;
}
.l-page__mv .c-title1--en {
  font-size: 4rem;
  margin-bottom: 10px;
  line-height: 1;
}

.l-pageMv__line {
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.l-pageMv__line::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 14px;
}

@media screen and (min-width: 1400px) {
  .l-page__mv {
    padding: 120px 0;
  }
  .l-page__mv .c-title1 {
    margin: -9px 0 0;
  }
  .l-page__mv .c-title1--en {
    font-size: 6rem;
    margin-bottom: 25px;
  }
  .l-pageMv__line {
    height: 60px;
  }
}
/*------------------------------------------- 下層  ぱんくす*/
.l-breadcrumb {
  padding-top: 30px;
}

.l-breadcrumb__list {
  display: flex;
  align-items: center;
}
.l-breadcrumb__list > li {
  position: relative;
}
.l-breadcrumb__list > li > a {
  font-size: 1.2rem;
  color: #006ebb;
}
.l-breadcrumb__list > li > a > span {
  letter-spacing: 0.05em;
  border-bottom: 1px solid #006ebb;
}
.l-breadcrumb__list > li:last-child > a {
  color: #b2b2b2;
  pointer-events: none;
}
.l-breadcrumb__list > li:last-child > a > span {
  border-bottom: none;
}
.l-breadcrumb__list > li + li {
  margin-left: 25px;
}
.l-breadcrumb__list > li + li::before {
  display: block;
  content: "";
  position: absolute;
  top: 5px;
  left: -18px;
  width: 7px;
  height: 7px;
  border-right: 1px solid #b2b2b2;
  border-bottom: 1px solid #b2b2b2;
  transform: rotate(-45deg);
}

@media screen and (max-width: 991px) {
  .l-breadcrumb__list {
    white-space: nowrap;
    overflow-x: scroll;
  }
}
@media screen and (min-width: 1200px) {
  .l-breadcrumb {
    padding-top: 40px;
  }
  .l-breadcrumb__list > li > a {
    font-size: 1.4rem;
  }
}
/*------------------------------------------- 下層 一覧*/
.p-article__archive > ul > li {
  margin-bottom: 50px;
}
.p-article__archive > ul > li:last-child {
  margin-bottom: 0;
}

.p-articleArchive__img {
  position: relative;
  padding-top: 75.29%;
  margin-bottom: 30px;
}

.p-articleArchive__title {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.4;
  color: #006ebb;
  margin: -5px 0 15px;
}
.p-articleArchive__title + p {
  line-height: 1.75;
  margin: -7px 0 20px;
}

@media screen and (min-width: 768px) {
  .p-article__archive > ul {
    display: flex;
    flex-wrap: wrap;
    margin: -50px 0 0 -20px;
  }
  .p-article__archive > ul > li {
    width: 50%;
    padding: 50px 0 0 20px;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1200px) {
  .p-article__archive > ul {
    margin: -60px 0 0 -60px;
  }
  .p-article__archive > ul > li {
    width: 33.3333%;
    padding: 60px 0 0 60px;
  }
  .p-articleArchive__img {
    margin-bottom: 40px;
  }
  .p-articleArchive__title {
    font-size: 2.4rem;
    margin: -7px 0 25px;
  }
  .p-articleArchive__title + p {
    margin-bottom: 30px;
  }
}
/*------------------------------------------- 下層 カード（PC時 横並べ）*/
.p-card__wrapper > ul > li {
  margin-bottom: 70px;
}
.p-card__wrapper > ul > li:last-child {
  margin-bottom: 0;
}

.p-cardImg__area {
  margin-bottom: 40px;
}

.p-cardImg {
  position: relative;
  padding-top: 66.6666%;
}

.p-card__txt .c-title3 + p {
  margin-bottom: 35px;
  line-height: 1.75;
}

@media screen and (min-width: 768px) {
  .p-card__inner {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
  }
  .p-card__inner.p-card__inner--right .p-card__txt {
    order: 1;
  }
  .p-card__inner.p-card__inner--right .p-cardImg__area {
    order: 2;
  }
  .p-card__txt,
.p-cardImg__area {
    width: 50%;
    padding: 0 15px;
  }
  .p-cardImg__area {
    margin-bottom: 0;
  }
  .p-card__txt .c-button1 {
    margin-right: 0;
  }
}
@media screen and (min-width: 1200px) {
  .p-card__wrapper > ul > li {
    margin-bottom: 80px;
  }
  .p-card__inner {
    margin: 0 -30px;
  }
  .p-card__txt,
.p-cardImg__area {
    padding: 0 30px;
  }
  .p-card__txt .c-title3 + p {
    margin-bottom: 55px;
  }
}
/*------------------------------------------- 下層 ケーブルテレビ事業*/
.p-businessCable-tv .c-title3 {
  margin-bottom: 40px;
}

.p-businessCable-tv__img {
  display: flex;
  justify-content: center;
  margin-bottom: 70px;
}

.p-businessCable-tv__box + .p-businessCable-tv__box {
  padding-top: 35px;
}

@media screen and (min-width: 768px) {
  .p-businessCable-tv__box .c-title4 br {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .p-businessCable-tv .c-title3 {
    margin-bottom: 60px;
  }
  .p-businessCable-tv__img {
    margin-bottom: 80px;
  }
  .p-businessCable-tv__box + .p-businessCable-tv__box {
    padding-top: 55px;
  }
}
/*------------------------------------------- 下層 各種販売事業*/
.p-salseArchive__txt {
  margin-bottom: 70px;
  background-color: #ecf5ff;
  padding: 15px;
}
.p-salseArchive__txt .p-salseArchive__inner > p {
  text-align: center;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.4;
  margin: -5px 0 10px;
}
.p-salseArchive__txt .p-salseArchive__inner > p:last-child {
  margin-bottom: 0;
}

.p-salseDetails__wrapper {
  margin-bottom: 60px;
}

.p-salseDetailsImg__area {
  margin-bottom: 40px;
}

.p-swiper-container--salse {
  margin-bottom: 30px;
}

.p-salseSlider__img {
  position: relative;
  padding-top: 75.36%;
}

.p-salseSliderSub__img {
  position: relative;
  padding-top: 75.23%;
  border: 1px solid transparent;
  opacity: 0.5;
  transition: border 0.6s, opacity 0.6s;
}

.swiper-slide-active .p-salseSliderSub__img {
  border-color: #b2b2b2;
  opacity: 1;
}

.p-salseModelNumber__area {
  margin-bottom: 25px;
}
.p-salseModelNumber__area > ul > li {
  margin: -3px 0 15px;
  display: flex;
  align-items: center;
}
.p-salseModelNumber__area > ul > li:last-child {
  margin-bottom: 0;
}

.p-salseModelNumber__icons {
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.05em;
  padding: 3.5px 9px;
  background-color: #ffa800;
  display: block;
  margin-right: 15px;
}

.p-salseModelNumber__txt {
  font-size: 1.6rem;
}

.p-salseDetails__point {
  padding: 60px 20px 50px;
  background-color: #ecf5ff;
  margin: 0 -15px 70px;
  position: relative;
}
.p-salseDetails__point.u-type2 {
  padding: 0;
  background-color: #fff;
  margin: 0 0 70px;
}
.p-salseDetails__point.u-type2 .p-salseDetailsPoint__txt {
  color: #ecf5ff;
  top: -20px;
}
.p-salseDetails__point.u-type2 .p-salseDetailsPoint__inner > ul > li {
  padding-left: 20px;
}
.p-salseDetails__point.u-type2 .p-salseDetailsPoint__inner > ul > li::before {
  border: none;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  transform: none;
  background-color: #006ebb;
  top: 4px;
}

.p-salseDetailsPoint__txt {
  color: #fff;
  font-size: 3.2rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  line-height: 1;
}

.p-salseDetailsPoint__inner > ul > li {
  padding-left: 30px;
  position: relative;
  margin: -3px 0 20px;
}
.p-salseDetailsPoint__inner > ul > li::before {
  display: block;
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 15px;
  height: 9px;
  border-left: 4px solid #006ebb;
  border-bottom: 4px solid #006ebb;
  transform: rotate(-45deg);
}
.p-salseDetailsPoint__inner > ul > li:last-child {
  margin-bottom: 0;
}
.p-salseDetailsPoint__inner > ul > li > span {
  font-size: 1.5rem;
  line-height: 1.2;
  letter-spacing: 0.05em;
}

.p-actionButton__area > ul > li {
  margin-bottom: 40px;
}
.p-actionButton__area > ul > li:last-child {
  margin-bottom: 0;
}

.p-salseDetails__button .u-button1--color2 .c-icon--arrow {
  display: none;
}

.p-salseDetails__tel {
  margin-top: 40px;
  display: flex;
  justify-content: center;
}
.p-salseDetails__tel > p {
  text-align: center;
}
.p-salseDetails__tel > p > span {
  display: block;
  margin-bottom: 5px;
}
.p-salseDetails__tel > p > .c-link {
  font-size: 3.5rem;
  line-height: 1;
}

@media screen and (min-width: 768px) {
  .p-salseArchive__txt {
    display: flex;
    justify-content: center;
  }
  .p-salseArchive__txt .p-salseArchive__inner > p {
    text-align: left;
  }
  .p-salseArchive__txt .p-salseArchive__inner > p br {
    display: none;
  }
  .p-salseDetails__wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 60px;
  }
  .p-salseDetailsImg__area {
    margin: 0;
    width: 50%;
    padding: 0 15px;
  }
  .p-salseSlider__img {
    padding-top: 62.87%;
  }
  .p-salseSliderSub__img {
    padding-top: 75.29%;
  }
  .p-salseDetailsTxt__area {
    width: 50%;
    padding: 0 15px;
  }
  .p-salseDetailsPoint__inner {
    display: flex;
    justify-content: center;
  }
  .p-actionButton__area > ul {
    display: flex;
    flex-wrap: wrap;
  }
  .p-actionButton__area > ul > li {
    width: 50%;
    padding: 0 30px;
    margin: 0;
  }
  .p-actionButton__area > ul > li:first-child {
    order: 2;
  }
  .p-actionButton__area > ul > li:first-child .c-button {
    margin-left: 0;
  }
  .p-actionButton__area > ul > li:last-child {
    order: 1;
  }
  .p-actionButton__area > ul > li:last-child .c-button {
    margin-right: 0;
  }
  .p-salseDetails__tel {
    margin-top: 40px;
    display: flex;
    justify-content: center;
  }
  .p-salseDetails__tel > p > .c-link {
    color: #242424;
  }
  .p-salseDetails__tel > p > .c-link .c-link__txt {
    border-bottom: none;
  }
}
@media screen and (min-width: 1200px) {
  .p-salseArchive__txt {
    padding: 40px 15px;
    margin-bottom: 80px;
  }
  .p-salseArchive__txt .p-salseArchive__inner > p {
    font-size: 2rem;
    margin: -5px 0 20px;
  }
  .p-salseDetails__wrapper {
    margin: 0 -30px 80px;
  }
  .p-salseDetailsImg__area {
    padding: 0 30px;
  }
  .p-swiper-container--salse {
    margin-bottom: 40px;
  }
  .p-salseDetailsTxt__area {
    padding: 0 30px;
  }
  .p-salseDetailsTxt__area .c-title2 {
    margin-bottom: 30px;
  }
  .p-salseModelNumber__area {
    margin-bottom: 40px;
  }
  .p-salseModelNumber__area > ul > li {
    margin-bottom: 18px;
  }
  .p-salseModelNumber__icons {
    margin-right: 20px;
  }
  .p-salseModelNumber__txt {
    font-size: 1.8rem;
  }
  .p-salseDetails__point {
    padding: 85px 30px 80px;
    margin: 0 0 80px;
  }
  .p-salseDetails__point.u-type2 {
    margin: 100px 0 80px;
  }
  .p-salseDetails__point.u-type2 .p-salseDetailsPoint__txt {
    top: -40px;
  }
  .p-salseDetails__point.u-type2 .p-salseDetailsPoint__inner > ul > li {
    padding-left: 40px;
  }
  .p-salseDetails__point.u-type2 .p-salseDetailsPoint__inner > ul > li::before {
    width: 15px;
    height: 15px;
  }
  .p-salseDetailsPoint__txt {
    font-size: 6rem;
    top: 50px;
  }
  .p-salseDetailsPoint__inner > ul > li {
    padding-left: 40px;
    margin-bottom: 30px;
  }
  .p-salseDetailsPoint__inner > ul > li::before {
    width: 21px;
    height: 11px;
  }
  .p-salseDetailsPoint__inner > ul > li > span {
    font-size: 1.8rem;
  }
  .p-actionButton__area > ul > li {
    padding: 0 60px;
  }
  .p-salseDetails__button .u-button1--color2 {
    max-width: 386px;
  }
  .p-salseDetails__button .u-button1--color2 .c-icon--arrow {
    display: block;
  }
  .p-salseDetails__tel {
    margin-top: 60px;
  }
  .p-salseDetails__tel > p > .c-link {
    font-size: 4rem;
  }
}
/*------------------------------------------- 下層 ブログ*/
.p-blogEyeCatch__area {
  margin-bottom: 70px;
}

.p-blogEyeCatch {
  position: relative;
  padding-top: 75.07%;
  max-width: 840px;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .p-blogEyeCatch {
    padding-top: 52.5%;
  }
}
@media screen and (min-width: 1200px) {
  .p-blogEyeCatch {
    margin-bottom: 80px;
  }
}
/*------------------------------------------- 下層 会社概要*/
.p-company__block {
  padding-top: 70px;
}
.p-company__block:first-child {
  padding-top: 0;
}
.p-company__block .c-list > li {
  margin-bottom: 5px;
}
.p-company__block .c-list > li::before {
  top: 11px;
}

.p-companyGreeting__area {
  display: flex;
  flex-wrap: wrap;
}

.p-companyGreeting__img {
  width: 100%;
  order: 1;
  margin-bottom: 30px;
}

.p-companyGreetingImg {
  position: relative;
  padding-top: 66.6666%;
}
.p-companyGreetingImg > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.p-companyGreeting__txt {
  width: 100%;
  order: 2;
}
.p-companyGreeting__txt .c-txt__box p {
  font-size: 1.6rem;
  line-height: 2;
  margin: -9px 0 20px;
}
.p-companyGreeting__txt .c-txt__box p:last-child {
  font-weight: 500;
  text-align: end;
  margin-bottom: 0;
}

.p-companyLocation__box {
  padding: 20px;
}
.p-companyLocation__box:nth-child(odd) {
  background-color: #ecf5ff;
}

.p-companyLocation__title {
  margin: -5px 0 15px;
}
.p-companyLocation__title > p {
  font-weight: 500;
}

.p-companyLocation__txt {
  margin-top: -4px;
}

.p-companyLocation__address {
  margin-bottom: 10px;
  position: relative;
  line-height: 1.4;
}
.p-companyLocation__address .c-button--map {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.p-companyLocation__tel {
  margin-top: -3px;
}
.p-companyLocation__tel > ul > li {
  margin-bottom: 5px;
}
.p-companyLocation__tel > ul > li:last-child {
  margin-bottom: 0;
}

.p-companyHistory__box {
  display: flex;
  padding-bottom: 15px;
}
.p-companyHistory__box + .p-companyHistory__box--first {
  padding-top: 15px;
  border-top: 1px solid #ecf5ff;
}
.p-companyHistory__box:not(.p-companyHistory__box--first) {
  margin-top: -6px;
}

.p-companyHistory__year {
  min-width: 80px;
}
.p-companyHistory__year > p {
  font-weight: 500;
}

.p-companyHistory__list {
  width: calc(100% - 80px);
}
.p-companyHistory__list > ul > li {
  margin-bottom: 10px;
}
.p-companyHistory__list > ul > li:last-child {
  margin-bottom: 0;
}

.p-companyHistory__month {
  margin-bottom: 5px;
}
.p-companyHistory__month > p {
  font-weight: 500;
}

.p-companyHistory__contents {
  margin-top: -4px;
}

@media screen and (min-width: 768px) {
  .p-companyGreeting__area {
    margin: 0 -10px;
  }
  .p-companyGreeting__img {
    width: 50%;
    padding: 0 10px;
    order: 2;
    margin: 0;
  }
  .p-companyGreeting__txt {
    width: 50%;
    padding: 0 10px;
    order: 1;
  }
  .p-companyLocation__box {
    display: flex;
    align-items: center;
  }
  .p-companyLocation__title {
    width: 150px;
    margin-bottom: 0;
  }
  .p-companyLocation__txt {
    margin-top: 0;
  }
  .p-companyLocation__address br {
    display: none;
  }
  .p-companyLocation__address .c-button--map {
    position: relative;
    top: auto;
    right: auto;
    transform: none;
    margin-left: 20px;
  }
  .p-companyLocation__tel > ul {
    display: flex;
    align-items: center;
  }
  .p-companyLocation__tel > ul > li {
    margin-bottom: 0;
  }
  .p-companyLocation__tel > ul > li + li {
    margin-left: 20px;
  }
  .p-companyHistory__list > ul > li {
    display: flex;
    align-items: center;
  }
  .p-companyHistory__month {
    min-width: 35px;
    margin: 0 40px 0 0;
  }
  .p-companyHistory__contents {
    margin-top: 0;
  }
}
@media screen and (min-width: 1200px) {
  .p-company__block {
    padding-top: 80px;
  }
  .p-company__block .c-list > li::before {
    top: 13px;
  }
  .p-companyGreeting__area {
    margin: 0 -30px;
  }
  .p-companyGreeting__img {
    padding: 0 30px;
  }
  .p-companyGreetingImg {
    padding-top: 66.7832%;
  }
  .p-companyGreeting__txt {
    padding: 0 30px;
  }
  .p-companyGreeting__txt .c-txt__box p {
    font-size: 1.8rem;
    margin-bottom: 50px;
  }
  .p-companyLocation__box {
    padding: 22px 30px;
  }
  .p-companyLocation__title {
    width: 240px;
  }
  .p-companyLocation__address {
    margin-bottom: 15px;
  }
  .p-companyLocation__tel > ul > li + li {
    margin-left: 40px;
  }
  .p-companyHistory__box {
    padding-bottom: 19px;
  }
  .p-companyHistory__box + .p-companyHistory__box--first {
    padding-top: 19px;
  }
  .p-companyHistory__year {
    min-width: 100px;
  }
  .p-companyHistory__list {
    width: calc(100% - 100px);
  }
  .p-companyHistory__list > ul > li {
    margin-bottom: 15px;
  }
  .p-companyHistory__month {
    min-width: 40px;
    margin: 0 55px 0 0;
  }
}
/*------------------------------------------- 下層 お問い合わせ・フォーム*/
.p-form__inner {
  max-width: 1000px;
  margin: 0 auto;
}
.p-form__inner .c-table--form {
  margin-bottom: 35px;
  border: none;
}
.p-form__inner .c-table--form th {
  background-color: #fff;
  padding: 0 15px 15px;
  line-height: 1.4;
}
.p-form__inner .c-table--form th label {
  display: flex;
  align-items: flex-start;
  font-weight: 500;
}
.p-form__inner .c-table--form td {
  padding: 0 15px 25px;
}
.p-form__inner .c-table--form tr + tr {
  border-top: 1px solid #ecf5ff;
}
.p-form__inner .c-table--form tr + tr th {
  padding-top: 25px;
}

.p-must {
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
  background-color: #ffa800;
  padding: 4px 7px;
  margin-right: 15px;
  display: inline-block;
  line-height: 1;
}

.p-input,
.p-textarea {
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  background-color: #ecf5ff;
  transition: border-color 0.6s, background-color 0.6s;
  border: 1px solid transparent;
  padding: 7px 15px;
  width: 100%;
  display: block;
}

.p-textarea {
  resize: vertical;
}

.p-input {
  height: 35px;
  padding: 5px 15px;
}
.p-input.p-input--min {
  max-width: 300px;
}

.p-form__privacy input {
  display: none;
}
.p-form__privacy input:checked + .p-check__item::after {
  opacity: 1;
}

.p-formPrivacy__txt {
  margin-bottom: 10px;
}

.p-check__item {
  position: relative;
  font-weight: 500;
  letter-spacing: 0.06em;
  padding: 5px 0 5px 1.2em;
  display: block;
}
.p-check__item::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 1px solid #006ebb;
  position: absolute;
  top: 9px;
  left: 0;
}
.p-check__item::after {
  display: block;
  content: "";
  position: absolute;
  top: 9px;
  left: 2px;
  width: 10px;
  height: 5px;
  border-left: 2px solid #006ebb;
  border-bottom: 2px solid #006ebb;
  transform: rotate(-45deg);
  opacity: 0;
  transition: opacity 0.6s;
  pointer-events: none;
}

.c-select__area {
  position: relative;
  max-width: 300px;
}
.c-select__area::before {
  display: block;
  content: "";
  position: absolute;
  top: 45%;
  right: 20px;
  width: 9px;
  height: 9px;
  border-right: 2px solid #006ebb;
  border-bottom: 2px solid #006ebb;
  transform: translateY(-50%) rotate(45deg);
  pointer-events: none;
}

.c-select {
  width: 100%;
  height: 35px;
  display: block;
  padding: 5px 10px;
  border: 1px solid #006ebb;
}

.p-radio__area > ul > li {
  margin-bottom: 15px;
}
.p-radio__area > ul > li input {
  display: none;
}
.p-radio__area > ul > li input:checked + .p-radio__label::after {
  opacity: 1;
}
.p-radio__area > ul > li:last-child {
  margin-bottom: 0;
}

.p-radio__label {
  position: relative;
  padding-left: 25px;
  display: block;
  letter-spacing: 0.05em;
}
.p-radio__label::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  border: 1px solid #006ebb;
  position: absolute;
  top: 1px;
  left: 0;
}
.p-radio__label::after {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  background-color: #006ebb;
  border-radius: 100%;
  position: absolute;
  top: 4px;
  left: 3px;
  opacity: 0;
  transition: opacity 0.6s;
  pointer-events: none;
}

.p-address__box {
  margin-bottom: 20px;
}
.p-address__box > p {
  margin: -5px 0 10px;
}
.p-address__box:last-child {
  margin-bottom: 0;
}

.p-error__txt {
  font-size: 1.2rem;
  color: #db3c3c;
  margin-top: 10px;
}

@media screen and (min-width: 768px) {
  .p-form__inner .c-table--form th {
    width: 320px;
    padding: 0 0 25px 15px;
  }
  .p-form__inner .c-table--form th label {
    margin-top: 5px;
  }
  .p-form__inner .c-table--form td {
    padding-left: 0;
  }
  .p-form__inner .c-table--form tr + tr th {
    border-top: 1px solid #ecf5ff;
  }
  .p-form__inner .c-table--form tr + tr td {
    padding-top: 25px;
  }
  .p-radio__area > ul {
    display: flex;
    flex-wrap: wrap;
    margin: -20px 0 0 -20px;
  }
  .p-radio__area > ul > li {
    margin: 0;
    padding: 20px 0 0 20px;
  }
}
@media screen and (min-width: 1200px) {
  .p-form__inner .c-table--form {
    margin-bottom: 40px;
  }
  .p-form__inner .c-table--form th {
    padding: 0 0 30px 30px;
  }
  .p-form__inner .c-table--form th label {
    margin-top: 8px;
  }
  .p-form__inner .c-table--form td {
    padding: 0 30px 30px 0;
  }
  .p-form__inner .c-table--form tr + tr th,
.p-form__inner .c-table--form tr + tr td {
    padding-top: 30px;
  }
  .p-must {
    font-size: 1.4rem;
    margin-right: 20px;
  }
  .p-input,
.p-textarea {
    padding: 10px 15px;
  }
  .p-input {
    height: 40px;
    padding: 5px 15px;
  }
  .p-check__item {
    padding: 5px 0 5px 1.5em;
  }
  .p-check__item::before {
    width: 12px;
    height: 12px;
  }
  .p-check__item::after {
    top: 9px;
    left: 2px;
    width: 12px;
    height: 6px;
  }
  .c-select {
    height: 40px;
  }
  .p-radio__area {
    padding-top: 5px;
  }
  .p-radio__area > ul {
    margin: -20px 0 0 -30px;
  }
  .p-radio__area > ul > li {
    margin: 0;
    padding: 20px 0 0 30px;
  }
  .p-radio__label {
    padding-left: 30px;
  }
  .p-radio__label::before {
    width: 20px;
    height: 20px;
    top: 0;
  }
  .p-radio__label::after {
    width: 14px;
    height: 14px;
    top: 3px;
  }
  .p-address__box {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
  }
  .p-address__box > p {
    white-space: nowrap;
    margin: 0 30px 0 0;
  }
  .p-addressBox__inner {
    width: 100%;
  }
}
/*------------------------------------------- 下層 サンクス*/
.p-thaks .c-title3 + p {
  margin-bottom: 40px;
}

@media screen and (min-width: 1200px) {
  .p-thaks .c-title3 + p {
    margin-bottom: 60px;
  }
}
/*------------------------------------------- 下層 プライバシーポリシー*/
.p-privacy__block {
  counter-reset: privacyNumber;
}
.p-privacy__block:first-child {
  padding-top: 0;
}
.p-privacy__block .c-title3 + p {
  margin-bottom: 35px;
}
.p-privacy__block .c-list {
  margin-bottom: 40px;
}
.p-privacy__block .p-privacy__address {
  margin: -5px 0 15px;
}
.p-privacy__block .p-privacy__day {
  text-align: end;
}
.p-privacy__block .p-privacy__day > p {
  margin-bottom: 20px;
}
.p-privacy__block .p-privacy__day > p:last-child {
  margin-bottom: 0;
}
.p-privacy__block .p-privacy__day > p:last-child span {
  display: block;
}
.p-privacy__block > *:last-child {
  margin-bottom: 0 !important;
}
.p-privacy__block p {
  line-height: 1.75;
}

.p-privacy__block--min + .p-privacy__block--min {
  padding-top: 35px;
}
.p-privacy__block--min .c-title4 {
  padding-left: 30px;
}
.p-privacy__block--min .c-title4::before {
  counter-increment: privacyNumber;
  content: counter(privacyNumber) ".";
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 10px;
}

.p-privacy__box > p:first-child {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 20px;
}
.p-privacy__box > p:first-child + p {
  margin-bottom: 20px;
}
.p-privacy__box > p + .p-privacyBox__child {
  padding-top: 0;
}
.p-privacy__box > *:last-child {
  margin-bottom: 0 !important;
}
.p-privacy__box + .p-privacy__box {
  padding-top: 25px;
}

.p-privacyBox__child {
  margin-top: -5px;
  padding-top: 15px;
}
.p-privacyBox__child > p {
  margin-bottom: 10px;
}
.p-privacyBox__child > p:last-child {
  margin-bottom: 0;
}
.p-privacyBox__child > ul {
  margin-top: -2px;
  padding-left: 1em;
}
.p-privacyBox__child > ul > li {
  margin-bottom: 5px;
}
.p-privacyBox__child > ul > li:last-child {
  margin-bottom: 0;
}
.p-privacyBox__child + p {
  padding-top: 15px;
}
.p-privacyBox__child:first-child {
  padding-top: 0;
}

.p-privacy__contact {
  padding-top: 45px;
}
.p-privacy__contact > p {
  font-weight: 500;
}
.p-privacy__contact > ul > li {
  letter-spacing: 0.05em;
}

@media screen and (min-width: 1200px) {
  .p-privacy__block .c-title3 + p {
    margin-bottom: 55px;
  }
  .p-privacy__block p {
    line-height: 1.75;
  }
  .p-privacy__block > .c-list {
    margin-bottom: 55px;
  }
  .p-privacy__block > .c-list > li {
    margin-bottom: 20px;
  }
  .p-privacy__block .p-privacy__day > p {
    margin-bottom: 25px;
  }
  .p-privacy__block .p-privacy__day > p:last-child {
    display: flex;
    justify-content: flex-end;
  }
  .p-privacy__block .p-privacy__day > p:last-child span + span {
    margin-left: 20px;
  }
  .p-privacy__block--min .c-title4 {
    padding-left: 40px;
  }
  .p-privacy__block--min .c-title4::before {
    left: 20px;
  }
  .p-privacy__block--min + .p-privacy__block--min {
    padding-top: 60px;
  }
  .p-privacy__box > p:first-child {
    font-size: 1.8rem;
    margin-bottom: 25px;
  }
  .p-privacy__box > p:first-child + p {
    margin-top: -7px;
  }
  .p-privacy__box + .p-privacy__box {
    padding-top: 30px;
  }
  .p-privacyBox__child > ul > li {
    margin-bottom: 10px;
  }
  .p-privacyBox__child + p {
    padding-top: 20px;
  }
  .p-privacy__address {
    display: flex;
  }
  .p-privacy__address > li + li {
    margin-left: 20px;
  }
  .p-privacy__contact {
    padding-top: 50px;
  }
  .p-privacy__contact > p {
    margin-bottom: 10px;
  }
  .p-privacy__contact > ul {
    display: flex;
    margin-top: -3px;
  }
  .p-privacy__contact > ul > li + li {
    margin-left: 10px;
  }
}
/*------------------------------------------- 下層 採用情報*/
.p-recruit__mv {
  position: relative;
  padding-top: 93.3333%;
  background: url(../img/recruit/mv_recuit_sp.jpg) no-repeat center/cover;
}

.p-recruitMv__title {
  font-size: 3.6rem;
  font-weight: 500;
  line-height: 1.5;
  color: #fff;
  letter-spacing: 0.05em;
  position: absolute;
  bottom: 21.33vw;
  left: 4vw;
}

.p-recruit__block .c-title3 + .c-txt__box {
  margin-top: -7px;
}
.p-recruit__block .c-txt__box > p {
  margin-bottom: 15px;
}
.p-recruit__block .c-txt__box > p:last-child {
  margin-bottom: 0;
}
.p-recruit__block + .p-recruit__block {
  padding-top: 65px;
}
.p-recruit__block .c-list--normal {
  margin-top: -5px;
}
.p-recruit__block .c-list--normal > li {
  margin-bottom: 5px;
}
.p-recruit__block .c-table .c-list.c-list--dot > li {
  margin-bottom: 5px;
}
.p-recruit__block .c-table .c-list.c-list--dot > li::before {
  top: 12px;
}

.p-recruit__block--min {
  padding-top: 35px;
}

.p-recruit__schedule .c-notes__box {
  display: flex;
  justify-content: flex-end;
}

.p-recruitSchedule__inner {
  margin-bottom: 40px;
}

.p-recruitSchedule__box {
  margin-bottom: 25px;
}
.p-recruitSchedule__box:last-child {
  margin-bottom: 0;
}
.p-recruitSchedule__box > ul > li {
  margin-bottom: 25px;
}
.p-recruitSchedule__box > ul > li:last-child {
  margin-bottom: 0;
}

.p-recruitSchedule__item {
  padding-left: 65px;
  position: relative;
}

.p-recruitSchedule__time {
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  position: absolute;
  top: 3px;
  left: 0;
}

.p-recruitSchedule__title {
  font-size: 1.6rem;
  font-weight: 500;
  margin: -7px 0 5px;
}

.p-recruitSchedule__contents {
  position: relative;
}
.p-recruitSchedule__contents::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: calc(100% + 15px);
  background-color: #006ebb;
  position: absolute;
  top: 0;
  left: -43px;
}

.p-recruit__banner {
  display: flex;
  justify-content: center;
}

.p-recruit__slider {
  position: relative;
  margin-bottom: 30px;
}
.p-recruit__slider .p-topInterviewSlider__main {
  margin: 0 0 30px 0;
}
.p-recruit__slider .p-topInterviewSliderMain__txt {
  padding-left: 0;
}
.p-recruit__slider .p-interview__title {
  font-size: 1.4rem;
}

.p-recruitNumber__area > ul > li {
  margin-bottom: 30px;
}
.p-recruitNumber__area > ul > li:last-child {
  margin-bottom: 0;
}

.p-recruitNumber__title {
  font-size: 1.8rem;
  font-weight: 500;
  position: relative;
  padding-left: 1.5em;
  margin: -8px 0 10px;
}
.p-recruitNumber__title::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: #006ebb;
  position: absolute;
  top: 10px;
  left: 0;
}

.p-recruitTraining__txt {
  margin-bottom: 25px;
}
.p-recruitTraining__txt > p {
  margin: -6px 0 25px;
}

.p-recruitTraining__list > ul > li {
  margin-bottom: 15px;
}
.p-recruitTraining__list > ul > li:last-child {
  margin-bottom: 0;
}
.p-recruitTraining__list .p-recruitTrainingList__title {
  font-weight: 500;
  padding-left: 1em;
  position: relative;
  margin: -6px 0 10px;
}
.p-recruitTraining__list .p-recruitTrainingList__title::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  background-color: #006ebb;
  position: absolute;
  top: 12px;
  left: 0;
}
.p-recruitTraining__list .p-recruitTrainingList__title + p {
  margin-top: -6px;
}

.p-recruitTrainingImg__inner {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -7.5px;
}

.p-recruitTrainingImg__box {
  width: 50%;
  padding: 0 7.5px;
}

.p-recruitFlow__area > ul > li {
  position: relative;
  margin-bottom: 45px;
}
.p-recruitFlow__area > ul > li + li::before {
  display: block;
  content: "";
  position: absolute;
  bottom: calc(100% + 9px);
  left: 50%;
  width: 15px;
  height: 15px;
  border-right: 2px solid #242424;
  border-bottom: 2px solid #242424;
  transform: translateX(-50%) rotate(-45deg);
}
.p-recruitFlow__area > ul > li:last-child {
  margin-bottom: 0;
}

.p-recruitFlow__img {
  padding-top: 66.6666%;
  background: no-repeat center/cover;
}
.p-recruitFlow__img.u-img1 {
  background-image: url(../img/recruit/flow_recruit1.jpg);
}
.p-recruitFlow__img.u-img2 {
  background-image: url(../img/recruit/flow_recruit2.jpg);
}
.p-recruitFlow__img.u-img3 {
  background-image: url(../img/recruit/flow_recruit3.jpg);
}

@media screen and (min-width: 768px) {
  .p-recruit__mv {
    padding-top: 26.0416%;
    background-image: url(../img/recruit/mv_recuit_pc.jpg);
  }
  .p-recruitMv__title {
    bottom: 7.8125vw;
    left: 12.5vw;
  }
  .p-recruitMv__title br {
    display: none;
  }
  .p-recruit__slider .p-topInterviewSliderMain__txt {
    width: 50%;
  }
  .p-recruit__slider .p-topInterviewSliderMain__img {
    width: 50%;
  }
  .p-recruit__slider .p-topInterviewMainSwiperButton__area {
    left: calc(50% - 90px);
  }
  .p-recruitNumber__area {
    max-width: 900px;
    margin: 0 auto;
  }
  .p-recruitNumber__area > ul {
    display: flex;
    flex-wrap: wrap;
    margin: -30px 0 0 -30px;
  }
  .p-recruitNumber__area > ul > li {
    width: 50%;
    padding: 30px 0 0 30px;
    margin-bottom: 0;
  }
  .p-recruitFlow__area > ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
  }
  .p-recruitFlow__area > ul > li {
    width: 33.3333%;
    padding: 0 15px;
    margin: 0;
  }
  .p-recruitFlow__area > ul > li + li::before {
    bottom: auto;
    top: 59%;
    left: -11px;
    transform: translateY(-50%) rotate(-45deg);
  }
}
@media screen and (min-width: 1200px) {
  .p-recruit__block .c-title3 + .c-txt__box {
    margin-top: -9px;
  }
  .p-recruit__block .c-txt__box > p {
    margin-bottom: 20px;
  }
  .p-recruit__block + .p-recruit__block {
    padding-top: 75px;
  }
  .p-recruit__block .c-table .c-list.c-list--dot > li::before {
    top: 14px;
  }
  .p-recruit__block--min {
    padding-top: 55px;
  }
  .p-recruitSchedule__inner {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -30px 60px;
  }
  .p-recruitSchedule__box {
    width: 50%;
    padding: 0 30px;
    margin: 0;
  }
  .p-recruitSchedule__box > ul > li {
    margin-bottom: 35px;
  }
  .p-recruitSchedule__item {
    padding-left: 80px;
  }
  .p-recruitSchedule__time {
    font-size: 1.8rem;
  }
  .p-recruitSchedule__title {
    font-size: 1.8rem;
  }
  .p-recruitSchedule__contents::before {
    height: calc(100% + 30px);
    top: -5px;
    left: -56px;
  }
  .p-recruit__slider .p-topInterviewSlider__main {
    margin: 0 0 40px;
  }
  .p-recruit__slider .p-interview__title {
    font-size: 1.6rem;
  }
  .p-recruit__slider .p-interview__cat {
    padding: 9px 19px;
  }
  .p-recruit__slider .p-topInterviewMainSwiperButton__area {
    left: calc(50% - 120px);
  }
  .p-recruit__slider .p-topInterviewMainSwiperButton__area .p-swiper-button {
    width: 45px;
    height: 45px;
  }
  .p-recruit__slider .p-topInterviewMainSwiperButton__area .p-swiper-button::before {
    width: 10px;
    height: 10px;
    border-right-width: 2px;
    border-bottom-width: 2px;
  }
  .p-recruitNumber__area > ul {
    margin: -40px 0 0 -60px;
  }
  .p-recruitNumber__area > ul > li {
    padding: 40px 0 0 60px;
  }
  .p-recruitNumber__title {
    font-size: 2rem;
    margin: -9px 0 15px;
  }
  .p-recruitNumber__title::before {
    width: 16px;
    height: 16px;
    top: 11px;
  }
  .p-recruitTraining__area {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -35px;
  }
  .p-recruitTraining__txt {
    width: calc(100% - 430px);
    padding: 0 35px;
  }
  .p-recruitTraining__txt > p {
    margin-bottom: 35px;
  }
  .p-recruitTraining__list > ul > li {
    margin-bottom: 20px;
  }
  .p-recruitTraining__list .p-recruitTrainingList__title {
    margin: -8px 0 10px;
  }
  .p-recruitTraining__list .p-recruitTrainingList__title::before {
    width: 4px;
    height: 4px;
    top: 13px;
  }
  .p-recruitTraining__img {
    width: 430px;
    padding: 0 35px;
  }
  .p-recruitTrainingImg__inner {
    display: block;
    margin: 0;
  }
  .p-recruitTrainingImg__box {
    width: 100%;
    padding: 0;
  }
  .p-recruitTrainingImg__box + .p-recruitTrainingImg__box {
    margin-top: 40px;
  }
  .p-recruitFlow__area > ul {
    margin: 0 -30px;
  }
  .p-recruitFlow__area > ul > li {
    padding: 0 30px;
  }
  .p-recruitFlow__area > ul > li + li::before {
    width: 20px;
    height: 20px;
    left: -16px;
  }
}
@media screen and (min-width: 1400px) {
  .p-recruitMv__title {
    font-size: 6rem;
  }
  .p-recruit__slider .p-topInterviewSliderMain__txt {
    padding: 0 0 150px;
  }
  .p-recruit__slider .p-topInterviewSlider__sub {
    width: calc(50% - 30px);
  }
  .p-recruit__slider .p-topInterviewSlider__sub .swiper-wrapper {
    margin-left: -191px;
  }
}
/*------------------------------------------- 下層 インタビュー*/
.p-interviewDetails__area {
  margin-bottom: 70px;
}

.p-interviewDetails__img {
  margin-bottom: 40px;
}

.p-interviewDetailsImg__inner {
  position: relative;
  padding-top: 75.0724%;
}

.p-interviewDetails__txt .c-title2 {
  margin-bottom: 35px;
}

.p-interviewDetails__position {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 25px;
}
.p-interviewDetails__position > p {
  font-size: 1.6rem;
}

.p-interviewDetailsPosition__icon {
  background-color: #ffa800;
  color: #fff;
  display: inline-block;
  padding: 2.5px 9px 4.5px;
  margin-right: 15px;
  letter-spacing: 0.05em;
}

.p-interviewDetails__name {
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.5 !important;
  margin: -9px 0 20px;
}

.p-interviewDetails__joined {
  font-size: 1.6rem;
  margin-top: -9px;
}

.p-interviewDetails__unit {
  margin-bottom: 70px;
}

@media screen and (min-width: 768px) {
  .p-interviewDetails__area {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 70px;
  }
  .p-interviewDetails__img {
    width: 50%;
    padding: 0 15px;
    margin: 0;
  }
  .p-interviewDetails__txt {
    width: 50%;
    padding: 0 15px;
  }
}
@media screen and (min-width: 1200px) {
  .p-interviewDetails__area {
    margin: 0 -30px 80px;
  }
  .p-interviewDetails__img {
    padding: 0 30px;
  }
  .p-interviewDetails__txt {
    padding: 0 30px;
  }
  .p-interviewDetails__txt .c-title2 {
    margin-bottom: 50px;
  }
  .p-interviewDetails__position {
    margin-bottom: 35px;
  }
  .p-interviewDetails__position > p {
    font-size: 1.8rem;
  }
  .p-interviewDetails__name {
    font-size: 4rem;
    margin: -14px 0 30px;
  }
  .p-interviewDetails__joined {
    font-size: 1.8rem;
  }
  .p-interviewDetails__unit {
    margin-bottom: 80px;
  }
}
/*------------------------------------------- 下層 社長インタビュー*/
.p-top-interview__img {
  max-width: 960px;
  margin: 0 auto 40px;
}

.p-top-interview__txt {
  max-width: 720px;
  margin: 0 auto 90px;
}
.p-top-interview__txt .c-txt__box {
  margin-bottom: 30px;
}

.p-top-interview__name {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.p-top-interviewName__txt {
  margin-right: 20px;
}

.p-top-interviewName__img {
  max-width: 178px;
}

.p-top-interview__message {
  background-color: #ecf5ff;
  padding: 20px;
  margin-bottom: 70px;
}

.p-top-interviewMessage__head {
  display: flex;
  align-items: center;
  margin-top: -12px;
}
.p-top-interviewMessage__head .c-title2 {
  font-weight: bold;
  margin: 0 15px 0 0;
}
.p-top-interviewMessage__head .p-top-interviewMessage__title {
  margin: 0;
}

.p-top-interviewMessage__body {
  background-image: linear-gradient(180deg, #bcd0e7 1px, transparent 1px);
  background-size: 100% 3.1em;
  background-position-y: -1px;
  line-height: 3.1em;
  padding-bottom: 1px;
}
.p-top-interviewMessage__body > p {
  line-height: 3.1em !important;
}

@media screen and (min-width: 768px) {
  .p-top-interview .l-content__area {
    max-width: 1090px;
  }
}
@media screen and (min-width: 1200px) {
  .p-top-interview__img {
    margin-bottom: 60px;
  }
  .p-top-interview__txt {
    margin-bottom: 150px;
  }
  .p-top-interview__txt .c-title2 {
    line-height: 1.75;
    margin: -14px 0 45px;
  }
  .p-top-interview__txt .c-txt__box {
    margin: -6px 0 50px;
  }
  .p-top-interview__txt .c-txt__box > p {
    margin-bottom: 30px;
  }
  .p-top-interviewName__txt {
    font-size: 1.8rem;
    margin-right: 30px;
  }
  .p-top-interview__message {
    padding: 60px;
    margin-bottom: 80px;
  }
  .p-top-interviewMessage__head {
    margin: -20px 0 5px;
  }
  .p-top-interviewMessage__head .c-title2 {
    font-size: 4rem;
    margin-right: 35px;
  }
  .p-top-interviewMessage__head .p-top-interviewMessage__title {
    font-size: 1.8rem;
  }
}
/*------------------------------------------- 下層 サンクス*/
.p-404 .c-title3 + p {
  margin-bottom: 40px;
}

@media screen and (min-width: 1200px) {
  .p-404 .c-title3 + p {
    margin-bottom: 60px;
  }
}
/*------------------------------------------- 下層 ユニット用*/
.p-unitContents__wrapper .l-content__area > *:first-child {
  margin-top: 0;
}
.p-unitContents__wrapper .l-content__area > *:last-child {
  margin-bottom: 0;
}
.p-unitContents__wrapper .c-unit__text {
  line-height: 1.75;
  margin-bottom: 15px;
}
.p-unitContents__wrapper .c-unit__text em {
  font-style: normal;
  font-weight: 500;
}
.p-unitContents__wrapper .c-unit__text a {
  color: #006ebb;
  border-bottom: 1px solid #006ebb;
  display: inline-block;
  position: relative;
}
.p-unitContents__wrapper .c-title3 {
  margin-top: 65px;
}
.p-unitContents__wrapper .c-title4 {
  margin-top: 40px;
}
.p-unitContents__wrapper .c-title5 {
  margin-top: 25px;
}
.p-unitContents__wrapper .c-list {
  margin-bottom: 20px;
}
.p-unitContents__wrapper .c-list > li {
  line-height: 1.75;
  margin: -6px 0 10px;
}
.p-unitContents__wrapper .c-list.c-list--dot > li::before {
  top: 11px;
}
.p-unitContents__wrapper .c-list.c-list--number > li::before {
  top: 0;
}
.p-unitContents__wrapper [class^=column-media] {
  margin-bottom: 40px;
}
.p-unitContents__wrapper .column-media-center,
.p-unitContents__wrapper .column-media-right {
  display: flex;
  justify-content: center;
}
.p-unitContents__wrapper .column-media-right {
  justify-content: flex-end;
}
.p-unitContents__wrapper .c-unit-images__wrapper {
  margin: 70px 0;
}
.p-unitContents__wrapper .c-unit-images__wrapper .c-unit-images__block {
  margin-bottom: 50px;
}
.p-unitContents__wrapper .c-unit-images__wrapper .c-unit-images__block:last-child {
  margin-bottom: 0;
}
.p-unitContents__wrapper .c-unit-images__wrapper .c-unit-images {
  position: relative;
  padding-top: 66.6666%;
}
.p-unitContents__wrapper .c-unit-card__wrapper {
  margin-bottom: 70px;
}
.p-unitContents__wrapper .c-unit-card__wrapper .c-unit-card__img {
  margin-bottom: 40px;
}
.p-unitContents__wrapper .c-unit-card__wrapper .c-unit-cardImg__inner {
  position: relative;
  padding-top: 66.6666%;
}
.p-unitContents__wrapper .c-unit-card__wrapper .c-unit-cardTxt__inner > p {
  margin: -7px 0 25px;
}
.p-unitContents__wrapper .c-unit-card__wrapper .c-unit-cardTxt__inner > p:last-child {
  margin-bottom: 0;
}
.p-unitContents__wrapper .c-unit-movie__block > video {
  max-width: 800px;
}
.p-unitContents__wrapper .c-unit-movie__block.c-unit-movie__block--center {
  display: flex;
  justify-content: center;
}
.p-unitContents__wrapper .c-unit-movie__block.c-unit-movie__block--right {
  display: flex;
  justify-content: right;
}

@media screen and (max-width: 767px) {
  .c-unit-movie__block > video {
    width: 90%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) {
  .p-unitContents__wrapper .c-unit-images__wrapper .c-unit-images__inner {
    display: flex;
    flex-wrap: wrap;
    margin: -50px 0 0 -30px;
  }
  .p-unitContents__wrapper .c-unit-images__wrapper .c-unit-images__block {
    padding: 50px 0 0 30px;
    margin-bottom: 0;
  }
  .p-unitContents__wrapper .c-unit-images__wrapper .c-unit-images {
    padding-top: 66.5499%;
  }
  .p-unitContents__wrapper .c-unit-images__wrapper.c-unit-images--12 .c-unit-images__block {
    width: 100%;
  }
  .p-unitContents__wrapper .c-unit-images__wrapper.c-unit-images--6 .c-unit-images__block {
    width: 50%;
  }
  .p-unitContents__wrapper .c-unit-images__wrapper.c-unit-images--4 .c-unit-images__block {
    width: 33.3333%;
  }
  .p-unitContents__wrapper .c-unit-card__wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 70px;
  }
  .p-unitContents__wrapper .c-unit-card__wrapper .c-unit-card__img,
.p-unitContents__wrapper .c-unit-card__wrapper .c-unit-card__txt {
    width: 50%;
    padding: 0 15px;
  }
  .p-unitContents__wrapper .c-unit-card__wrapper .c-unit-card__img {
    margin: 0;
  }
  .p-unitContents__wrapper .c-unit-card__wrapper.u-unit-card__wrapper--right .c-unit-card__img {
    order: 2;
  }
  .p-unitContents__wrapper .c-unit-card__wrapper.u-unit-card__wrapper--right .c-unit-card__txt {
    order: 1;
  }
}
@media screen and (min-width: 1200px) {
  .p-unitContents__wrapper .c-unit__text {
    margin-bottom: 25px;
  }
  .p-unitContents__wrapper .c-title3 {
    margin-top: 65px;
  }
  .p-unitContents__wrapper .c-title4 {
    margin-top: 75px;
  }
  .p-unitContents__wrapper .c-title5 {
    margin-top: 35px;
  }
  .p-unitContents__wrapper .c-list {
    margin-bottom: 25px;
  }
  .p-unitContents__wrapper .c-list > li {
    margin: -9px 0 15px;
  }
  .p-unitContents__wrapper .c-list > li::before {
    top: 13px;
  }
  .p-unitContents__wrapper .c-list.c-list--dot > li::before {
    top: 13px;
  }
  .p-unitContents__wrapper [class^=column-media] {
    margin-bottom: 60px;
  }
  .p-unitContents__wrapper .c-unit-images__wrapper {
    margin: 80px 0;
  }
  .p-unitContents__wrapper .c-unit-images__wrapper .c-unit-images__inner {
    margin: -60px 0 0 -60px;
  }
  .p-unitContents__wrapper .c-unit-images__wrapper .c-unit-images__block {
    padding: 60px 0 0 60px;
  }
  .p-unitContents__wrapper .c-unit-card__wrapper {
    margin: 0 -30px 80px;
  }
  .p-unitContents__wrapper .c-unit-card__wrapper .c-unit-card__img,
.p-unitContents__wrapper .c-unit-card__wrapper .c-unit-card__txt {
    padding: 0 30px;
  }
}
/*------------------------------------------- 下層 ツールエディタ用*/
.u-ckeditor__area p a {
  color: #006ebb;
  border-bottom: 1px solid #006ebb;
  display: inline-block;
  position: relative;
}

/*------------------------------------------- pager*/
.p-pager {
  margin-top: 80px;
}

.p-pager__list {
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-pager__list > li {
  margin: 0 2.5px;
}
.p-pager__list > li.u-active .p-pager__button--next,
.p-pager__list > li.u-active .p-pager__button--front {
  pointer-events: all;
}
.p-pager__list > li.u-active .p-pager__button--next::before,
.p-pager__list > li.u-active .p-pager__button--front::before {
  background-color: #ddedf9;
}
.p-pager__list > li.cur .p-pager__button {
  color: #fff;
  background-color: #006ebb;
}

.p-pager__button {
  width: 30px;
  height: 30px;
  letter-spacing: 0.05em;
  font-size: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.p-pager__button a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  color: #006ebb;
}
.p-pager__button span {
  position: relative;
  letter-spacing: 0.05em;
  display: inline-block;
}

.p-pagerList__item--front,
.p-pagerList__item--next {
  pointer-events: none;
}
.p-pagerList__item--front .p-pager__button,
.p-pagerList__item--next .p-pager__button {
  position: relative;
}
.p-pagerList__item--front .p-pager__button::before,
.p-pagerList__item--next .p-pager__button::before {
  display: block;
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  width: 9px;
  height: 9px;
  border-right: 2px solid #b2b2b2;
  border-bottom: 2px solid #b2b2b2;
  transform: rotate(-45deg);
}
.p-pagerList__item--front.u-active,
.p-pagerList__item--next.u-active {
  pointer-events: all;
}
.p-pagerList__item--front.u-active .p-pager__button::before,
.p-pagerList__item--next.u-active .p-pager__button::before {
  border-right-color: #006ebb;
  border-bottom-color: #006ebb;
}

.p-pagerList__item--front .p-pager__button::before {
  transform: scale(-1, 1) rotate(-45deg);
}

@media screen and (min-width: 1200px) {
  .p-pager {
    margin-top: 90px;
  }
  .p-pager__button {
    width: 40px;
    height: 40px;
    font-size: 2.4rem;
  }
  .p-pagerList__item--front .p-pager__button::before,
.p-pagerList__item--next .p-pager__button::before {
    top: 13px;
    left: 9px;
    width: 15px;
    height: 15px;
  }
}
/*------------------------------------------- アニメーション*/
@-webkit-keyframes move-y {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(10px);
  }
}
@keyframes move-y {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(10px);
  }
}