@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@600&family=Shippori+Mincho:wght@500&display=swap&text="自分も、お客様社会幸せにしよう。"');
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500&display=swap&text="あなたが目指すライフスタルを、ダヤアクセで実現させまんか？明るい未来一緒創造てき"');

*,
*::before,
*::after {
    box-sizing: border-box;
}
html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
}
@-ms-viewport {
    width: device-width;
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}
body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}
[tabindex="-1"]:focus {
    outline: 0 !important;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
}
address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}
ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0;
}
dt {
    font-weight: 700;
}
dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
}
blockquote {
    margin: 0 0 1rem;
}
b,
strong {
    font-weight: bolder;
}
small {
    font-size: 80%;
}
sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}
a:hover {
    color: #0056b3;
    text-decoration: underline;
}
a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}
a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
    outline: 0;
}
pre,
code,
kbd,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em;
}
pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar;
}
figure {
    margin: 0 0 1rem;
}
img {
    vertical-align: middle;
    border-style: none;
}
svg {
    overflow: hidden;
    vertical-align: middle;
}
table {
    border-collapse: collapse;
}
caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom;
}
th {
    text-align: inherit;
}
label {
    display: inline-block;
    margin-bottom: 0.5rem;
}
button {
    border-radius: 0;
}
button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button,
input {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none;
}
input[type="radio"],
input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
    -webkit-appearance: listbox;
}
textarea {
    overflow: auto;
    resize: vertical;
}
fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}
progress {
    vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none;
}
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}
output {
    display: inline-block;
}
summary {
    display: list-item;
    cursor: pointer;
}
template {
    display: none;
}
[hidden] {
    display: none !important;
}
@media (min-width: 768px) {
    .sp-only {
        display: none;
    }
}
@media (max-width: 767px) {
    .pc-only {
        display: none;
    }
}
a:focus,
*:focus {
    outline: none !important;
}
html {
    font-size: 62.5%;
}
body {
    color: #333;
    font-family: "Noto Sans CJK JP", sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    background-image: url(../img/bg_pt_stone.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
}
img {
    max-width: 100%;
    vertical-align: bottom;
}
img.object-fit-img {
    object-fit: cover;
    object-position: bottom;
    font-family: "object-fit: cover; object-position: bottom;";
}
a {
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -o-transition: 0.8s;
    -ms-transition: 0.8s;
    transition: 0.8s;
}
p {
    margin-bottom: 1em;
}
ol,
ul,
dl {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul {
    margin-bottom: 1em;
}
hr {
    margin: 1em 0;
    border: none;
    border-top: 1px solid #e8e8e8;
}
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}
.l-container {
    margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
    max-width: 1030px;
}
.f-bread,
.f-info {
    color: #fff;
    background-color: #373c38;
}
.f-bread {
    margin-bottom: 50px;
    padding-top: 1em;
    padding-bottom: 1em;
}
.f-bread a {
    color: #fff;
    text-decoration: none;
}
.f-entry {
    padding: 30px 15px 60px;
    /*padding-bottom: 60px;*/
}
.f-entry__inner {
}
.f-entry__btn {
    margin: 0 auto 20px;
    /*height: 96px;*/
    background-color: #ffffff;
    border: #cb171d 4px solid;
    transform: skewX(-5deg);
    box-shadow: 5px 5px 0 0 #cccccc;
}
.f-entry__btn a {
    /*display: block;*/
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1em 10px 1em 0;
    width: 100%;
    height: 100%;
    color: #cb171d;
    font-weight: bold;
    text-align: center;
}
.f-entry__btn a:hover,
.f-entry__btn a:visited,
.f-entry__btn a:active {
    text-decoration: none;
}
.f-entry__btn a::before {
    content: "";
    display: inline-block;
    margin-top: -0.3em;
    margin-right: 15px;
    width: 22px;
    height: 4px;
    background: url(../img/arrow_line_red.svg) no-repeat left;
    background-size: contain;
    vertical-align: middle;
}
.f-entry__btn span {
    display: block;
    padding-top: 3.5px;
    font-size: 85%;
}
@media only screen and (min-width: 768px) {
    /*.f-entry {
        padding-bottom: 100px;
    }*/
    .f-entry__btn br {
        display: none;
    }
}
@media only screen and (min-width: 1030px) {
    .f-entry__inner {
        display: flex;
        /*flex-wrap: wrap;*/
        justify-content: center;
        max-width: none;
    }
    .f-entry__btn {
        margin-right: 20px;
        margin-left: 0;
        /*width: 20%;*/
        width: calc(25% - 15px);
        max-width: 235px;
        border: none;
        transform: skewX(0);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    /*.f-entry__btn:nth-child(4n) {
    margin-right: 0;
  }*/
    .f-entry__btn--new {
        background-image: url("../img/home/entry_new_v3.webp");
    }
    .f-entry__btn--carrier {
        /*background-image: url("../img/home/entry_career_v2.jpg");*/
        background-image: url("../img/home/entry_career.webp");
    }
    .f-entry__btn--carrier2 {
        background-image: url("../img/home/entry_career2_v3.webp");
    }
    .f-entry__btn--return {
        background-image: url("../img/home/entry_return.webp");
    }
    .f-entry__btn--internship {
        background-image: url("../img/home/entry_internship.webp");
    }
    .f-entry__btn:last-child {
        margin-right: 0;
    }
    .f-entry__btn a {
        padding-top: 70px;
        padding-right: 0;
        padding-bottom: 70px;
        color: #ffffff;
    }
    body.home .f-entry__btn a {
        backdrop-filter: brightness(0.6);
    }
    .f-entry__btn a::before {
        display: none;
    }
    .f-entry__btn br {
        display: block;
    }
}
.f-info {
    position: relative;
    padding-top: 40px;
    padding-bottom: 15px;
}
.f-info > div {
    position: relative;
}
@media screen and (min-width: 768px) {
    .f-info {
        padding-top: 100px;
    }
}
.f-banner {
    margin-bottom: 15px;
}
.f-banner img {
    width: 200px;
    height: auto;
}
@media screen and (min-width: 768px) {
    .f-banner {
        padding-bottom: 15px;
        border-bottom: 0.1rem #fff solid;
    }
    .f-banner a {
        margin-right: 1rem;
    }
}
.f-contents {
}
.f-sitetitle {
    margin-bottom: 1.5em;
}
.f-address {
}
.f-gnav {
    padding-top: 30px;
    font-family: "Saira Semi Condensed", sans-serif;
    font-size: 2.2rem;
}
.f-gnav div {
    padding-bottom: 0.3em;
}
.f-gnav ul {
    margin-bottom: 0.5em;
    padding-bottom: 0.3em;
}
.f-gnav li {
    padding-bottom: 0.3em;
    padding-left: 1em;
    font-size: 1.6rem;
}
.f-gnav a:link,
.f-gnav a:visited,
.f-gnav a:active {
    color: #ffffff;
    text-decoration: none;
}
@media screen and (min-width: 768px) {
    .f-contents {
        display: flex;
        justify-content: space-between;
    }
    .f-gnav {
        display: flex;
        padding-top: 0;
    }
    .f-gnav > div {
        margin-left: 50px;
    }
}

.f-sns {
    margin-top: 25px;
    margin-bottom: 30px;
    font-size: 1.4rem;
}
.f-sns .f-sns__items {
    display: flex;
}
.f-sns .f-sns__item a {
    display: block;
    margin-right: 15px;
    padding: 9px 15px 10px;
    min-width: 30px;
    color: #fff;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    border: 1px solid #fff;
}
.f-link a {
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #fff;
    font-size: 1.4rem;
    text-decoration: none;
}
.f-link a::before {
    content: "";
    display: inline-block;
    margin-top: -0.3em;
    margin-right: 6px;
    width: 14px;
    height: 4px;
    background: url(../img/arrow_line_white.svg) no-repeat left;
    background-size: contain;
    vertical-align: middle;
}
.f-copy {
    color: #fff;
    font-family: "Saira Semi Condensed", sans-serif;
    font-size: 1rem;
    letter-spacing: 0.05em;
    text-align: right;
}
.f-pagetop {
    position: absolute;
    top: -50px;
    right: 0;
}
.f-pagetop a {
    display: block;
    padding-top: 8px;
    width: 60px;
    height: 60px;
    text-decoration: none;
    color: #fff;
    font-family: "Saira Semi Condensed", sans-serif;
    font-size: 1rem;
    letter-spacing: 0.05em;
    text-align: center;
    background-color: #cb171d;
}
.f-pagetop a:hover {
    text-decoration: none;
}
.f-pagetop a i {
    display: block;
    margin-bottom: 5px;
    font-size: 26px;
}
@media (min-width: 768px) {
    .f-bread {
        margin-bottom: 70px;
        padding-top: 1.5em;
        padding-bottom: 1.5em;
    }
    .f-entry__inner {
        /*display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 800px;*/
    }
    .f-entry__btn {
        /*width: 50%;*/
        /*width: 45%;*/
    }
    .f-pagetop {
        top: -100px;
        padding-right: 15px;
    }
    .f-pagetop a {
        padding-top: 10px;
        width: 65px;
        height: 65px;
    }
}
.l-header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 200;
}
.h-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 0;
}
.h-sitetitle {
    max-height: 60px;
}
.h-nav {
    display: none;
    width: 100vw;
    height: auto;
    min-height: 100vh;
}
.h-nav__container {
    margin: 50px auto;
    width: 90%;
    max-width: 1000px;
}
.h-nav__button {
    display: block;
    width: 60px;
    height: 60px;
    background-color: #cb171d;
    border: none;
}
.h-nav__button button {
    padding-top: 0.8rem;
    color: #fff;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
}
.h-nav__button i {
    display: block;
    margin-bottom: 0.1rem;
    font-size: 30px;
    line-height: 1;
}
.h-nav__button:hover {
    cursor: pointer;
}
.h-nav__close {
    margin: 0 auto;
    max-width: 1000px;
}
.h-nav__closebtn {
    margin-left: auto;
    background-color: #373c38;
}
.h-nav__closebtn > i {
    margin-top: -0.5em;
}
@media (min-width: 768px) {
    .h-container {
        padding-right: 15px;
    }
    .h-nav {
        min-height: 0;
    }
    .h-nav__button {
        width: 65px;
        height: 65px;
    }
    .h-nav__button i {
        font-size: 34px;
    }
    .h-nav__menu {
        margin-top: 0.9em;
    }
}
.l-main {
    padding-bottom: 40px;
    background-color: #fff;
}
.l-section {
    padding-top: 50px;
    padding-bottom: 40px;
}
.l-wrapper {
    margin: 0;
    padding-top: 60px;
    width: 100%;
}
@media (min-width: 768px) {
    .l-wrapper {
        padding-top: 65px;
    }
}
.c-block-triangle {
    position: relative;
    color: #fff;
    text-align: center;
    background-color: #373c38;
}
.c-block-triangle::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 30px;
    height: 70px;
    display: inline-block;
    background-image: url(../img/corner_topleft.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.c-block-triangle__en,
.c-block-triangle__ja {
    display: block;
    line-height: 1em;
}
.c-block-triangle__en {
    font-family: "Saira Semi Condensed", sans-serif;
    font-size: 1.4rem;
}
.c-block-triangle__ja {
    font-family: "Noto Sans CJK JP", sans-serif;
}
@media only screen and (min-width: 768px) {
    .c-block-triangle::before {
        width: 36px;
        height: 84px;
    }
}
.c-linkbtn {
    margin-bottom: 4rem;
}
.c-linkbtn a {
    display: block;
    padding: 1em 0 1.1em;
    width: 100%;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    background-color: #cb171d;
}
@media only screen and (min-width: 768px) {
    .c-linkbtn a {
        font-size: 2rem;
    }
}
.c-linkbtn a::before {
    content: "";
    display: inline-block;
    margin-top: -0.3em;
    margin-right: 10px;
    width: 22px;
    height: 6px;
    background: url(../img/arrow_line_white.svg) no-repeat left;
    background-size: contain;
    vertical-align: middle;
}
.c-button {
    width: 110px;
    color: #fff;
    font-family: "Saira Semi Condensed", sans-serif;
    font-size: 1.4rem;
    text-align: center;
    background-color: #373c38;
    transform: skewX(-12deg);
    transition: 0.8s;
}
.c-button:hover {
    background-color: #495057;
}
.c-button > a {
    display: block;
    padding: 0.15em 0 0.05em;
    color: #fff;
    transform: skewX(12deg);
}
.c-button > a::before {
    content: "";
    display: inline-block;
    margin-top: -0.3em;
    margin-right: 6px;
    width: 14px;
    height: 4px;
    background: url(../img/arrow_line_white.svg) no-repeat left;
    background-size: contain;
    vertical-align: middle;
}
.c-button > a:hover {
    color: #fff;
    text-decoration: none;
}
.c-btn-red > a {
    position: relative;
    display: block;
    padding: 0.5em 1em 0.6em 2.4em;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1;
    background-color: #cb171d;
}
.c-btn-red > a::before {
    position: absolute;
    top: 50%;
    left: 1.4rem;
    content: "";
    display: inline-block;
    margin-top: -0.2em;
    margin-right: 1rem;
    width: 14px;
    height: 4px;
    background: url(../img/arrow_line_white.svg) no-repeat left;
    background-size: contain;
    vertical-align: middle;
}
.c-btn-red > a:hover {
    text-decoration: none;
}
.c-btn-red--black > a {
    position: relative;
    display: block;
    padding: 0.5em 1em 0.6em 2.4em;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1;
    background-color: #373c38;
}
.c-btn-red--black > a::before {
    position: absolute;
    top: 50%;
    left: 1.4rem;
    content: "";
    display: inline-block;
    margin-top: -0.3em;
    margin-right: 1rem;
    width: 14px;
    height: 4px;
    background: url(../img/arrow_line_white.svg) no-repeat left;
    background-size: contain;
    vertical-align: middle;
}
.c-btn-red--black > a:hover {
    text-decoration: none;
}
.c-btn-red--white > a {
    color: #cb171d;
    background-color: #fff;
    border: 2px #cb171d solid;
}
.c-btn-red--white > a::before {
    width: 16px;
    background-image: url(../img/arrow_line_red.svg);
}
.c-entrybtn {
    margin-bottom: 15px;
    max-width: 260px;
    text-align: center;
    /*background: url("../img/btn_entry.svg") no-repeat center;
  background-size: contain;*/
    background-color: #ffffff;
    border: #cb171d 4px solid;
    transform: skewX(-5deg);
    box-shadow: 5px 5px 0 0 #cccccc;
}
.c-entrybtn a {
    /*display:block;*/
    display: flex;
    justify-content: center;
    align-items: center;
    /*padding-top:1.2em;
  padding-bottom:1.4em;*/
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    width: 100%;
    height: 100%;
    color: #cb171d;
    font-size: 16px;
    font-weight: bold;
}
.c-entrybtn a::before {
    content: "";
    display: inline-block;
    margin-top: -0.3em;
    margin-right: 5px;
    width: 22px;
    height: 4px;
    background: url(../img/arrow_line_red.svg) no-repeat left;
    background-size: contain;
    vertical-align: middle;
}
.c-entrybtn a:hover {
    text-decoration: none;
}
.c-entrybtn:last-child {
    margin-bottom: 0;
}
.c-entrybtn span {
    margin-top: -4px;
}
@media only screen and (min-width: 768px) {
    .c-entrybtn {
        max-width: none;
    }
    .c-entrybtn a {
    }
    .c-entrybtn:last-child {
        margin-bottom: 15px;
    }
}
@media only screen and (min-width: 920px) {
    .c-entrybtn a {
        font-size: 20px;
    }
}
.c-hline {
    margin-bottom: 40px;
    font-size: 2rem;
    text-align: center;
}
.c-hline.c-hline--white {
    color: #fff;
}
.c-hline--en {
    font-family: "Saira Semi Condensed", sans-serif;
    font-size: 3.4rem;
    letter-spacing: 0.02em;
}
input,
button,
textarea,
select {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    /*-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;*/
}
input,
textarea {
    padding: 0.5em;
    width: 100%;
    outline: none;
    border: #e8e8e8 4px solid;
}
input[type="submit"] {
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-top: 1em;
    padding-bottom: 1em;
    max-width: 340px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.1em;
    background-color: #cb171d;
    border: none;
}
input[type="checkbox"],
input[type="radio"] {
    width: auto;
}
.c-input__select {
    position: relative;
    width: 100%;
    border: #e8e8e8 4px solid;
}
/*.c-input__select::after {
  content: "";
  width: 6px;
  height: 6px;
  border: 0px;
  border-bottom: solid 2px #b4b3b3;
  border-right: solid 2px #b4b3b3;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -4px;
}*/
select {
    position: relative;
    width: 100%;
    height: 40px;
    padding: 0 40px 0 10px;
    z-index: 1;
}
select::-ms-expand {
    display: none;
}
@media only screen and (min-width: 768px) {
    input {
        width: auto;
    }
    input[type="text"],
    input[type="submit"] {
        min-width: 340px;
    }
    .c-input__select {
        max-width: 340px;
    }
}
.c-list-title {
    padding: 1em;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    background: #e8e8e8;
}
.c-list-content {
    border: #e8e8e8 4px solid;
    border-top: none;
}
.c-sitelogo {
    display: block;
    width: auto;
    /*width: 200px;*/
    height: 46px;
    /*height: 40px;*/
}
.c-text-attention {
    color: #cb171d;
}
.c-text-comment {
    display: inline-block;
    margin-right: 1rem;
    margin-left: 1rem;
    padding: 0.1em 0.5em 0.15em;
    color: #fff;
    font-size: 1.4rem;
    font-weight: normal;
    vertical-align: text-bottom;
    background-color: #cb171d;
}
.c-textbox {
    margin-bottom: 3rem;
}
@media only screen and (min-width: 768px) {
    .c-textbox {
        margin-bottom: 6rem;
    }
} /*!------------------------------------*\
    Base
\*!------------------------------------*/
.drawer-open {
    overflow: hidden !important;
}
.drawer-nav {
    position: fixed;
    z-index: 101;
    top: 0;
    overflow: hidden;
    width: 16.25rem;
    height: 100%;
    color: #222;
    background-color: #fff;
}
.drawer-brand {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 3.75rem;
    display: block;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    text-decoration: none;
    color: #222;
}
.drawer-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}
.drawer-menu-item {
    font-size: 1rem;
    display: block;
    padding: 0.75rem;
    text-decoration: none;
    color: #222;
}
.drawer-menu-item:hover {
    text-decoration: underline;
    color: #555;
    background-color: transparent;
} /*! overlay */
.drawer-overlay {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
}
.drawer-open .drawer-overlay {
    display: block;
} /*!------------------------------------*\
    Top
\*!------------------------------------*/
.drawer--top .drawer-nav {
    top: -100%;
    left: 0;
    width: 100%;
    height: auto;
    max-height: 100%;
    transition: top 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.drawer--top.drawer-open .drawer-nav {
    top: 0;
}
.drawer--top .drawer-hamburger,
.drawer--top.drawer-open .drawer-hamburger {
    right: 0;
} /*!------------------------------------*\
    Left
\*!------------------------------------*/
.drawer--left .drawer-nav {
    left: -16.25rem;
    transition: left 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.drawer--left.drawer-open .drawer-nav,
.drawer--left .drawer-hamburger,
.drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
    left: 0;
}
.drawer--left.drawer-open .drawer-hamburger {
    left: 16.25rem;
} /*!------------------------------------*\
    Right
\*!------------------------------------*/
.drawer--right .drawer-nav {
    right: -16.25rem;
    transition: right 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.drawer--right.drawer-open .drawer-nav,
.drawer--right .drawer-hamburger,
.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
    right: 0;
}
.drawer--right.drawer-open .drawer-hamburger {
    right: 16.25rem;
} /*!------------------------------------*\
    Hamburger
\*!------------------------------------*/
.drawer-hamburger {
    position: fixed;
    z-index: 104;
    top: 0;
    display: block;
    box-sizing: content-box;
    width: 2rem;
    padding: 0;
    padding-top: 18px;
    padding-right: 0.75rem;
    padding-bottom: 30px;
    padding-left: 0.75rem;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transform: translate3d(0, 0, 0);
    border: 0;
    outline: 0;
    background-color: transparent;
}
.drawer-hamburger:hover {
    cursor: pointer;
    background-color: transparent;
}
.drawer-hamburger-icon {
    position: relative;
    display: block;
    margin-top: 10px;
}
.drawer-hamburger-icon,
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
    width: 100%;
    height: 2px;
    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    background-color: #222;
}
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
    position: absolute;
    top: -10px;
    left: 0;
    content: " ";
}
.drawer-hamburger-icon:after {
    top: 10px;
}
.drawer-open .drawer-hamburger-icon {
    background-color: transparent;
}
.drawer-open .drawer-hamburger-icon:before,
.drawer-open .drawer-hamburger-icon:after {
    top: 0;
}
.drawer-open .drawer-hamburger-icon:before {
    transform: rotate(45deg);
}
.drawer-open .drawer-hamburger-icon:after {
    transform: rotate(-45deg);
} /*!------------------------------------*\
    accessibility
\*!------------------------------------*/ /*!
 * Only display content to screen readers
 * See: http://a11yproject.com/posts/how-to-hide-content
 */
.sr-only {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
} /*!
 * Use in conjunction with .sr-only to only display content when it's focused.
 * Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
 * Credit: HTML5 Boilerplate
 */
.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0;
} /*!------------------------------------*\
    Sidebar
\*!------------------------------------*/
.drawer--sidebar {
    background-color: #fff;
}
.drawer--sidebar .drawer-contents {
    background-color: #fff;
}
@media (min-width: 64em) {
    .drawer--sidebar .drawer-hamburger {
        display: none;
        visibility: hidden;
    }
    .drawer--sidebar .drawer-nav {
        display: block;
        transform: none;
        position: fixed;
        width: 12.5rem;
        height: 100%;
    } /*! Left */
    .drawer--sidebar.drawer--left .drawer-nav {
        left: 0;
        border-right: 1px solid #ddd;
    }
    .drawer--sidebar.drawer--left .drawer-contents {
        margin-left: 12.5rem;
    } /*! Right */
    .drawer--sidebar.drawer--right .drawer-nav {
        right: 0;
        border-left: 1px solid #ddd;
    }
    .drawer--sidebar.drawer--right .drawer-contents {
        margin-right: 12.5rem;
    } /*! container */
    .drawer--sidebar .drawer-container {
        max-width: 48rem;
    }
}
@media (min-width: 75em) {
    .drawer--sidebar .drawer-nav {
        width: 16.25rem;
    }
    .drawer--sidebar.drawer--left .drawer-contents {
        margin-left: 16.25rem;
    }
    .drawer--sidebar.drawer--right .drawer-contents {
        margin-right: 16.25rem;
    } /*! container */
    .drawer--sidebar .drawer-container {
        max-width: 60rem;
    }
} /*!------------------------------------*\
    Navbar
\*!------------------------------------*/
.drawer--navbarTopGutter {
    padding-top: 3.75rem;
}
.drawer-navbar .drawer-navbar-header {
    border-bottom: 1px solid #ddd;
    background-color: #fff;
}
.drawer-navbar {
    z-index: 102;
    top: 0;
    width: 100%;
} /*! .drawer-navbar modifier */
.drawer-navbar--fixed {
    position: fixed;
}
.drawer-navbar-header {
    position: relative;
    z-index: 102;
    box-sizing: border-box;
    width: 100%;
    height: 3.75rem;
    padding: 0 0.75rem;
    text-align: center;
}
.drawer-navbar .drawer-brand {
    line-height: 3.75rem;
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
    text-decoration: none;
}
.drawer-navbar .drawer-brand:hover {
    background-color: transparent;
}
.drawer-navbar .drawer-nav {
    padding-top: 3.75rem;
}
.drawer-navbar .drawer-menu {
    padding-bottom: 7.5rem;
}
@media (min-width: 64em) {
    .drawer-navbar {
        height: 3.75rem;
        border-bottom: 1px solid #ddd;
        background-color: #fff;
    }
    .drawer-navbar .drawer-navbar-header {
        position: relative;
        display: block;
        float: left;
        width: auto;
        padding: 0;
        border: 0;
    }
    .drawer-navbar .drawer-menu--right {
        float: right;
    }
    .drawer-navbar .drawer-menu li {
        float: left;
    }
    .drawer-navbar .drawer-menu-item {
        line-height: 3.75rem;
        padding-top: 0;
        padding-bottom: 0;
    }
    .drawer-navbar .drawer-hamburger {
        display: none;
    }
    .drawer-navbar .drawer-nav {
        position: relative;
        left: 0;
        overflow: visible;
        width: auto;
        height: 3.75rem;
        padding-top: 0;
        transform: translate3d(0, 0, 0);
    }
    .drawer-navbar .drawer-menu {
        padding: 0;
    } /*! dropdown */
    .drawer-navbar .drawer-dropdown-menu {
        position: absolute;
        width: 16.25rem;
        border: 1px solid #ddd;
    }
    .drawer-navbar .drawer-dropdown-menu-item {
        padding-left: 0.75rem;
    }
} /*!------------------------------------*\
    Dropdown
\*!------------------------------------*/
.drawer-dropdown-menu {
    display: none;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #fff;
}
.drawer-dropdown-menu > li {
    width: 100%;
    list-style: none;
}
.drawer-dropdown-menu-item {
    line-height: 3.75rem;
    display: block;
    padding: 0;
    padding-right: 0.75rem;
    padding-left: 1.5rem;
    text-decoration: none;
    color: #222;
}
.drawer-dropdown-menu-item:hover {
    text-decoration: underline;
    color: #555;
    background-color: transparent;
} /*! open */
.drawer-dropdown.open > .drawer-dropdown-menu {
    display: block;
} /*! drawer-caret */
.drawer-dropdown .drawer-caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 4px;
    transition: transform 0.2s ease, opacity 0.2s ease;
    transform: rotate(0deg);
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
} /*! open */
.drawer-dropdown.open .drawer-caret {
    transform: rotate(180deg);
} /*!------------------------------------*\
    Container
\*!------------------------------------*/
.drawer-container {
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 64em) {
    .drawer-container {
        max-width: 60rem;
    }
}
@media (min-width: 75em) {
    .drawer-container {
        max-width: 70rem;
    }
}
.drawer-hamburger {
    position: relative !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    width: 100% !important;
}
.drawer-open .drawer-hamburger {
    color: #373c38;
}
.drawer-open .drawer-hamburger::before {
    content: "\f00d";
    font-size: 3rem;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
}
.drawer-open .drawer-hamburger i,
.drawer-open .drawer-hamburger .h-nav__menu {
    display: none;
}
html.remodal-is-locked {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
}
.remodal,
[data-remodal-id] {
    display: none;
}
.remodal-overlay {
    position: fixed;
    z-index: 9999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    display: none;
}
.remodal-wrapper {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch;
}
.remodal-wrapper:after {
    display: inline-block;
    height: 100%;
    margin-left: -0.05em;
    content: "";
}
.remodal-overlay,
.remodal-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.remodal {
    position: relative;
    outline: none;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
.remodal-is-initialized {
    display: inline-block;
}
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
    -webkit-filter: blur(3px);
    filter: blur(3px);
}
.remodal-overlay {
    background: rgba(43, 46, 56, 0.9);
}
.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.remodal-overlay.remodal-is-opening {
    -webkit-animation-name: remodal-overlay-opening-keyframes;
    animation-name: remodal-overlay-opening-keyframes;
}
.remodal-overlay.remodal-is-closing {
    -webkit-animation-name: remodal-overlay-closing-keyframes;
    animation-name: remodal-overlay-closing-keyframes;
}
.remodal-wrapper {
    padding: 10px 10px 0;
}
.remodal {
    box-sizing: border-box;
    width: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    color: #000;
    background: #fff;
}
.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.remodal.remodal-is-opening {
    -webkit-animation-name: remodal-opening-keyframes;
    animation-name: remodal-opening-keyframes;
}
.remodal.remodal-is-closing {
    -webkit-animation-name: remodal-closing-keyframes;
    animation-name: remodal-closing-keyframes;
}
.remodal,
.remodal-wrapper:after {
    vertical-align: middle;
}
.remodal-close {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: visible;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    text-decoration: none;
    color: #95979c;
    border: 0;
    outline: 0;
    background: transparent;
}
.remodal-close:before {
    font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
    font-size: 5rem;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 5rem;
    content: "\00d7";
    color: #fff;
    text-align: center;
}
.remodal-confirm,
.remodal-cancel {
    font: inherit;
    display: inline-block;
    overflow: visible;
    margin: 0;
    padding: 1rem 4rem;
    min-width: 140px;
    cursor: pointer;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    line-height: 1;
    border: 0;
    outline: 0;
}
.remodal-confirm {
    color: #fff;
    background: #28a745;
}
.remodal-cancel {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -70px;
    color: #fff;
    font-family: "Saira Semi Condensed", sans-serif;
    background: #cb171d;
}
.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
    padding: 0;
    border: 0;
}
@-webkit-keyframes remodal-opening-keyframes {
    from {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0;
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0);
    }
}
@keyframes remodal-opening-keyframes {
    from {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0;
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0);
    }
}
@-webkit-keyframes remodal-closing-keyframes {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        opacity: 0;
        -webkit-filter: blur(0);
        filter: blur(0);
    }
}
@keyframes remodal-closing-keyframes {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        opacity: 0;
        -webkit-filter: blur(0);
        filter: blur(0);
    }
}
@-webkit-keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes remodal-overlay-opening-keyframes {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes remodal-overlay-closing-keyframes {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@media only screen and (min-width: 641px) {
    .remodal {
        max-width: 960px;
    }
}
.lt-ie9 .remodal-overlay {
    background: #2b2e38;
}
.lt-ie9 .remodal {
    width: 700px;
}
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
    float: left;
}
.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
    visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform;
}
.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
    display: none;
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms opacity;
    -o-transition: 300ms opacity;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
}
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
    position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
}
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
}
button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: 200ms top, 200ms -webkit-transform;
    transition: 200ms top, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms left, 200ms -webkit-transform;
    transition: 200ms left, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms right, 200ms -webkit-transform;
    transition: 200ms right, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000000;
}
.swiper-pagination-lock {
    display: none;
}
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}
.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}
.swiper-scrollbar-cursor-drag {
    cursor: move;
}
.swiper-scrollbar-lock {
    display: none;
}
.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.swiper-slide-zoomed {
    cursor: move;
}
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-container-cube {
    overflow: visible;
}
.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0;
}
.swiper-container-flip {
    overflow: visible;
}
.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px;
}
.p-accordion label {
    position: relative;
    display: block;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -o-transition: 0.8s;
    -ms-transition: 0.8s;
    transition: 0.8s;
}
.p-accordion label::before {
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -0.5em;
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
}
.p-accordion input {
    display: none;
}
.p-accordion__show {
    padding: 0;
    height: 0;
    overflow: hidden;
    opacity: 0;
}
.p-accordion__click:checked + label + .p-accordion__show {
    margin-bottom: 0.4rem;
    padding: 1.5rem 1.5rem 1rem;
    height: auto;
    max-height: 200px;
    overflow-y: scroll;
    opacity: 1;
}
.p-accordion__click:checked + label::before {
    content: "\f068";
}
.p-bread {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}
.p-bread > li {
    margin-right: 0.5em;
    font-family: "Saira Semi Condensed", sans-serif;
    font-size: 12px;
    letter-spacing: 0.05em;
    line-height: 1em;
}
.p-bread > li a {
    position: relative;
    display: block;
    padding-right: 1.5rem;
}
.p-bread > li a::after {
    content: "\f054";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.6em;
    font-family: "Font Awesome 5 Free";
    font-size: 1rem;
    font-weight: bold;
}
.p-bread > li:last-child {
    margin-right: 0;
}
.p-bread > li:last-child::after {
    display: none;
}
@media (min-width: 768px) {
    .p-bread > li {
        font-size: 14px;
    }
    .p-bread > li::after {
        vertical-align: top;
    }
}
.p-form__body {
    margin-bottom: 3rem;
    text-align: left;
}
.p-form__title {
    margin-bottom: 2rem;
    font-size: 1.8rem;
    text-align: left;
}
.p-form__content {
    margin-bottom: 2rem;
}
.p-form__radio > span {
    display: block;
    margin-left: 0 !important;
    padding-bottom: 10px;
}
.p-form__date input {
    margin-right: 5px;
    margin-left: 20px;
    width: 20%;
    min-width: 0;
}
.p-form__date input:first-child {
    margin-left: 0;
}
.p-form__telnumber span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.p-form__telnumber span input {
    margin-right: 0.5em;
    margin-left: 0.5em;
    min-width: 0;
}
.p-form__telnumber span input:first-child {
    margin-left: 0;
}
.p-form__telnumber span input:last-child {
    margin-right: 0;
}
.p-form__foot {
    margin-bottom: 4rem;
}
.p-form__reading {
    margin-bottom: 3rem;
    text-align: left;
}
.p-form__check {
    margin-bottom: 3rem;
}
.p-form__check label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.p-form__check .error {
    text-align: center;
}
.p-form__checklabel {
    display: none;
}
.p-form__checklabel + span {
    position: relative;
    padding-left: 2.6rem;
    line-height: 1;
}
.p-form__checklabel + span::before {
    content: "";
    display: block;
    position: absolute;
    top: 0.1rem;
    left: 0;
    width: 1.6rem;
    height: 1.6rem;
    border: 1px solid #999;
    border-radius: 4px;
}
.p-form__checklabel:checked + span {
    color: #cb171d;
}
.p-form__checklabel:checked + span::after {
    content: "";
    display: block;
    position: absolute;
    top: -5px;
    left: 5px;
    width: 7px;
    height: 14px;
    transform: rotate(40deg);
    border-bottom: 3px solid #cb171d;
    border-right: 3px solid #cb171d;
}
@media only screen and (min-width: 768px) {
    .p-form__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        /*-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;*/
    }
    .p-form__title {
        padding-top: 10px;
        width: 30%;
        text-align: left;
    }
    .p-form__content {
        width: 70%;
    }
    .p-form__radio {
        padding-top: 10px;
    }
}
.p-messagehead {
    position: relative;
    margin: 0 auto 4rem;
    padding-bottom: 12rem;
    max-width: 1000px;
}
.p-messagehead__intro {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 1.5em 2em;
    color: #fff;
    background-color: #cb171d;
}
.p-messagehead__copy {
    margin-bottom: 1em;
    font-size: 2rem;
    font-weight: bold;
}
.p-messagehead__position {
    text-align: right;
}
.p-messagehead__name {
    font-size: 1.8rem;
    text-align: right;
}
@media only screen and (min-width: 768px) {
    .p-messagehead {
        margin-bottom: 6rem;
        padding-bottom: 4rem;
    }
    .p-messagehead__txt {
        position: absolute;
        top: 20%;
        left: 5%;
        width: 50%;
        max-width: 360px;
    }
    .p-messagehead__copy {
        margin-bottom: 0.5em;
        font-size: 3rem;
    }
    .p-messagehead__name {
        font-size: 2rem;
    }
}
@media only screen and (min-width: 1200px) {
    .p-messagehead__txt {
        top: 120px;
        left: 30px;
        max-width: 460px;
    }
}
.p-messageblock {
    margin: 0 auto;
    max-width: 870px;
    overflow: hidden;
}
.p-messagephoto {
    margin-bottom: 3rem;
    text-align: center;
}
.p-messagebox {
    margin: 0 auto 3rem;
    padding: 0 20px;
    max-width: 870px;
}
.p-messagehline {
    display: inline-block;
    margin-bottom: 2rem;
    padding: 0.5rem;
    font-size: 1.8rem;
    border-bottom: 4px #cb171d solid;
}
@media only screen and (min-width: 768px) {
    .p-messageblock {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .p-messageblock .p-messagebox {
        margin-right: 0;
        width: calc(50% + 10px);
        min-height: 300px;
    }
    .p-messageblock .p-messagephoto {
        position: absolute;
        top: 50%;
        left: -60px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: calc(50% - 10px);
    }
    .p-messageblock:nth-child(odd) .p-messagephoto {
        left: auto;
        right: -60px;
    }
    .p-messageblock:nth-child(odd) .p-messagebox {
        margin-right: auto;
        margin-left: 0;
    }
    .p-messagebox,
    .p-messagephoto {
        margin-bottom: 0;
    }
}
@media only screen and (min-width: 1000px) {
    .p-messageblock {
        overflow: visible;
    }
}
.p-nav {
    font-family: "Saira Semi Condensed", sans-serif;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 1;
}
.p-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.p-nav p {
    margin: 0;
}
.p-nav a {
    display: block;
    color: #000;
}
.p-nav a:hover {
    text-decoration: none;
}
.p-nav__first > li {
    margin-top: 0.8em;
}
.p-nav__symbol {
    position: relative;
    display: block;
    margin: 0;
    cursor: pointer;
    transition: all 0.5s;
}
.p-nav__symbol::after {
    position: absolute;
    top: 50%;
    margin-top: -6px;
    padding-left: 0.5em;
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    font-size: 12px;
    font-weight: bold;
}
.p-nav__symbol--close::after {
    content: "\f068";
}
.p-nav__show {
    display: none;
}
.p-nav__show > li {
    margin-top: 0.8em;
    padding-left: 1em;
    font-family: "Noto Sans CJK JP", sans-serif;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0;
}
.p-nav__show > li > a::before {
    content: "";
    display: inline-block;
    margin-top: -0.3em;
    margin-right: 5px;
    width: 12px;
    height: 4px;
    background: url(../img/arrow_line_black.svg) no-repeat left;
    background-size: contain;
    vertical-align: middle;
}
.p-nav__entry a {
    color: #cb171d;
}
@media (min-width: 500px) {
    .p-nav__first {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .p-nav__first > li {
        width: 50%;
    }
    .p-nav__show > li {
        padding-left: 0;
    }
}
@media (min-width: 768px) {
    .p-nav__first > li {
        width: 33.33%;
    }
}
@media (min-width: 900px) {
    .p-nav__first > li {
        width: 25%;
    }
}
.p-pagehead {
    text-align: center;
}
.p-pagehead__inner {
    position: relative;
    width: 100%;
    height: 330px;
}
.p-pagehead__inner.entry__titleinner {
    height: auto;
}
.p-pagehead__body {
    position: inherit;
    display: table;
    margin: 0 auto;
    padding: 0.2em;
    font-size: 3rem;
    background-color: #fff;
    line-height: 1.3;
    letter-spacing: 0.05em;
    z-index: 1;
}
.p-pagehead__body.about,
.p-pagehead__body.feature {
    font-size: clamp(2rem, 3vw, 3rem);
}
.p-pagehead__copy {
    position: absolute;
    right: auto;
    left: auto;
    bottom: 0;
    width: 100%;
    height: 260px;
    background: url(../img/phead_vision_sp.jpg) no-repeat center;
    background-size: cover;
}
.p-pagehead__copy.community {
    background-image: url(../img/phead_community_sp.jpg);
}
.p-pagehead__copy.career {
    background-image: url(../img/phead_career_sp.jpg);
}
.p-pagehead__copy.evaluation {
    background-image: url(../img/phead_evaluation_sp.jpg);
}
.p-pagehead__copy.company {
    background-image: url(../img/phead_company_sp.jpg);
}
.p-pagehead__copy.child {
    background-image: url(../img/phead_child_sp.jpg);
}
.p-pagehead__copy.feature {
    background-image: url(../img/phead_feature_sp.webp);
}
.p-pagehead__copy.about {
    background-image: url(../img/phead_about_sp.webp);
}
.p-pagehead__copy p {
    position: absolute;
    top: 50%;
    right: auto;
    left: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-bottom: 0;
    width: 100%;
    color: #fff;
    font-size: 1.8rem;
    font-weight: bold;
    text-shadow: 0 0 4px #000;
    letter-spacing: 0.02em;
}
body.message .p-pagehead__inner,
body.hr .p-pagehead__inner,
body.interview .p-pagehead__inner {
    height: inherit;
}
@media (min-width: 768px) {
    .p-pagehead__copy {
        background-image: url(../img/phead_vision_pc.jpg);
    }
    .p-pagehead__copy.community {
        background-image: url(../img/phead_community_pc.jpg);
    }
    .p-pagehead__copy.career {
        background-image: url(../img/phead_career_pc.jpg);
    }
    .p-pagehead__copy.evaluation {
        background-image: url(../img/phead_evaluation_pc.jpg);
    }
    .p-pagehead__copy.company {
        background-image: url(../img/phead_company_pc.jpg);
    }
    .p-pagehead__copy.child {
        background-image: url(../img/phead_child_pc.jpg);
    }
    .p-pagehead__copy.feature {
        background-image: url(../img/phead_feature_pc.webp);
        background-position: top center;
    }
    .p-pagehead__copy.about {
        background-image: url(../img/phead_about_pc.webp);
        background-position: top center;
    }
    .p-pagehead__copy p {
        font-size: 2rem;
    }
}
.p-pagetitle {
    margin-bottom: 50px;
}
.p-pagetitle__wrap {
    position: relative;
    background-color: #fff;
    background-image: url(../img/bg_pt_stone.png);
    overflow: hidden;
}
.p-pagetitle__wrap::before,
.p-pagetitle__wrap::after {
    position: absolute;
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
}
.p-pagetitle__wrap::before {
    top: 0;
    left: 0;
    width: 52px;
    height: 120px;
    background-image: url(../img/corner_topleft.svg);
}
.p-pagetitle__wrap::after {
    right: -1px;
    bottom: 0;
    width: 52px;
    height: 120px;
    background-image: url(../img/corner_btmright.svg);
}
.p-pagetitle__inner {
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
}
.p-pagetitle__body {
    margin-bottom: 0;
    font-family: "Saira Semi Condensed", sans-serif;
    /*font-size: 4.6rem;*/
    font-size: clamp(2rem, 4.5vw, 3rem);
    letter-spacing: 0.02em;
    line-height: 1;
}
.p-page404__title {
    margin-bottom: 2rem;
    font-size: 2rem;
    text-align: center;
}
.p-page404__subtitle {
    margin-bottom: 3rem;
    text-align: center;
    letter-spacing: 0.02em;
}
.p-page404__number {
    display: block;
    color: #cb171d;
    font-size: 30vmin;
    line-height: 1;
}
@media only screen and (min-width: 768px) {
    .p-page404__number {
        font-size: 12rem;
    }
}
.p-page404__note {
    display: table;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 4rem;
}
body.interview-child .p-pagetitle {
    margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
    .p-pagetitle {
        margin-bottom: 70px;
        background-color: #cb171d;
    }
    .p-pagetitle__wrap {
        margin: 0 auto;
        max-width: 1000px;
    }
    .p-pagetitle__inner {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
.swiper-slide {
    position: relative;
    text-align: center;
}
.swiper-slide::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 30px;
    height: 70px;
    display: inline-block;
    background-image: url(../img/corner_topleft.svg);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -888;
}
.swiper-button-prev,
.swiper-button-next {
    display: none;
}
.swiper-pagination {
    position: relative;
    left: initial !important;
    bottom: initial !important;
    padding-top: 30px;
    line-height: 1;
}
.swiper-pagination .swiper-pagination-bullet {
    margin: 0 9px !important;
    width: 12px;
    height: 12px;
    background: #ccc;
    border-radius: 0;
    opacity: 1;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -o-transition: 0.8s;
    -ms-transition: 0.8s;
    transition: 0.8s;
}
.swiper-pagination .swiper-pagination-bullet-active {
    background: #cb171d;
}
@media (min-width: 768px) {
    .swiper-slide::before {
        width: 25%;
        height: 100%;
        max-width: 36px;
        max-height: 84px;
    }
}
.p-staffbox__inner {
    position: relative;
}
.p-staffbox__inner::before {
    position: absolute;
    top: 1px;
    left: 0;
    content: "";
    width: 30px;
    height: 70px;
    display: inline-block;
    background-image: url(../img/corner_topleft.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.p-staffbox__detail {
    position: absolute;
    bottom: 0;
    padding: 7.5px;
    width: 100%;
    color: #fff;
    font-size: 1rem;
    line-height: 1.2;
    background-color: rgba(0, 0, 0, 0.7);
}
.p-tab input[type="radio"] {
    display: none;
}
.p-tab__wrapper {
    margin: 0 auto;
}
.p-tab__click {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
}
.p-tab__click label {
    display: block;
    margin: 0;
    padding: 0.5em 1em 0.6em;
    width: 50%;
    color: #fff;
    line-height: 1;
    background-color: #cb171d;
    border-right: 1px #fff solid;
    border-bottom: 1px #fff solid;
    cursor: pointer;
    transition: ease 0.2s opacity;
}
.p-tab__click label::before {
    content: "";
    display: inline-block;
    margin-top: -0.3em;
    margin-right: 1rem;
    width: 14px;
    height: 4px;
    background: url(../img/arrow_line_white.svg) no-repeat left;
    background-size: contain;
    vertical-align: middle;
}
.p-tab__content {
    display: none;
}
#tab1:checked ~ .p-tab__area #panel1 {
    display: block;
}
#tab2:checked ~ .p-tab__area #panel2 {
    display: block;
}
#tab3:checked ~ .p-tab__area #panel3 {
    display: block;
}
#tab4:checked ~ .p-tab__area #panel4 {
    display: block;
}
.c-table {
    width: 100%;
    border-right: #e8e8e8 6px solid;
    border-bottom: #e8e8e8 6px solid;
}
.c-table th,
.c-table td {
    padding: 0.8em 0.5em;
    border-top: #e8e8e8 6px solid;
    border-left: #e8e8e8 6px solid;
}
.c-table th {
    min-width: 7em;
    font-weight: bold;
    text-align: center;
}
.c-table.c-table--white {
    border-right-color: #fff;
    border-bottom-color: #fff;
}
.c-table.c-table--white th,
.c-table.c-table--white td {
    border-top-color: #fff;
    border-left-color: #fff;
}
@media (min-width: 768px) {
    .c-table th,
    .c-table td {
        padding: 1em 1.5em;
    }
}
.u-ta-right {
    text-align: right;
}
.u-ta-left {
    text-align: left;
}
.u-ta-center {
    text-align: center;
}
.u-bg-gray {
    background-color: #e8e8e8;
}
.u-bg-dark {
    background-color: #373c38;
}
.u-clearfix:after {
    content: " ";
    display: block;
    clear: both;
}
.u-img-space {
    margin: 1rem;
}
.top-sec-title {
    font-family: "Saira Semi Condensed", sans-serif;
    font-size: 4.6rem;
    line-height: 1;
    letter-spacing: 0.05em;
}
@media only screen and (min-width: 768px) {
    .top-sec-title {
        font-size: 5.6rem;
    }
}
.top-header__wrap {
    position: relative;
    color: #fff;
    text-shadow: 0 0 10px #000;
    background-image: url("../img/home/mainvisual_sp_v2024_v3.webp");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #ffffff;
}
.top-header__wrap::before,
.top-header__wrap::after {
    position: absolute;
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
}
.top-header__wrap::before {
    top: 0;
    left: 0;
    width: 70px;
    height: 164px;
    background-image: url(../img/corner_topleft.svg);
}
.top-header__wrap::after {
    right: 0;
    bottom: 0;
    width: 40px;
    height: 94px;
    background-image: url(../img/corner_btmright.svg);
}
.top-header__inner {
    position: relative;
    min-height: 400px;
    /*min-height: 360px;*/
}
.top-header__body {
    position: absolute;
    bottom: 40px;
    /*left: 15px;*/
    /*right: 0;*/
    width: 100%;
    /*text-align: right;*/
}
.top-header__title {
    padding-left: 1em;
    /*font-family: "Saira Semi Condensed", sans-serif;*/
    font-family: "Shippori Mincho", serif;
    font-family: "Shippori Mincho B1", serif;
    font-family: "Zen Maru Gothic", sans-serif;
    /*font-size: 36px;*/
    font-size: 8vmin;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: 0.05em;
}
.top-header__title span {
    display: block;
}
.top-header__copy {
    margin-top: 20px;
    padding-right: 10px;
    /*font-size: 3vmin;*/
    /*font-family: "Shippori Mincho", serif;
  font-family: "Shippori Mincho B1", serif;*/
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 500;
}
@media only screen and (min-width: 400px) {
    .top-header__inner {
        min-height: 500px;
    }
}
@media only screen and (min-width: 560px) {
    .top-header__wrap {
        background-image: none;
        background-color: #eeeeee;
        /*background-image: url("../img/home/mainvisual_pc_v2023.jpg");*/
        /*background-size: contain;*/
        /*background-color: #cb171d;*/
    }
    .top-header__wrap::before {
        /*width:30px;height:304px;*/
        display: none;
    }
    .top-header__wrap::after {
        /*width:100px;height:234px;*/
        display: none;
    }
    .top-header__inner {
        margin: 0 auto;
        max-width: 1000px;
        background-image: url("../img/home/mainvisual_pc_v2024_v3.webp");
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
        /*max-width: 750px;*/
        /*min-height:600px*/
    }
    .top-header__body {
        bottom: 60px;
    }
    .top-header__title {
        font-size: 42px;
    }
    .top-header__copy {
        margin-top: 50px;
        padding-right: 20px;
        font-size: 24px;
    }
}
@media only screen and (min-width: 768px) {
    .top-header__inner {
        /*height:680px;*/
        height: 500px;
        max-width: 1260px;
    }
    .top-header__body {
        /*bottom: 120px;*/
        bottom: 50px;
    }
    .top-header__title {
        padding-left: 54px;
        /*font-size: 64px;*/
        font-size: 36px;
        text-align: left;
    }
    .top-header__copy {
        margin-top: 30px;
        padding-right: 0;
        padding-left: 60px;
        font-size: 32px;
        text-align: left;
    }
}
@media only screen and (min-width: 1000px) {
    .top-header__inner {
        height: 666px;
    }
    .top-header__body {
        bottom: 80px;
    }
    .top-header__title {
        font-size: 56px;
    }
}
@media only screen and (min-width: 1110px) {
    /*.top-header__wrap{background-position:center -60px}*/
}
@media only screen and (min-width: 1600px) {
    .top-header {
        /*background-color: #cb171d;*/
    }
    .top-header__wrap {
        margin: 0 auto;
        /*max-width: 1500px;*/
        /*max-width: 1200px;*/
    }
    .top-header__wrap::before,
    .top-header__wrap::after {
        display: none;
    }
}
.top-infomation {
    /*position: relative;
  margin-top: -20px;*/
    margin-top: 40px;
    /*argin-bottom: 80px;*/
    margin-bottom: 40px;
    padding-right: 0;
    padding-left: 0;
    /*z-index: 1;*/
}
.top-infomation__inner {
    padding: 20px 15px 15px;
    width: 100%;
    background-color: #fff; /*box-shadow:0 0 6px #999*/
}
.top-infomation__head {
    margin-bottom: 1rem;
    font-family: "Saira Semi Condensed", sans-serif;
    font-size: 1.4rem;
}
.top-infomation__body {
    font-size: 1.4rem;
}
.top-infomation__topic {
    margin-bottom: 0.5em;
    font-weight: normal;
}
.top-infomation__more {
    margin-bottom: 1rem;
}
.top-infomation__more:last-child {
    margin-bottom: 0;
}
.top-infomation__btn {
    float: right;
    display: inline-block;
}
@media only screen and (min-width: 768px) {
    /*.top-infomation {
    margin-top: -40px;
  }*/
    .top-infomation__inner {
        padding: 30px 40px;
        width: auto;
    }
    .top-infomation__head {
        margin-bottom: 1.5rem;
        font-size: 1.6rem;
    }
    .top-infomation__body {
        font-size: 1.6rem;
    }
}
.top-entrycontents {
    margin: 0 auto;
    padding: 0 15px 80px;
    max-width: 400px;
}
.top-entrycontents.top-appealcontents {
    padding-bottom: 40px;
}
.top-entrycontents > div {
    padding-bottom: 40px;
}
.top-entrycontents > div:last-child {
    padding-bottom: 0;
}
.top-entrycontents a {
    display: block;
    /*padding: 1em 2em;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    background: #373c38;*/
}
@media only screen and (min-width: 768px) {
    .top-entrycontents {
        display: flex;
        gap: 20px;
        max-width: 1030px;
    }
    .top-entrycontents > div {
        padding: 0;
    }
}
/*
.top-entrybtn {
  margin-bottom: 50px;
}
.top-entry__list {
  padding: 0 15px;
  max-width: 1030px;
}
.top-entry {
  margin-bottom: 20px;
  background-color: #ffffff;
  border: #cb171d 4px solid;
  transform: skewX(-5deg);
  box-shadow: 5px 5px 0 0 #cccccc;
}
.top-entry:last-child {
  margin-right: 0;
}
.top-entry a {
  display: block;
  padding-top: 1em;
  padding-bottom: 1em;
  color: #cb171d;
  font-weight: bold;
  text-align: center;
}
.top-entry a:hover,
.top-entry a:visited,
.top-entry a:active {
  text-decoration: none;
}
.top-entry span {
  display: block;
  padding-top: 3.5px;
  font-size: 85%;
}
@media only screen and (min-width: 768px) {
  .top-entrybtn {
    margin-bottom: 100px;
  }
  .top-entry__list {
  }
  .top-entry {
  }
  .top-entry br {
    display: none;
  }
}
@media only screen and (min-width: 1030px) {
  .top-entry__list {
    display: flex;
    margin: 40px auto 120px;
    padding: 40px 15px 0;
    padding-right: 0;
    padding-left: 0;
  }
  .top-entry {
    margin-right: 20px;
    width: 20%;
    border: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transform: skewX(0);
  }
  .top-entry--new {
    background-image: url("../img/home/entry_new.jpg");
  }
  .top-entry--carrier {
    background-image: url("../img/home/entry_career.jpg");
  }
  .top-entry--carrier2 {
    background-image: url("../img/home/entry_career2.jpg");
  }
  .top-entry--return {
    background-image: url("../img/home/entry_return.jpg");
  }
  .top-entry--arigatou {
    background-image: url("../img/home/entry_arigatou.jpg");
  }
  .top-entry a {
    padding-top: 50px;
    padding-bottom: 50px;
    color: #ffffff;
    backdrop-filter: brightness(0.6);
  }
  .top-entry br {
    display: block;
  }
}
*/
.top-lead {
    position: relative;
    margin-bottom: 50px;
    overflow: hidden;
}
.top-lead::after {
    position: absolute;
    top: 2.5rem;
    right: 60px;
    content: "";
    width: calc(100% - 60px);
    height: calc(100% - 2.5rem);
    background-color: #e8e8e8;
    z-index: -999;
}
.top-lead__inner {
    padding-bottom: 30px;
}
.top-lead__head {
    margin-bottom: 15px;
    color: #cb171d;
    font-family: "Saira Semi Condensed", sans-serif;
    font-size: 5rem;
    line-height: 1;
    text-align: center;
}
.top-lead__body {
    padding-right: 15px;
    padding-left: 15px;
}
.top-lead__subtitle {
    margin-bottom: 30px;
    text-align: center;
    font-weight: bold;
}
.top-lead__vision {
    display: table;
    margin: 0 auto;
}
.top-lead__vision > p {
    margin-bottom: 1.5em;
    font-size: 1.4rem;
}
.top-lead__btn {
    float: right;
}
@media only screen and (min-width: 500px) {
    .top-lead__vision > p {
        font-size: 1.6rem;
    }
}
@media only screen and (min-width: 768px) {
    .top-lead {
        margin-bottom: 70px;
    }
    .top-lead::after {
        display: none;
    }
    .top-lead__inner {
        position: relative;
        margin: 0 auto;
        padding-left: 145px;
        padding-bottom: 40px;
        max-width: 1000px;
    }
    .top-lead__inner::before {
        position: absolute;
        top: 2.5rem;
        right: 80px;
        content: "";
        width: 100vw;
        height: calc(100% - 2.5rem);
        background-color: #e8e8e8;
        z-index: -999;
    }
    .top-lead__head {
        margin-bottom: 22.5px;
        font-size: 7rem;
        text-align: left;
    }
    .top-lead__body {
        padding-right: 0;
        padding-left: 0;
    }
    .top-lead__subtitle {
        text-align: left;
        font-size: 2rem;
    }
    .top-lead__vision {
        display: block;
    }
    .top-lead__btn {
        float: none;
        margin-top: 40px;
    }
}
.top-sdgs {
    position: relative;
    margin-bottom: 80px;
    overflow: hidden;
}
.top-sdgs::after {
    position: absolute;
    top: 2.5rem;
    left: 60px;
    content: "";
    width: calc(100% - 60px);
    height: calc(100% - 2.5rem);
    background-color: #e8e8e8;
    z-index: -999;
}
.top-sdgs__inner {
    padding-bottom: 30px;
}
.top-sdgs__head {
    margin-bottom: 15px;
    color: #cb171d;
    font-family: "Saira Semi Condensed", sans-serif;
    font-size: 2.5rem;
    line-height: 1;
    text-align: center;
}
.top-sdgs__head span {
    margin-right: 0.1em;
    font-size: 3.5rem;
}
.top-sdgs__body {
    padding-right: 15px;
    padding-left: 15px;
}
.top-sdgs__em {
    font-weight: bold;
}
.top-sdgs__img img {
    max-width: 600px;
}
@media only screen and (min-width: 768px) {
    .top-sdgs {
        margin-bottom: 70px;
    }
    .top-sdgs::after {
        display: none;
    }
    .top-sdgs__inner {
        position: relative;
        margin: 0 auto;
        padding-left: 240px;
        padding-bottom: 40px;
        max-width: 1000px;
    }
    .top-sdgs__inner::before {
        position: absolute;
        top: 2.5rem;
        left: 140px;
        content: "";
        width: 100vw;
        height: calc(100% - 2.5rem);
        background-color: #e8e8e8;
        z-index: -999;
    }
    .top-sdgs__head {
        margin-bottom: 22.5px;
        font-size: 4rem;
        text-align: left;
    }
    .top-sdgs__head span {
        margin-right: 0.2em;
        font-size: 5.2rem;
    }
    .top-sdgs__body {
        padding-right: 0;
        padding-left: 0;
    }
}
.top-message {
    position: relative;
    overflow: hidden;
    margin-bottom: 80px;
}
.top-message::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: calc(100% - 60px);
    height: 100%;
    background-color: #cb171d;
    z-index: -999;
}
.top-message__inner {
    padding-top: 30px;
}
.top-message__head {
    color: #fff;
    margin-bottom: 30px;
    padding-left: 15px;
}
.top-message__body {
    display: table;
    margin: 0 auto;
    width: 100%;
    max-width: 500px;
}
.top-message__pres,
.top-message__hr {
    position: relative;
    margin-bottom: 50px;
}
.top-message__comment {
    padding: 40px 20px;
    width: calc(100% - 60px);
    font-size: 1.4rem;
    background-color: #fff;
}
.top-message__pickup {
    margin-bottom: 3rem;
    font-size: 5vmin;
    font-weight: bold;
    line-height: 1.3;
}
.top-message__name {
    margin-bottom: 1.5rem;
    font-size: 1.6rem;
}
.top-message__img {
    position: absolute;
    right: -60px;
    bottom: -50px;
    max-width: 280px;
}
.top-message__hr .top-message__comment {
    margin-left: auto;
    text-align: right;
}
.top-message__hr .top-message__more {
    float: right;
}
.top-message__hr .top-message__img {
    right: auto;
    left: -60px;
}
@media only screen and (min-width: 540px) {
    .top-message__pickup {
        font-size: 3.5vmin;
    }
}
@media only screen and (min-width: 768px) {
    .top-message {
        margin-bottom: 90px;
    }
    .top-message::before {
        width: 100%;
        height: calc(100% - 90px);
    }
    .top-message::after {
        position: absolute;
        top: 0;
        content: "";
        width: 100%;
        height: 100%;
        background-image: url(../img/bg_pt_line.svg);
        background-size: 300px auto;
        opacity: 0.15;
        z-index: -888;
    }
    .top-message__inner {
        margin: 0 auto;
        padding-top: 40px;
        max-width: 1000px;
    }
    .top-message__head {
        margin-bottom: 60px;
        padding-left: 0;
        font-size: 5.6rem;
        text-align: center;
    }
    .top-message__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: none;
    }
    .top-message__pres,
    .top-message__hr {
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 0;
        width: 600px;
    }
    .top-message__comment {
        padding: 40px 20px 40px 40px;
        width: calc(100% - 10px);
        font-weight: 500;
        line-height: 1.3;
    }
    .top-message__pickup {
        font-size: 1.6rem;
    }
    .top-message__img {
        top: auto;
        right: 10px;
        bottom: 0;
        width: 57%;
    }
    .top-message__hr .top-message__img {
        left: 10px;
        width: 60%;
    }
}
@media only screen and (min-width: 1000px) {
    .top-message__pickup {
        margin-bottom: 1.5rem;
        font-size: 2.8rem;
    }
}
.top-interview {
    margin-bottom: 70px;
    overflow: hidden;
}
.top-interview__head {
    position: relative;
}
.top-interview__title {
    margin-bottom: 20px;
    color: #cb171d;
    text-align: center;
    line-height: 1;
}
.top-interview__subtitle {
    display: table;
    margin-right: -20px;
    margin-bottom: 30px;
    margin-left: auto;
    padding: 0.2em 2em 0.2em 1em;
    background-color: #cb171d;
    transform: skewX(-12deg);
}
.top-interview__subtitle > p {
    margin-bottom: 0;
    color: #fff;
    font-size: 1.4rem;
    transform: skewX(12deg);
}
.top-interview__slider {
    margin: 0 auto;
    max-width: 2000px;
}
.top-interview__slide a {
    display: block;
}
.top-interview__photo {
    position: relative;
    z-index: -999;
}
.top-interview__photo a {
    display: block;
}
.top-interview__photo img {
    vertical-align: middle;
}
.top-interview__name {
    position: absolute;
    bottom: 0;
    padding: 7.5px;
    width: 100%;
    color: #fff;
    font-size: 1rem;
    text-align: left;
    background-color: rgba(0, 0, 0, 0.7);
}
@media only screen and (min-width: 768px) {
    .top-interview {
        margin-bottom: 90px;
    }
    .top-interview__name {
        padding: 10px;
        font-size: 1.4rem;
    }
    .top-interview__subtitle {
        margin: 0 auto 40px;
    }
}
.top-moreinfo {
    position: relative;
    margin-bottom: 60px;
    padding-top: 50px;
    padding-bottom: 20px;
    overflow: hidden;
}
.top-moreinfo::after {
    position: absolute;
    top: 0;
    left: 30px;
    content: "";
    width: calc(100% - 30px);
    height: 100%;
    background-color: #e8e8e8;
    z-index: -999;
}
.top-moreinfo__head {
    margin-bottom: 40px;
    padding-left: 15px;
}
.top-moreinfo__body {
    padding-right: 20px;
    padding-left: 20px;
}
.top-moreinfo__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding: 0;
}
.top-moreinfo__block {
    margin-right: 20px;
    margin-bottom: 20px;
    width: calc(50% - 10px);
    /*max-width: 200px;*/
}
.top-moreinfo__block:nth-child(even) {
    margin-right: 0;
}
.top-moreinfo__block a {
    display: block;
    padding-top: 22.5px;
    padding-bottom: 22.5px;
    color: #fff;
    text-decoration: none;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -o-transition: 0.8s;
    -ms-transition: 0.8s;
    transition: 0.8s;
}
/*
.top-moreinfo__block--message a {
  background-image: url("../img/home/message_pres.png");
  background-position: top right;
  background-repeat: no-repeat;
  background-size: contain;
}
.top-moreinfo__block--message img {
  visibility: hidden;
}
*/
.top-moreinfo__block a:hover {
    background-color: #495057;
}
.top-moreinfo__img {
    fill: #ffffff;
    margin-bottom: 20px;
    width: 44%;
    max-width: 60px;
    max-height: 48px;
}
.top-moreinfo__en {
    margin-bottom: 0.5em;
}
.top-moreinfo__ja {
}
@media only screen and (min-width: 460px) {
    .top-moreinfo__head {
        text-align: center;
    }
    .top-moreinfo__body {
        display: table;
        width: auto;
    }
}
@media only screen and (min-width: 768px) {
    .top-moreinfo {
        margin-bottom: 80px;
        padding-top: 0;
        padding-bottom: 0;
    }
    .top-moreinfo::after {
        right: 50%;
        left: 0;
        width: 50%;
    }
    .top-moreinfo__inner {
        position: relative;
        margin: 0 auto;
        padding-top: 50px;
        padding-bottom: 40px;
        max-width: 1000px;
    }
    .top-moreinfo__inner::before {
        position: absolute;
        top: 0;
        right: 80px;
        content: "";
        width: 100%;
        height: 100%;
        background-color: #e8e8e8;
        z-index: -999;
    }
    .top-moreinfo__head {
        padding-left: 0;
    }
    .top-moreinfo__body {
        display: block;
    }
    /*.top-moreinfo__list {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }*/
    .top-moreinfo__block {
        padding-top: 24px;
        padding-bottom: 24px;
        width: calc(25% - 15px);
        /*max-width: 235px;*/
    }
    .top-moreinfo__block:nth-child(even) {
        margin-right: 20px;
    }
    .top-moreinfo__block:nth-child(4n) {
        margin-right: 0;
    }
    .top-moreinfo__img {
        max-width: 72px;
        max-height: 56px;
    }
}
@media only screen and (min-width: 1030px) {
    .top-moreinfo__body {
        padding-right: 0;
        padding-left: 0;
    }
}
.career__content {
    position: relative;
    margin-bottom: 2rem;
}
.career__subtitle {
    margin-bottom: 2rem;
    text-align: center;
}
.career__img {
    margin-bottom: 2rem;
    text-align: center;
}
.career__img > img {
    width: 100%;
}
.career__detail {
    padding: 1em;
    padding-top: 0;
}
.career__development {
    padding-top: 2rem;
}
@media only screen and (min-width: 768px) {
    .career__keyword {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 6rem;
    }
    .career__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0;
        padding-top: 6rem;
        padding-bottom: 5rem;
        width: 50%;
        color: #fff;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .career__content-new {
        background-image: url(../img/career/training_new_pc_v2.jpg);
    }
    .career__content-follow {
        background-image: url(../img/career/training_follow_pc_v2.jpg);
    }
    .career__content-da-school {
        background-image: url(../img/career/training_da-school_pc_v2.jpg);
    }
    .career__content-career {
        background-image: url(../img/career/training_career_pc.jpg);
    }
    .career__detail {
        padding-right: 3rem;
        padding-left: 3rem;
    }
    .career__development {
        padding-top: 3rem;
    }
}
.community__content {
    position: relative;
    margin-bottom: 2rem;
    background-color: #fff;
}
.community__subtitle {
    margin-bottom: 2rem;
    text-align: center;
}
.community__img {
    margin-bottom: 2rem;
    text-align: center;
}
.community__img > img {
    width: 100%;
}
.community__detail {
    padding: 1em;
    padding-top: 0;
}
@media only screen and (min-width: 480px) {
    .community__keyword {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .community__content {
        width: calc(50% - 1rem);
    }
}
@media only screen and (min-width: 768px) {
    .community__content {
        width: calc(33.33% - 1rem);
    }
}
.welfare {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.welfare > div {
    width: 50%;
    height: 16rem;
    text-align: center;
}
.welfare > div:nth-child(-n + 2) {
    border-top: #373c38 6px solid;
}
.welfare > div:nth-child(2n + 1) {
    border-left: #373c38 6px solid;
}
.welfare__title {
    position: relative;
}
.welfare__title-name {
    position: absolute;
    top: 30%;
    width: 100%;
    font-size: 1.6rem;
}
.welfare__title-sub {
    position: absolute;
    bottom: 2.6rem;
    width: 100%;
    text-align: center;
}
.welfare__list {
    position: relative;
    border-right: #373c38 6px solid;
    border-bottom: #373c38 6px solid;
}
.welfare__name,
.welfare__button {
    width: 100%;
}
.welfare__name {
    position: absolute;
    top: 30%;
    color: #cb171d;
    font-weight: bold;
    line-height: 1.2;
}
.welfare__button {
    position: absolute;
    bottom: 3rem;
    cursor: pointer;
}
.welfare__button > div {
    display: table;
    margin: 0 auto;
}
.welfare__detailtxt {
    padding: 2rem 2rem 4rem;
    text-align: left;
}
.welfare__system {
    margin-bottom: 0.5em;
    color: #cb171d;
    font-size: 3rem;
    line-height: 1;
}
@media only screen and (min-width: 768px) {
    .welfare > div {
        width: 20%;
        height: 18rem;
    }
    .welfare > div:nth-child(-n + 2) {
        border-top: none;
    }
    .welfare > div:nth-child(2n + 1) {
        border-left: none;
    }
    .welfare > div:nth-child(-n + 5) {
        border-top: #373c38 6px solid;
    }
    .welfare > div:nth-child(5n + 1) {
        border-left: #373c38 6px solid;
    }
    .welfare__detail-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .welfare__detail-inner > div {
        position: relative;
        width: 50%;
        min-height: 260px;
    }
    .welfare__detail-inner img {
        height: 100%;
        object-fit: cover;
    }
}
.entrytop__entrance > div {
    margin-bottom: 15px;
} /*.entrytop__entrance>div:last-child{margin-bottom:0;width:100%}*/
.entrytop__entrancebtn {
    margin-right: auto;
    margin-left: auto;
    height: 82px;
}
@media only screen and (min-width: 768px) {
    .entrytop__entrance {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 3rem;
    }
    .entrytop__entrance > div {
        padding-top: 10rem;
        padding-bottom: 10rem;
        width: 50%;
        background: url(../img/entry/entry_bg_careers_v3.webp) center no-repeat;
        background-size: cover;
    }
    /*.entrytop__entrance > div:first-child {
    width: 100%;
  }*/
    .entrytop__entrance > div:nth-child(2) {
        background-image: url(../img/entry/entry_bg_internship.webp);
    }
    .entrytop__entrance > div:nth-child(3) {
        background-image: url(../img/entry/entry_bg_new_graduates_v5.webp);
    }
    .entrytop__entrance > div:nth-child(4) {
        background-image: url(../img/entry/entry_bg_mvno_v3.webp);
    }
    .entrytop__entrance > div:nth-child(5) {
        background-image: url(../img/entry/entry_bg_careers_v4.webp);
    }
    .entrytop__entrance > div {
        margin-bottom: 0;
    }
    .entrytop__entrancebtn {
        margin: 0 auto;
        max-width: 320px;
    }
}
.entrylist__table {
    margin: 0 auto 3rem;
}
.entrylist__offer {
    margin-bottom: 1rem;
}
.entrylist__offer > a {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    width: 100%;
    line-height: 1.4;
}
@media only screen and (min-width: 480px) {
    .entrylist__table {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .entrylist__offer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 1rem;
        width: calc(50% - 1rem);
    }
    .entrylist__offer:nth-child(odd) {
        margin-right: 2rem;
    }
}
@media only screen and (min-width: 768px) {
    .entrylist__offer {
        margin-right: 2rem;
        margin-bottom: 2rem;
        width: calc(33.33% - 2rem);
    }
    .entrylist__offer:nth-child(3n) {
        margin-right: 0;
    }
    .entrylist__offer > a {
        padding-top: 0.8em;
        padding-bottom: 0.8em;
    }
}
.entry__title {
    margin-bottom: 3rem;
}
.entry__titleinner {
    min-height: 0;
}
.entry__maintitle {
    margin-bottom: 1rem;
}
.entry__subtitle {
    margin-bottom: 1.4rem;
}
.entry__backpage {
    display: table;
    margin: 0 auto;
}
.entry__table {
    margin: 0 auto;
    max-width: 870px;
}
.entry__menu {
    margin-bottom: 4rem;
}
.entry__menu label {
    font-size: 1.4rem;
}
.entry__menu a {
    color: #fff;
    text-decoration: none;
}
.entry__block {
    margin-bottom: 1rem;
}
.entry__txt {
    padding: 1em 1em 0.5em;
}
@media only screen and (min-width: 768px) {
    .entry__title {
        margin-bottom: 6rem;
    }
    .entry__menu label {
        width: 33.33%;
        font-size: 1.6rem;
        text-align-last: center;
    }
    .entry__block {
        margin-bottom: 2rem;
    }
}
.entryflow__stage {
    position: relative;
    margin-bottom: 4rem;
    padding-bottom: 0.1rem;
}
.entryflow__stage::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -2rem;
    left: 50%;
    margin-left: -2rem;
    border-style: solid;
    border-color: #ddd transparent transparent transparent;
    border-width: 2rem 2rem 0 2rem;
}
.entryflow__stage:last-child {
    margin-bottom: 0;
}
.entryflow__stage:last-child::after {
    display: none;
}
.entryflow__number {
    display: inline-block;
    margin-right: 1rem;
    width: 1.4em;
    height: 1.4em;
    color: #fff;
    font-family: "Saira Semi Condensed", sans-serif;
    text-align: center;
    background-color: #cb171d;
    border-radius: 50%;
}
@media only screen and (min-width: 768px) {
    .entryflow__stage {
        margin-bottom: 6rem;
    }
    .entryflow__stage::after {
        bottom: -3rem;
        margin-left: -3rem;
        border-width: 3rem 3rem 0 3rem;
    }
}
.entryfaq__question,
.entryfaq__answer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.entryfaq__question::before,
.entryfaq__answer::before {
    display: block;
    margin-top: 0.1em;
    margin-right: 1rem;
    width: 1.4em;
    height: 1.4em;
    color: #fff;
    font-family: "Saira Semi Condensed", sans-serif;
    text-align: center;
    border-radius: 50%;
}
.entryfaq__question p,
.entryfaq__answer p {
    margin-bottom: 0;
    width: calc(100% - 1.4em);
}
.entryfaq__question {
    margin-bottom: 1rem;
}
.entryfaq__question::before {
    content: "Q";
    background-color: #cb171d;
}
.entryfaq__answer {
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px #e8e8e8 solid;
}
.entryfaq__answer::before {
    content: "A";
    background-color: #373c38;
}
.entryfaq__answer:last-child {
    margin-bottom: 0;
    border-bottom: none;
}
.entryform__lead {
    margin-bottom: 3rem;
    text-align: left;
}
@media only screen and (min-width: 768px) {
    .entryform__lead {
        margin-bottom: 6rem;
    }
}
.interviewtop__switch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.interviewtop__staff {
    margin-bottom: 2rem;
    width: calc(50% - 1rem);
}
@media only screen and (min-width: 480px) {
    .interviewtop__staff {
        width: calc(33.33% - 1rem);
    }
}
@media only screen and (min-width: 768px) {
    .interviewtop__staff {
        width: calc(25% - 1rem);
    }
}
.interview__head {
    margin-bottom: 0;
    padding-bottom: 6rem;
}
.interview__mainvisual {
    text-align: center;
}
.interview__intro {
    right: auto;
    left: 0;
}
.interview__name {
    font-size: 2rem;
}
.interview__lead {
    margin-bottom: 3rem;
}
.interview__leadin {
    padding-bottom: 2rem;
}
.interview__career {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.interview__career-title {
    margin-bottom: 2rem;
    font-family: "Saira Semi Condensed", sans-serif;
    font-size: 2.4rem;
}
.interview__career-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 1.6rem;
    padding-top: 2rem;
    font-size: 1.4rem;
    line-height: 1;
    border-left: 4px #fff solid;
}
.interview__career-list dt,
.interview__career-list dd {
    margin-bottom: 1.5rem;
}
.interview__career-list dt {
    position: relative;
    padding-left: 4rem;
    width: calc(3.4rem + 5em);
}
.interview__career-list dt::before,
.interview__career-list dt::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -0.9rem;
}
.interview__career-list dt::before {
    margin-top: -0.7rem;
    width: 1.4rem;
    height: 1.4rem;
    background-color: #cb171d;
}
.interview__career-list dt::after {
    margin-top: -1px;
    width: 3.4rem;
    border-top: 2px #cb171d solid;
}
.interview__career-list dd {
    width: calc(100% - (3.4rem + 5em));
}
.interview__division {
    padding: 1em 1em 0.1em;
    font-size: 1.4rem;
    background-color: #fff;
}
.interview__appeal {
    margin-bottom: 3rem;
}
.interview__appeal-box {
    margin-bottom: 1rem;
    padding: 1em 1em 0.1em;
    background-color: #fff;
}
.interview__appeal-box p {
    font-size: 1.4rem;
}
.interview__appeal-title {
    margin-bottom: 1rem;
    color: #cb171d;
    font-size: 1.8rem;
    text-align: center;
}
.interview__switch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.interview__staff {
    margin-bottom: 2rem;
    width: calc(50% - 1rem);
}
@media only screen and (min-width: 480px) {
    .interview__staff {
        width: calc(33.33% - 1rem);
    }
}
@media only screen and (min-width: 768px) {
    .interview__head {
        margin-bottom: 0;
    }
    .interview__mainvisual {
        max-height: 560px;
        overflow: hidden;
    }
    .interview__intro {
        min-width: 320px;
    }
    .interview__name {
        font-size: 2.6rem;
    }
    .interview__year {
        font-size: 2rem;
    }
    .interview__lead {
        margin-bottom: 6rem;
    }
    .interview__leadin {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .interview__career {
        padding-bottom: 0;
        width: 50%;
        min-width: 300px;
    }
    .interview__division {
        width: calc(50% - 2rem);
    }
    .interview__content {
        margin-bottom: 4rem;
    }
    .interview__appeal {
        margin-bottom: 6rem;
    }
    .interview__appeal-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .interview__appeal-inner > div {
        width: calc(33.33% - 1rem);
    }
    .interview__staff {
        width: calc(16.66% - 1rem);
    }
}
.message__title {
    margin-bottom: 4rem;
}
.message__titleinner {
    min-height: 0;
    font-family: "Saira Semi Condensed", sans-serif;
}
.message__mainvisual {
    width: calc(100% - 6rem);
    max-height: 560px;
    overflow: hidden;
}
.message__mainvisual > img {
    width: 100%;
}
.message__switch {
    margin-bottom: 4rem;
    padding-top: 1rem;
}
.message__switch > div:first-child {
    border-bottom: 1px #fff solid;
}
.message__switch > div a {
    padding-top: 0.8em;
    padding-bottom: 0.8em;
    line-height: 1.4;
}
@media only screen and (min-width: 768px) {
    .message__title {
        margin-bottom: 3rem;
    }
    .message__mainvisual {
        width: calc(100% - 246px);
        max-height: 480px;
    }
    .message__lead {
        margin-bottom: 8rem;
    }
    .message__content {
        margin-bottom: 4rem;
    }
    .message__switch {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-top: 0;
    }
    .message__switch > div {
        width: 50%;
        text-align: center;
    }
    .message__switch > div:first-child {
        border-right: 1px #fff solid;
        border-bottom: none;
    }
    .message__switch > div a::before {
        left: auto;
        margin-top: -0.2em;
        margin-left: -2rem;
    }
}
.vision__lead {
    display: table;
    margin: 0 auto;
}
.vision__copybox {
    position: relative;
    margin-bottom: 6rem;
    overflow: hidden;
}
.vision__copybox::before {
    position: absolute;
    right: 0;
    content: "";
    width: 80%;
    height: 100%;
    background-color: #e8e8e8;
    z-index: 1;
}
.vision__copyin {
    position: relative;
    padding-top: 3rem;
    z-index: 100;
}
.vision__copy {
    display: table;
    margin: 0 auto 2rem;
    font-size: 2rem;
    font-weight: bold;
}
.vision__copy strong {
    color: #cb171d;
}
.vision__content {
    position: relative;
    margin-bottom: 2rem;
    padding-top: 2rem;
    background-color: #fff;
}
.vision__content::before,
.vision__content::after {
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
}
.vision__content::before {
    top: 0;
    left: 0;
    background-image: url(../img/corner_topleft_line.svg);
}
.vision__content::after {
    right: 0;
    bottom: 0;
    background-image: url(../img/corner_btmright_line.svg);
}
.vision__subtitle {
    margin-bottom: 2rem;
    text-align: center;
}
.vision__img {
    margin-bottom: 2rem;
    padding: 0 15px;
    text-align: center;
}
.vision__detail {
    padding: 1em;
    padding-top: 0;
}
.vision__btn a {
    display: block;
    margin: 20px auto 0;
    padding: 1em 2em;
    width: 90%;
    max-width: 200px;
    color: #cb171d;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    background: #ffffff;
}
.vision__btn a::before {
    content: "";
    display: inline-block;
    margin-top: -0.3em;
    margin-right: 5px;
    width: 22px;
    height: 4px;
    background: url(../img/arrow_line_red.svg) no-repeat left;
    background-size: contain;
    vertical-align: middle;
}
@media only screen and (min-width: 768px) {
    .vision__copybox {
        margin-bottom: 10rem;
    }
    .vision__copybox::before {
        width: 60%;
    }
    .vision__keyword {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .vision__content {
        width: calc(50% - 1rem);
    }
}
.data__content {
    position: relative;
    margin-bottom: 15px;
    padding-top: 20px;
    padding-bottom: 5px;
    width: 100%;
    text-align: center;
    background-color: #ffffff;
}
.data__content:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 30px;
    height: 70px;
    display: inline-block;
    background-image: url(../img/corner_topleft.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.data__content img {
    margin: 0 auto 10px;
    max-height: 50px;
}
.data__label {
    font-weight: bold;
}
.data__main {
    margin-bottom: 0.2em !important;
    color: #cb171d;
    font-size: 3.8rem;
    font-weight: bold;
    line-height: 1;
}
.data__main span {
    padding-left: 5px;
    font-size: 2rem;
}
.data_sublabel {
    margin-bottom: 0;
    color: #cb171d;
}
.data__note {
    margin-top: 0.4em;
    font-size: 1.4rem;
}
@media only screen and (min-width: 768px) {
    .data__body {
        display: flex;
        flex-wrap: wrap;
        gap: 20px 15px;
        justify-content: space-between;
    }
    .data__content {
        margin-bottom: 0;
        padding-top: 30px;
        padding-bottom: 15px;
        width: calc(33.3% - 15px);
    }
    .data__main {
        font-size: 3.8rem;
    }
    .data__main span {
        font-size: 2rem;
    }
    .data__note {
        margin-top: 0.8em;
        font-size: 1.4rem;
    }
    .data_sublabel + .data__note {
        margin-top: 0.6em;
    }
}
.pagemenu__switch {
}
.pagemenu__switch > div:first-child {
    margin-bottom: 1px;
}
.pagemenu__switch > div a {
    padding-top: 0.8em;
    padding-bottom: 0.8em;
    font-size: clamp(1.5rem, 2.2vw, 1.8rem);
    font-weight: bold;
    line-height: 1.4;
}
@media only screen and (min-width: 768px) {
    .pagemenu__switch {
        display: flex;
        padding-top: 0;
    }
    .pagemenu__switch > div {
        width: 50%;
        text-align: center;
    }
    .pagemenu__switch > div:first-child {
        margin-right: 1px;
        margin-bottom: none;
    }
    .pagemenu__switch > div a::before {
        left: auto;
        margin-top: -0.2em;
        margin-left: -3rem;
        width: 20px;
        height: 6px;
    }
}
.feature__cta {
    color: #FFFFFF;
}
.feature__note {
    padding-bottom: 40px;
}
@media only screen and (min-width: 768px) {
    .feature__cta p {
        text-align: center;
    }
}