@charset "UTF-8";

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

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

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    border: 0;
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

body * {
    max-height: 99999em;
    word-break: break-word
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    margin-bottom: 1.5em
}

h1 {
    font-size: 2em
}

h2 {
    font-size: 1.8em
}

h3 {
    font-size: 1.6em
}

h4 {
    font-size: 1.4em
}

h5 {
    font-size: 1.2em
}

h6 {
    font-size: 1em
}

ol,
ul {
    padding-left: 1.5em
}

ol,
table,
ul {
    margin-bottom: 1.5em
}

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

table td,
table th {
    border: 1px solid #000;
    font-weight: 400;
    padding: .5em;
    text-align: left;
    vertical-align: middle
}

table th {
    font-weight: 700
}

caption {
    font-weight: 400;
    text-align: left;
    vertical-align: middle
}

blockquote,
q {
    quotes: none
}

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

p {
    margin-bottom: 1.5em
}

img,
svg {
    image-rendering: smooth;
    shape-rendering: geometricprecision
}

img {
    display: inline-block;
    height: auto;
    vertical-align: middle
}

a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: .48px
}

a:hover {
    text-decoration: none
}

a img {
    border: none
}

button,
input,
label,
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    display: inline-block;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    white-space: normal;
    word-break: normal
}

button,
input,
label,
select {
    line-height: inherit
}

input:focus {
    outline: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

textarea {
    line-height: 1.5;
    overflow: auto;
    resize: none;
    white-space: pre-line
}

select:focus,
textarea:focus {
    outline: auto
}

button {
    color: inherit
}

button:focus {
    outline: 0
}

::-webkit-search-decoration {
    display: none
}

@media print {

    body,
    html {
        margin: 0;
        width: 1600px
    }

    body {
        -webkit-print-color-adjust: exact
    }

    @page {
        margin: 0;
        size: 11in 14.028in
    }

    @page :left {
        margin: 0
    }

    @page :right {
        margin: 0
    }

    @page :first {
        margin-top: 0
    }
}

@-webkit-keyframes spin-01 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spin-01 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

html {
    font-size: 625%;
    line-height: 1.6;
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none
}

html.is-frozen-os {
    overflow: hidden
}

@media (min-width:767.98px),
print {
    html {
        overflow: auto scroll
    }
}

@media only screen and (max-width:767.98px) {
    html {
        min-height: 100vh
    }
}

body {
    color: #1c1e1f;
    font-family: Noto Sans JP, Noto Sans, Yu Gothic Medium, 游ゴシック Medium, Yu Gothic, 游ゴシック, yugothic, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, -apple-system, sans-serif;
    margin: 0;
    min-height: 100%;
    overflow-x: hidden;
    padding: 0;
    position: relative;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    letter-spacing: .025em;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

html.is-frozen-windows body {
    position: fixed;
    width: 100%
}

@media (min-width:767.98px),
print {
    body {
        font-size: .16rem;
        line-height: 1.75
    }
}

@media only screen and (max-width:767.98px) {
    body {
        font-size: .16rem;
        line-height: 1.75
    }
}

a {
    color: #1c1e1f;
    cursor: pointer;
    margin: 0;
    padding: 0;
    text-decoration: none
}

a img {
    border: 0
}

li,
ol,
ul {
    list-style: none
}

div,
iframe,
img,
li,
ol,
p,
ul {
    margin: 0;
    padding: 0
}

img {
    border: 0;
    display: block;
    max-width: 100%
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    margin: 0;
    padding: 0
}

@media only screen and (max-width:767.98px) {
    .l-container {
        overflow: hidden
    }
}

@media (min-width:1024px),
print {
    .l-main {
        /*20250107*/
        padding-top: 0.75rem
    }
}

@media only screen and (max-width:1023.98px) {
    .l-main {
        min-width: 3.2rem;
        padding-top: .62rem
    }
}

@media (min-width:767.98px),
print {
    .l-wrapper {
        margin-left: auto;
        margin-right: auto;
        max-width: 1120px;
        width: calc(100% - 1.2rem)
    }
}

@media only screen and (max-width:767.98px) {
    .l-wrapper {
        padding-left: 4.267%;
        padding-right: 4.267%
    }
}

.l-footer-common {
    background-color: #0c323b;
    color: #fff
}

@media (min-width:1024px),
print {
    .l-navigation-footer {
        padding: .62rem 0 .6rem
    }
}

@media only screen and (max-width:1023.98px) {
    .l-navigation-footer {
        padding: .39rem 0 .44rem
    }
}

.l-menu-footer .l-menu-footer__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.l-menu-footer .l-menu-footer__item-logo {
    display: block;
    max-width: 1.9rem;
    position: relative;
    width: 100%;
    height: .38rem;
}

.l-menu-footer .l-menu-footer-primary {
    width: 100%
}

@media (min-width:1024px),
print {
    .l-menu-footer .l-menu-footer__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: -.1rem
    }

    .l-menu-footer .l-menu-footer__item {
        padding: .1rem
    }

    .l-menu-footer .l-menu-footer__item:first-child {
        width: 68%
    }

    .l-menu-footer .l-menu-footer__item-logo {
        margin-bottom: .2rem
    }
}

@media only screen and (min-width:767.98px) and (max-width:1023.98px) {
    .l-menu-footer .l-menu-footer__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .l-menu-footer .l-menu-footer__item {
        width: 50%
    }
}

@media only screen and (max-width:1023.98px) {
    .l-menu-footer .l-menu-footer__wrapper {
        margin-bottom: -.48rem
    }

    .l-menu-footer .l-menu-footer__item {
        padding-bottom: .48rem
    }

    .l-menu-footer .l-menu-footer__item-logo {
        margin-bottom: .18rem;
        height: auto;
    }
}

.l-menu-footer-service {
    border-bottom: .01rem solid #194b54;
    border-top: .01rem solid #194b54;
}

.l-menu-footer-service__wrapper{
    padding: .3rem 0 .33rem;
}

.l-menu-footer-service__column{
    display: flex;
}

.l-menu-footer-service__item{
    margin-right: 40px;
}

.l-menu-footer-service__item img{
    width: 190px;
    margin-top: 20px;
}

@media only screen and (max-width:1023.98px) {
    
    .l-menu-footer-service__column{
        display: block;
    }
    
    .l-menu-footer-service__item{
        margin-right: 0;
        margin-bottom: 25px;
    }
    
    .l-menu-footer-service__item img{
        width: 190px;
        margin-top: 10px;
    }
}

.l-menu-footer-primary {
    font-size: .16rem;
    line-height: 1.75
}

.l-menu-footer-primary .l-menu-footer-primary__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.l-menu-footer-primary .l-menu-footer-primary__item-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid transparent;
    color: #fff;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease
}

.l-menu-footer-primary .l-menu-footer-primary__item-wrapper:hover {
    border-color: #fff
}

.l-menu-footer-primary .l-menu-footer-primary__item-label {
    display: block;
    position: relative
}

@media (min-width:1024px),
print {
    .l-menu-footer-primary .l-menu-footer-primary__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 -.1rem -.05rem
    }

    .l-menu-footer-primary .l-menu-footer-primary__column {
        padding: 0 .1rem
    }

    .l-menu-footer-primary .l-menu-footer-primary__item {
        padding-bottom: .05rem
    }
}

@media only screen and (max-width:1023.98px) {
    .l-menu-footer-primary .l-menu-footer-primary__wrapper {
        margin-bottom: -.1rem
    }

    .l-menu-footer-primary .l-menu-footer-primary__item {
        margin-bottom: .1rem
    }
}

.l-table-footer-company {
    border-bottom: .01rem solid #194b54;
    border-top: .01rem solid #194b54
}

.l-table-footer-company .l-table-footer-company__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.l-table-footer-company .l-table-footer-company__heading-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: .16rem;
    line-height: 1.5555555556
}

.l-table-footer-company .l-table-footer-company__heading-label {
    display: block;
    position: relative
}

@media (min-width:767.98px),
print {
    .l-table-footer-company {
        padding: .3rem 0 .33rem
    }

    .l-table-footer-company .l-table-footer-company__wrapper {
        margin-bottom: -.62rem
    }

    .l-table-footer-company .l-table-footer-company__line {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: .62rem
    }
/*2025.12.10　医療系向けサービスに伴うheader改修*/
    .l-table-footer-company .l-table-footer-company__heading {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-right: 0;
        width: 20%;
    }

    .l-table-footer-company .l-table-footer-company__content {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        width: 80%;
    }
}

@media only screen and (max-width:767.98px) {
    .l-table-footer-company {
        padding: .22rem 0 .2rem
    }

    .l-table-footer-company .l-table-footer-company__wrapper {
        margin-bottom: -.52rem
    }

    .l-table-footer-company .l-table-footer-company__line {
        padding-bottom: .52rem
    }

    .l-table-footer-company .l-table-footer-company__content {
        margin-top: .12rem
    }
}

.l-list-footer-company {
    font-size: .16rem;
    line-height: 1.75
}

.l-list-footer-company .l-list-footer-company__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.l-list-footer-company .l-list-footer-company__item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid transparent;
    color: #fff;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease
}

.l-list-footer-company .l-list-footer-company__item-link:hover {
    border-color: #fff
}

.l-list-footer-company .l-list-footer-company__item-label {
    display: block;
    position: relative
}

@media (min-width:767.98px),
print {
    .l-list-footer-company .l-list-footer-company__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin: -.1rem
    }

    .l-list-footer-company .l-list-footer-company__item {
        padding: .1rem 0;
        width: 33.33%;
    }
}

@media only screen and (min-width:767.98px) and (max-width:1090.98px) {
    .l-list-footer-company .l-list-footer-company__wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media only screen and (max-width:767.98px) {
    .l-list-footer-company .l-list-footer-company__wrapper {
        margin-bottom: -.1rem
    }

    .l-list-footer-company .l-list-footer-company__item {
        padding-bottom: .1rem
    }
}

.l-contact-footer {
    border-bottom: .01rem solid #194b54;
    font-size: .12rem
}

.l-contact-footer .l-contact-footer__company-,
.l-contact-footer .l-contact-footer__company-address,
.l-contact-footer .l-contact-footer__company-copyright,
.l-contact-footer .l-contact-footer__company-logo,
.l-contact-footer .l-contact-footer__company-name {
    display: block
}

@media (min-width:767.98px),
print {
    .l-contact-footer {
        border-top: .01rem solid #194b54;
        padding: .62rem 0 .54rem
    }

    .l-contact-footer,
    .l-contact-footer .l-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    /*.l-contact-footer .l-contact-footer__company {
        margin-right: .28rem
    }*/

    .l-contact-footer .l-contact-footer__company-logo {
        margin-bottom: .16rem;
        width: 1.7rem
    }

    .l-contact-footer .l-contact-footer__company-name {
        margin-bottom: .05rem
    }

    .l-contact-footer .l-contact-footer__company-address {
        margin-bottom: .04rem
    }

    .l-contact-footer .l-contact-footer__company-copyright {
        margin-bottom: .17rem
    }
}

@media only screen and (min-width:767.98px) and (max-width:1023.98px) {
    .l-contact-footer .l-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .l-contact-footer .l-contact-footer__company {
        margin-bottom: .3rem
    }
}

@media only screen and (max-width:767.98px) {
    .l-contact-footer {
        padding: .4rem 0 .44rem
    }

    .l-contact-footer .l-contact-footer__company {
        margin-bottom: .2rem
    }

    .l-contact-footer .l-contact-footer__company-logo {
        margin-bottom: .16rem;
        width: 1.5rem
    }

    .l-contact-footer .l-contact-footer__company-copyright {
        margin-bottom: .14rem
    }
}

.l-contact-footer__company-terms .l-contact-footer__terms-item {
    display: block
}

.l-contact-footer__company-terms .l-contact-footer__terms-item:last-child {
    margin-bottom: 0
}

@media (min-width:767.98px),
print {
    .l-contact-footer__company-terms {
        margin-bottom: .14rem
    }

    .l-contact-footer__company-terms .l-contact-footer__terms-item {
        margin-bottom: .05rem
    }
}

@media only screen and (max-width:767.98px) {
    .l-contact-footer__company-terms {
        margin-bottom: .14rem
    }

    .l-contact-footer__company-terms .l-contact-footer__terms-item {
        margin-bottom: .04rem
    }
}

.l-link-footer {
    border-bottom: .01rem solid transparent;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease
}

.l-link-footer:hover {
    border-color: #fff
}

.l-link-footer .l-link-footer__wrapper {
    display: block
}

@media (min-width:767.98px),
print {
    .l-link-footer {
        line-height: 1.2
    }
}

a.l-link-footer[target=_blank] {
    padding-right: .17rem;
    position: relative
}

a.l-link-footer[target=_blank]:hover:after {
    -webkit-transform: translateX(.04rem);
    -ms-transform: translateX(.04rem);
    transform: translateX(.04rem)
}

a.l-link-footer[target=_blank]:after {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%3E%3Cg%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M12.1%2012.101H1.9v-10.2h3.78v-1.9H.949a.952.952%200%2000-.951.951v12.1a.952.952%200%2000.951.951h12.1a.952.952%200%2000.951-.951V8.32h-1.9z%22%2F%3E%3Cpath%20d%3D%22M7.378.001v1.957h3.284L5.417%207.201%206.8%208.584l5.244-5.245v3.284H14V.001z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 50%/cover no-repeat;
    content: "";
    display: inline-block;
    height: .12rem;
    position: absolute;
    right: 0;
    top: .01rem;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    width: .12rem
}

@media only screen and (max-width:767.98px) {
    a.l-link-footer[target=_blank]:after {
        top: .05rem
    }
}

.l-table-footer-sns .l-table-footer-sns__item-title {
    font-size: .16rem
}

@media (min-width:767.98px),
print {
    .l-table-footer-sns .l-table-footer-sns__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .l-table-footer-sns .l-table-footer-sns__item {
        margin-right: .2rem
    }

    .l-table-footer-sns .l-table-footer-sns__item:last-child {
        margin-right: 0
    }

    .l-table-footer-sns .l-table-footer-sns__item-title {
        margin-bottom: .08rem
    }

    .l-table-footer-sns .l-table-footer-sns__item-frame {
        width: 3.6rem
    }
}

@media only screen and (min-width:767.98px) and (max-width:1023.98px) {
    .l-table-footer-sns .l-table-footer-sns__item {
        margin-bottom: .25rem
    }

    .l-table-footer-sns .l-table-footer-sns__wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (max-width:767.98px) {
    .l-table-footer-sns .l-table-footer-sns__item {
        margin-bottom: .14rem;
        margin-right: .14rem;
    }

    .l-table-footer-sns .l-table-footer-sns__item:last-child {
        margin-bottom: 0
    }

    .l-table-footer-sns .l-table-footer-sns__item-title {
        margin-bottom: .08rem
    }
}

.l-block-footer-app {
    color: #fff
}

@media (min-width:767.98px),
print {
    .l-block-footer-app {
        border-top: .01rem solid #194b54;
        padding: .3rem 0
    }

    .l-block-footer-app .l-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media only screen and (min-width:767.98px) and (max-width:1023.98px) {
    .l-block-footer-app .l-block-footer-app__title {
        font-size: .14rem;
        max-width: 2.1rem
    }
}

@media only screen and (max-width:767.98px) {
    .l-block-footer-app {
        padding: .22rem 0 .3rem
    }

    .l-block-footer-app .l-block-footer-app__title {
        font-size: .14rem;
        margin-bottom: .1rem
    }
}

.l-list-footer-app .l-list-footer-app__item-link {
    border-bottom: .01rem solid transparent;
    color: #fff;
    display: inline-block;
    position: relative;
    text-decoration: none;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease
}

.l-list-footer-app .l-list-footer-app__item-link:before {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: "";
    display: inline-block;
    left: 0;
    position: absolute;
    width: .15rem
}

.l-list-footer-app .l-list-footer-app__item-link:hover {
    border-color: #fff
}

.l-list-footer-app .l-list-footer-app__item-label {
    display: block
}

.l-list-footer-app .l-list-footer-app__item-link.l-list-footer-app__item-link--app-store:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.054%22%20height%3D%2218.481%22%3E%3Cpath%20d%3D%22M7.649%205.31c-.73%200-1.86-.83-3.05-.8a4.5%204.5%200%2000-3.82%202.32c-1.63%202.83-.42%207.01%201.17%209.31.78%201.12%201.7%202.38%202.92%202.34%201.17-.05%201.61-.76%203.03-.76s1.81.76%203.05.73c1.26-.02%202.06-1.14%202.83-2.27a10.05%2010.05%200%20001.28-2.63%204.079%204.079%200%2001-2.48-3.74%204.149%204.149%200%20012-3.51%204.329%204.329%200%2000-3.38-1.83c-1.54-.12-2.83.84-3.55.84zm2.6-2.36a4.043%204.043%200%2000.96-2.95%204.158%204.158%200%2000-2.72%201.4%203.867%203.867%200%2000-.98%202.86%203.448%203.448%200%20002.74-1.31z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
    height: .19rem;
    top: .04rem
}

.l-list-footer-app .l-list-footer-app__item-link.l-list-footer-app__item-link--google-play:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.003%22%20height%3D%2216.977%22%3E%3Cpath%20d%3D%22M.507%200l8.486%208.486-8.485%208.491A.83.83%200%20010%2016.21V.767A.833.833%200%2001.508%200zm9.075%209.077l1.918%201.919-9.113%205.277%207.2-7.2zm2.666-2.665l2.339%201.355a.833.833%200%20010%201.442l-2.34%201.355-2.075-2.078zM2.387.703L11.5%205.98%209.583%207.899l-7.2-7.2z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
    height: .17rem;
    top: .06rem;
    width: .15rem
}

.l-list-footer-app .l-list-footer-app__item-link.l-list-footer-app__item-link--microsoft-store:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2215%22%3E%3Cpath%20%20d%3D%22M7.083%200v7.083H0V0zm0%2015H0V7.917h7.083zm.833-15H15v7.083H7.917zM15%207.917V15H7.917V7.917z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
    height: .15rem;
    top: .07rem;
    width: .15rem
}

@media (min-width:767.98px),
print {
    .l-list-footer-app .l-list-footer-app__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .l-list-footer-app .l-list-footer-app__item {
        margin-right: .2rem
    }

    .l-list-footer-app .l-list-footer-app__item:last-child {
        margin-right: 0
    }

    .l-list-footer-app .l-list-footer-app__item-link {
        padding-left: .24rem
    }
}

@media only screen and (max-width:767.98px) {
    .l-list-footer-app .l-list-footer-app__item {
        margin-bottom: .1rem
    }

    .l-list-footer-app .l-list-footer-app__item:last-child {
        margin-bottom: 0
    }

    .l-list-footer-app .l-list-footer-app__item-link {
        padding-left: .24rem
    }
}

.l-footer-button-top {
    background-color: #fff;
    border-radius: .04rem;
    display: block;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: fixed;
    right: .2rem;
    -webkit-transition: all .5s cubic-bezier(.215, .61, .355, 1);
    transition: all .5s cubic-bezier(.215, .61, .355, 1);
    visibility: hidden
}

.l-footer-button-top .l-footer-button-top__wrapper {
    cursor: pointer;
    display: block;
    position: relative;
    text-align: center
}

.l-footer-button-top .l-footer-button-top__wrapper:before {
    background: #1199ab;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1);
    transition: all .3s cubic-bezier(.215, .61, .355, 1);
    width: 100%;
    z-index: 19
}

.l-footer-button-top .l-footer-button-top__arrow {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%226%22%3E%3Cpath%20%20d%3D%22M8.679%200L5%203.492%201.321%200%200%201.254%205%206l5-4.746z%22%20fill%3D%22%231199ab%22%2F%3E%3C%2Fsvg%3E");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    left: 50%;
    margin-left: 0;
    position: absolute;
    top: 42%;
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    -ms-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
    -webkit-transition: all .3s cubic-bezier(.215, .61, .355, 1);
    transition: all .3s cubic-bezier(.215, .61, .355, 1);
    z-index: 21
}

.l-footer-button-top.is-visible {
    opacity: 1;
    pointer-events: auto;
    visibility: visible
}

.l-footer-button-top.is-hidden {
    opacity: 0;
    pointer-events: none;
    visibility: hidden
}

.l-footer-button-top:focus .l-footer-button-top__wrapper:before,
.l-footer-button-top:hover .l-footer-button-top__wrapper:before {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

.l-footer-button-top:focus .l-footer-button-top__arrow,
.l-footer-button-top:hover .l-footer-button-top__arrow {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%226%22%3E%3Cpath%20%20d%3D%22M8.679%200L5%203.492%201.321%200%200%201.254%205%206l5-4.746z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto
}

@media (min-width:767.98px),
print {
    .l-footer-button-top {
        border: .02rem solid #1199ab;
        bottom: .4rem;
        -webkit-box-shadow: 0 .02rem .15rem 0 rgba(12, 37, 77, .1);
        box-shadow: 0 .02rem .15rem 0 rgba(12, 37, 77, .1);
        z-index: 999
    }

    .l-footer-button-top .l-footer-button-top__wrapper {
        height: .56rem;
        width: .56rem
    }

    .l-footer-button-top .l-footer-button-top__arrow {
        height: .18rem;
        width: .18rem
    }
}

@media only screen and (max-width:767.98px) {
    .l-footer-button-top {
        border: .02rem solid #1199ab;
        bottom: .2rem;
        -webkit-transform: translateY(.1rem);
        -ms-transform: translateY(.1rem);
        transform: translateY(.1rem);
        z-index: 100000000
    }

    .l-footer-button-top .l-footer-button-top__wrapper {
        height: .36rem;
        width: .36rem
    }

    .l-footer-button-top .l-footer-button-top__arrow {
        height: .15rem;
        width: .15rem
    }

    .l-footer-button-top.is-visible {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .l-footer-button-top.is-hidden {
        -webkit-transform: translateY(.1rem);
        -ms-transform: translateY(.1rem);
        transform: translateY(.1rem)
    }
}

.l-header-common {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000100
}

.l-header-common:before {
    background-color: #fff;
    bottom: 0;
    -webkit-box-shadow: 0 0 .15rem 0 rgba(9, 77, 89, .16);
    box-shadow: 0 0 .15rem 0 rgba(9, 77, 89, .16);
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

@media only screen and (max-width:1023.98px) {
    .l-header-common {
        height: .62rem
    }

    .l-header-common:before {
        z-index: 10
    }

    .l-header-common .l-button-burger,
    .l-header-common .l-button-header-inquiry,
    .l-header-common .l-logo-header {
        z-index: 11
    }
}

.l-logo-header {
    display: block;
    height: auto;
    position: absolute;
    z-index: 4
}

/*
@media (min-width:1024px),
print {
    .l-logo-header {
        left: 2%;
        top: .34rem;
        width: 1.5rem
    }
}*/
/*20250807TOPページ20周年ロゴ追加*/
@media (min-width:1024px),
print {
    .l-logo-header  {
        left: 2%;
        top: .12rem;
        width: 2.2rem;
    }
}


@media only screen and (min-width:1023.98px) and (max-width:1279.98px) {
    .l-logo-header {
        left: .2rem
    }
}

/*
@media only screen and (max-width:1023.98px) {
    .l-logo-header {
        left: .16rem;
        top: .24rem;
        width: 1.3rem
    }
}*/

/*20250807TOPページ20周年ロゴ追加*/
@media only screen and (max-width:1023.98px) {
    .l-logo-header{
        left: .16rem;
        top: .12rem;
        width: 1.6rem;
    }
}

.l-button-header-inquiry {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    font-weight: 700;
    -webkit-transition: background .3s ease, color .3s ease;
    transition: background .3s ease, color .3s ease
}

.l-button-header-inquiry:before {
    content: "";
    position: relative;
    -webkit-box-flex: 0;
    background: 50% 50%/100% auto no-repeat;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-mask: 50% 50%/100% auto no-repeat;
    mask: 50% 50%/100% auto no-repeat
}

.l-button-header-inquiry .l-button-header-inquiry__label {
    display: block;
    position: relative
}

@media (min-width:1024px),
print {
    .l-button-header-inquiry.l-button-header-inquiry--outer {
        position: absolute;
        z-index: 3
    }

    .l-button-header-inquiry.l-button-header-inquiry--outer.l-button-header-inquiry--trial {
        right: 0;
        top: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        background-color: #fcf403;
        font-size: .13rem;
        height: .75rem;
        justify-content: center;
        line-height: 1.7692307692;
        padding: .05rem;
        text-align: center;
        width: 1.2rem
    }
}

@media (min-width:1024px),
print {
    .l-button-header-inquiry.l-button-header-inquiry--outer.l-button-header-inquiry--trial:before {
        background-color: #1c1e1f;
        height: .32rem;
        margin: -.02rem 0 .02rem;
        -webkit-mask-image: url(../img/common/icon_trial_01.svg);
        mask-image: url(../img/common/icon_trial_01.svg);
        width: .32rem
    }

    .l-button-header-inquiry.l-button-header-inquiry--outer.l-button-header-inquiry--trial:hover {
        background-color: #fcca03
    }
}

@media only screen and (max-width:1023.98px) {
    .l-button-header-inquiry.l-button-header-inquiry--outer.l-button-header-inquiry--trial {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        right: .77rem;
        top: .14rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        background-color: #fcf403;
        border-radius: .04rem;
        font-size: .12rem;
        justify-content: center;
        line-height: 1.75;
        min-height: .33rem;
        padding: .06rem;
        -webkit-transition: opacity .3s ease;
        transition: opacity .3s ease;
        width: 1.08rem
    }

    header.l-header-common.is-active .l-button-header-inquiry.l-button-header-inquiry--outer.l-button-header-inquiry--trial {
        opacity: 0
    }
}

@media (min-width:1024px),
print {
    .l-button-header-inquiry.l-button-header-inquiry--outer.l-button-header-inquiry--contact {
        -webkit-font-feature-settings: "palt";
        font-feature-settings: "palt";
        font-size: .14rem;
        line-height: 1.7142857143;
        right: calc(2% + 1.3rem);
        top: .09rem
    }

    .l-button-header-inquiry.l-button-header-inquiry--outer.l-button-header-inquiry--contact:before {
        background-color: #1199ab;
        height: .24rem;
        margin-right: .06rem;
        -webkit-mask-image: url(../img/common/icon_mail_01.svg);
        mask-image: url(../img/common/icon_mail_01.svg);
        width: .15rem
    }

    .l-button-header-inquiry.l-button-header-inquiry--outer.l-button-header-inquiry--contact .l-button-header-inquiry__label {
        top: -.01rem
    }

    .l-button-header-inquiry.l-button-header-inquiry--outer.l-button-header-inquiry--contact:hover {
        color: #0fb4bf
    }
}

@media only screen and (min-width:1023.98px) and (max-width:1089.98px) {
    .l-button-header-inquiry.l-button-header-inquiry--outer.l-button-header-inquiry--contact {
        right: 1.3rem
    }
}

@media only screen and (max-width:1023.98px) {
    .l-button-header-inquiry.l-button-header-inquiry--inner {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        border: .01rem solid;
        border-radius: .04rem;
        font-size: .13rem;
        height: 100%;
        justify-content: center;
        line-height: 1.75;
        padding: .06rem .12rem;
        text-align: center;
        -webkit-transition: background .3s ease, border .3s ease, color .3s ease;
        transition: background .3s ease, border .3s ease, color .3s ease
    }

    .l-button-header-inquiry.l-button-header-inquiry--inner.l-button-header-inquiry--trial {
        background-color: #fcf403;
        border: .01rem solid #fcf403;
        color: #1c1e1f
    }

    .l-button-header-inquiry.l-button-header-inquiry--inner.l-button-header-inquiry--contact {
        background-color: #1199ab;
        border: .01rem solid #1199ab;
        color: #fff
    }

    .l-button-burger {
        color: #000;
        cursor: pointer;
        font-family: Arial, sans-serif;
        font-size: .1rem;
        font-weight: 700;
        height: .62rem;
        line-height: 1.5;
        padding: .16rem 0;
        position: absolute;
        right: .1rem;
        text-align: center;
        top: 0;
        width: .58rem;
        z-index: 5
    }

    .l-button-burger .l-button-burger__wrapper {
        display: block;
        height: .16rem;
        margin: 0 auto;
        position: relative;
        width: .2rem
    }

    .l-button-burger .l-button-burger__line {
        background-color: #1c1e1f;
        display: block;
        height: .02rem;
        left: 0;
        position: absolute;
        right: 0;
        top: calc(50% - .01rem);
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .l-button-burger .l-button-burger__line:first-child {
        -webkit-transform: translateY(-.07rem);
        -ms-transform: translateY(-.07rem);
        transform: translateY(-.07rem)
    }
}

@media only screen and (max-width:1023.98px) {
    .l-button-burger .l-button-burger__line:nth-child(3) {
        -webkit-transform: translateY(.07rem);
        -ms-transform: translateY(.07rem);
        transform: translateY(.07rem)
    }

    .l-button-burger .l-button-burger__text {
        bottom: .12rem;
        display: block;
        left: 0;
        position: absolute;
        right: 0;
        -webkit-transition: opacity .3s ease;
        transition: opacity .3s ease
    }

    .l-button-burger .l-button-burger__text.l-button-burger__text--open {
        opacity: 1
    }

    .l-button-burger .l-button-burger__text.l-button-burger__text--close {
        opacity: 0
    }

    .l-button-burger.is-active .l-button-burger__line {
        background-color: #1c1e1f;
        display: block;
        height: .02rem;
        left: 0;
        position: absolute;
        right: 0;
        top: calc(50% - .01rem);
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .l-button-burger.is-active .l-button-burger__line:first-child {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@media only screen and (max-width:1023.98px) {
    .l-button-burger.is-active .l-button-burger__line:nth-child(2) {
        opacity: 0
    }

    .l-button-burger.is-active .l-button-burger__line:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .l-button-burger.is-active .l-button-burger__text.l-button-burger__text--open {
        opacity: 0
    }

    .l-button-burger.is-active .l-button-burger__text.l-button-burger__text--close {
        opacity: 1
    }
}

@media only screen and (min-width:1023.98px) and (max-width:1279.98px) {
    .l-icon-header-accordion:hover:before {
        border-color: #1199ab
    }
}

@media only screen and (max-width:1023.98px) {
    .l-icon-header-accordion {
        background-color: transparent;
        cursor: pointer;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .l-icon-header-accordion:before {
        border-bottom: .02rem solid #1c1e1f;
        border-right: .02rem solid #1c1e1f;
        content: "";
        display: block;
        height: .09rem;
        position: absolute;
        right: .07rem;
        top: .19rem;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        width: .09rem
    }
}

@media only screen and (max-width:1023.98px) {
    .l-icon-header-accordion.is-active:before {
        -webkit-transform: rotate(-136deg);
        -ms-transform: rotate(-136deg);
        transform: rotate(-136deg)
    }
}

.l-breadcrumb-header .l-breadcrumb-header__item-label {
    display: block;
    position: relative
}

@media (min-width:1024px),
print {
    .l-breadcrumb-header {
        position: relative;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        background-color: #fff;
        border-top: .01rem solid #ddd;
        color: #1c1e1f;
        font-size: .14rem;
        font-weight: 700;
        height: .41rem;
        justify-content: flex-end;
        line-height: 1.7857142857;
        /*padding: 0 calc(2% + 1.32rem);*/
        padding: 0 calc(2% + 2.32rem);
    }

    .l-breadcrumb-header,
    .l-breadcrumb-header .l-breadcrumb-header__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .l-breadcrumb-header .l-breadcrumb-header__wrapper {
        margin: 0 -.16rem -.05rem 0
    }

    .l-breadcrumb-header .l-breadcrumb-header__item {
        padding: 0 .16rem .05rem 0
    }

    .l-breadcrumb-header .l-breadcrumb-header__item-wrapper {
        display: block;
        padding-right: .1rem;
        position: relative;
        -webkit-transition: color .3s ease;
        transition: color .3s ease
    }

    .l-breadcrumb-header .l-breadcrumb-header__item-wrapper:before {
        border-right: .02rem solid #1c1e1f;
        border-top: .02rem solid #1c1e1f;
        content: "";
        display: block;
        height: .07rem;
        position: absolute;
        right: 0;
        top: .08rem;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        width: .07rem
    }

    .l-breadcrumb-header .l-breadcrumb-header__item-wrapper:hover {
        color: #0fb4bf
    }

    .l-breadcrumb-header .l-breadcrumb-header__item-wrapper:hover:before {
        border-color: #0fb4bf
    }

    .l-breadcrumb-header .l-breadcrumb-header__item-label {
        top: -.01rem
    }
}

@media only screen and (min-width:1023.98px) and (max-width:1279.98px) {
    /*.l-breadcrumb-header {
        padding: 0 1.42rem
    }*/

    .l-breadcrumb-header .l-breadcrumb-header__wrapper {
        margin: 0 -.1rem -.05rem 0
    }

    .l-breadcrumb-header .l-breadcrumb-header__item {
        padding: 0 .1rem .05rem 0
    }
}

@media only screen and (max-width:1023.98px) {
    .l-navigation-header {
        background-color: #fff;
        bottom: 0;
        display: none;
        left: 0;
        opacity: 0;
        overflow: hidden auto;
        padding: .01rem .3rem .43rem;
        pointer-events: none;
        position: fixed;
        right: 0;
        top: .6rem;
        visibility: hidden;
        z-index: 100000999
    }

    .l-navigation-header:before {
        background-color: #fff;
        -webkit-box-shadow: 0 0 .15rem 0 rgba(9, 77, 89, .15);
        box-shadow: 0 0 .15rem 0 rgba(9, 77, 89, .15);
        content: "";
        display: block;
        height: .15rem;
        left: 0;
        margin: 0 -.3rem -.15rem;
        pointer-events: none;
        position: sticky;
        right: 0;
        top: 0;
        -webkit-transform: translateY(-.16rem);
        -ms-transform: translateY(-.16rem);
        transform: translateY(-.16rem)
    }

    header.l-header-common.is-ready .l-navigation-header {
        -webkit-transition: opacity .3s ease, visibility .3s ease;
        transition: opacity .3s ease, visibility .3s ease
    }
}

@media (min-width:1024px),
print {
    .l-navigation-header.is-active {
        display: block !important
    }
}

@media only screen and (max-width:1023.98px) {
    .l-navigation-header.is-active {
        opacity: 1;
        pointer-events: auto;
        visibility: visible
    }
}

.l-menu-header .l-menu-header__item.current-page .l-label-header {
    color: #1199ab
}

.l-menu-header .l-menu-header__item.current-page .l-label-header.l-label-header--dropdown:before {
    border-color: #1199ab
}

@media (min-width:1024px),
print {
    .l-menu-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        /*z-index: 2;*/
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        background-color: #fff;
        height: .75rem;
        justify-content: flex-end;
        /*padding: .35rem calc(2% + 1.3rem) 0*/
        padding: 0 calc(2% + 2.3rem) 0;
    }

    .l-menu-header .l-menu-header__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 -.11rem -.1rem 0
    }

    .l-menu-header .l-menu-header__item,
    .l-menu-header .l-menu-header__item-wrapper {
        position: relative
    }

    .l-menu-header .l-menu-header__item {
        margin: 0 .15rem .1rem 0
    }

    .l-menu-header .l-menu-header__item:hover .l-label-header.l-label-header--dropdown:before {
        border-bottom: .02rem solid #1199ab;
        border-right: .02rem solid #1199ab
    }

    .l-menu-header .l-menu-header__item:hover .l-label-header.l-label-header--dropdown:after {
        opacity: 1
    }

    .l-menu-header .l-menu-header__item:hover .l-menu-header-primary {
        opacity: 1;
        pointer-events: auto;
        visibility: visible
    }

    .l-menu-header .l-menu-header__item.l-menu-header__item--dropdown {
        margin-right: .1rem
    }
}

@media only screen and (min-width:1023.98px) and (max-width:1089px) {
    /*.l-menu-header {
        padding: .35rem 1.3rem 0
    }*/

    .l-menu-header .l-menu-header__wrapper {
        margin: 0 -.08rem -.1rem 0
    }

    .l-menu-header .l-menu-header__item {
        margin: 0 .08rem .1rem 0
    }
}

@media only screen and (max-width:1023.98px) {
    .l-menu-header .l-menu-header__item {
        position: relative
    }

    .l-menu-header .l-menu-header__item-heading {
        border-bottom: .01rem solid #dfeaed;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: .09rem .3rem .09rem 0;
        position: relative
    }
}

.l-menu-header-primary {
    z-index: 1
}

.l-menu-header-primary .l-menu-header-primary__wrapper {
    position: relative
}

@media (min-width:1024px),
print {
    .l-menu-header-primary {
        display: block !important;
        height: auto !important;
        left: -.3rem;
        opacity: 0;
        padding-top: .18rem;
        pointer-events: none;
        position: absolute;
        top: 100%;
        visibility: hidden;
        width: 7.3rem
    }

    .l-menu-header-primary .l-menu-header-primary__wrapper {
        background-color: #fff;
        border-radius: .1rem;
        -webkit-box-shadow: 0 .05rem .2rem 0 rgba(9, 77, 89, .25);
        box-shadow: 0 .05rem .2rem 0 rgba(9, 77, 89, .25);
        padding: .3rem .15rem .32rem .3rem
    }

    header.l-header-common.is-ready .l-menu-header-primary {
        -webkit-transition: opacity .3s, visibility .3s ease;
        transition: opacity .3s, visibility .3s ease
    }
}

@media only screen and (max-width:1023.98px) {
    .l-menu-header-primary .l-menu-header-primary__wrapper {
        padding: .11rem 0 .04rem .12rem
    }

    .l-menu-header-primary .l-menu-header-primary__wrapper:after {
        border-bottom: .01rem solid #dfeaed;
        content: "";
        display: block;
        margin: .09rem 0 0 .16rem
    }
}

@media (min-width:1024px),
print {

    .l-menu-header-primary.l-menu-header-primary--product,
    .l-menu-header-primary.l-menu-header-primary--service {
        width: 6.38rem
    }
}

@media only screen and (max-width:1023.98px) {
    .l-menu-header-primary--product .l-menu-header-primary__wrapper {
        padding: .15rem 0 0
    }

    .l-menu-header-primary--product .l-menu-header-primary__wrapper:after {
        margin: .23rem 0 0
    }

    .l-menu-header-primary--product .l-label-header-primary {
        margin-bottom: .12rem
    }
}

@media (min-width:1024px),
print {
    .l-menu-header-primary.l-menu-header-primary--seminar {
        left: auto;
        right: -2.39rem;
        width: 3.53rem
    }

    .l-menu-header-primary.l-menu-header-primary--seminar .l-menu-header-primary__wrapper {
        padding: .3rem .15rem .3rem .3rem
    }

    .l-menu-header-primary.l-menu-header-primary--faq {
        left: auto;
        right: -1.36rem;
        width: 4.38rem
    }
}

.l-label-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 2;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #1c1e1f;
    font-weight: 700;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.l-label-header .l-label-header__wrapper {
    display: block;
    position: relative
}

.l-label-header:hover {
    color: #1199ab
}

@media (min-width:1024px),
print {
    .l-label-header {
        font-size: .14rem;
        line-height: 1.7142857143
    }
}

@media only screen and (max-width:1023.98px) {
    .l-label-header {
        font-size: .16rem;
        line-height: 1.75
    }
}

@media (min-width:1024px),
print {
    .l-label-header.l-label-header--dropdown {
        padding-right: .16rem
    }

    .l-label-header.l-label-header--dropdown:after,
    .l-label-header.l-label-header--dropdown:before {
        content: "";
        display: block;
        position: absolute
    }

    .l-label-header.l-label-header--dropdown:before {
        border-bottom: .02rem solid #1c1e1f;
        border-right: .02rem solid #1c1e1f;
        height: .07rem;
        right: 0;
        top: .07rem;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: border-color .3s ease;
        transition: border-color .3s ease;
        width: .07rem
    }

    .l-label-header.l-label-header--dropdown:after {
        border-color: transparent transparent #fff;
        border-style: solid;
        border-width: 0 .08rem .08rem;
        bottom: -.19rem;
        height: 0;
        left: calc(50% - .16rem);
        opacity: 0;
        -webkit-transition: opacity .3s ease;
        transition: opacity .3s ease;
        width: 0
    }

    .l-label-header.l-label-header--dropdown:hover:before {
        border-color: #1199ab
    }
}

.l-label-header-primary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #1199ab;
    font-size: .18rem;
    font-weight: 700;
    line-height: 1.7222222222
}

@media (min-width:1024px),
print {
    .l-label-header-primary {
        margin-bottom: .13rem
    }

    .l-label-header-primary+.l-label-header-primary {
        margin-top: -.13rem
    }
}

.l-label-header-primary.l-label-header-primary--dark {
    color: #1c1e1f
}
/*20250107*/
.l-label-header-primary.l-label-header-primary--solution {
    margin-top: .13rem
}

.l-list-header-primary {
    color: #1199ab;
    font-size: .16rem;
    font-weight: 700
}

.l-list-header-primary .l-list-header-primary__item {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.l-list-header-primary .l-list-header-primary__item,
.l-list-header-primary .l-list-header-primary__item-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.l-list-header-primary .l-list-header-primary__item-label {
    color: #1199ab;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.l-list-header-primary .l-list-header-primary__item-label:before {
    content: "";
    position: relative;
    -webkit-box-flex: 0;
    background-color: #1199ab;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: .14rem;
    -webkit-mask: url(../img/common/icon_arrow_02.svg) 50% 50%/contain no-repeat;
    mask: url(../img/common/icon_arrow_02.svg) 50% 50%/contain no-repeat;
    -webkit-transition: background .3s ease, -webkit-transform .3s ease;
    transition: background .3s ease, -webkit-transform .3s ease;
    transition: background .3s ease, transform .3s ease;
    transition: background .3s ease, transform .3s ease, -webkit-transform .3s ease;
    width: .1rem
}

.l-list-header-primary .l-list-header-primary__item-label:hover {
    color: #0fb4bf
}

.l-list-header-primary .l-list-header-primary__item-label:hover:before {
    background-color: #0fb4bf;
    -webkit-transform: translateX(.05rem);
    -ms-transform: translateX(.05rem);
    transform: translateX(.05rem)
}

.l-list-header-primary .l-list-header-primary__label-wrapper {
    display: block;
    position: relative;
    top: -.01rem
}

@media (min-width:1024px),
print {
    .l-list-header-primary {
        line-height: 1.3125
    }

    .l-list-header-primary .l-list-header-primary__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -.2rem -.16rem 0
    }

    .l-list-header-primary .l-list-header-primary__item {
        padding: 0 .2rem .16rem 0
    }

    .l-list-header-primary .l-list-header-primary__item.l-list-header-primary__item--position {
        margin-left: -.17rem
    }

    .l-list-header-primary .l-list-header-primary__item-label:before {
        margin: 0 .05rem 0 -.01rem;
        top: .03rem
    }
}

@media only screen and (max-width:1023.98px) {
    .l-list-header-primary {
        line-height: 1.75
    }

    .l-list-header-primary .l-list-header-primary__wrapper {
        margin-bottom: -.1rem
    }

    .l-list-header-primary .l-list-header-primary__item {
        padding-bottom: .1rem
    }

    .l-list-header-primary .l-list-header-primary__item-label:before {
        margin-right: .07rem;
        top: .07rem
    }
}

@media (min-width:1024px),
print {
    .l-list-header-primary.l-list-header-primary--product .l-list-header-primary__item {
        min-width: 1.8rem
    }

    .l-list-header-primary.l-list-header-primary--faq .l-list-header-primary__item.l-list-header-primary__item--company .l-list-header-secondary {
        margin-right: -2.8rem;
        width: 2.8rem
    }
}

.l-list-header-secondary {
    font-size: .14rem;
    line-height: 1.6666666667
}

.l-list-header-secondary .l-list-header-secondary__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.l-list-header-secondary .l-list-header-secondary__item-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #1199ab;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.l-list-header-secondary .l-list-header-secondary__item-label:before {
    content: "";
    position: relative;
    top: .05rem;
    -webkit-box-flex: 0;
    background-color: #1199ab;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: .14rem;
    -webkit-mask: url(../img/common/icon_arrow_02.svg) 50% 50%/contain no-repeat;
    mask: url(../img/common/icon_arrow_02.svg) 50% 50%/contain no-repeat;
    -webkit-transition: background .3s ease, -webkit-transform .3s ease;
    transition: background .3s ease, -webkit-transform .3s ease;
    transition: background .3s ease, transform .3s ease;
    transition: background .3s ease, transform .3s ease, -webkit-transform .3s ease;
    width: .1rem
}

.l-list-header-secondary .l-list-header-secondary__item-label:hover {
    color: #0fb4bf
}

.l-list-header-secondary .l-list-header-secondary__item-label:hover:before {
    background-color: #0fb4bf;
    -webkit-transform: translateX(.05rem);
    -ms-transform: translateX(.05rem);
    transform: translateX(.05rem)
}

.l-list-header-secondary .l-list-header-secondary__label-wrapper {
    display: block;
    position: relative;
    top: -.01rem
}

@media (min-width:1024px),
print {
    .l-list-header-secondary {
        padding: .11rem 0 0 .16rem
    }

    .l-list-header-secondary .l-list-header-secondary__wrapper {
        margin-bottom: -.1rem
    }

    .l-list-header-secondary .l-list-header-secondary__item {
        padding-bottom: .1rem
    }

    .l-list-header-secondary .l-list-header-secondary__item-label:before {
        margin: 0 .05rem 0 -.01rem
    }
}

@media only screen and (max-width:1023.98px) {
    .l-list-header-secondary {
        padding: .09rem 0 .02rem .17rem
    }

    .l-list-header-secondary .l-list-header-secondary__wrapper {
        margin-bottom: -.11rem
    }

    .l-list-header-secondary .l-list-header-secondary__item {
        padding-bottom: .11rem
    }

    .l-list-header-secondary .l-list-header-secondary__item-label:before {
        margin-right: .07rem
    }
}

@media only screen and (max-width:1023.98px) {
    .l-list-header-contact {
        margin-top: .2rem
    }

    .l-list-header-contact .l-list-header-contact__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -.05rem
    }

    .l-list-header-contact .l-list-header-contact__item {
        padding: .05rem;
        width: 50%
    }
}

.c-button-trial {
    background-color: #fcf403;
    border: .02rem solid #fcf403;
    border-radius: .04rem;
    -webkit-box-shadow: 0 .05rem .2rem 0 rgba(9, 77, 89, .15);
    box-shadow: 0 .05rem .2rem 0 rgba(9, 77, 89, .15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #1c1e1f;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    position: relative;
    text-align: center;
    -webkit-transition: background-color .3s ease, border-color .3s ease;
    transition: background-color .3s ease, border-color .3s ease
}

.c-button-trial:hover {
    background-color: #fcca03;
    border-color: #fcca03
}

.c-button-trial:hover .c-button-trial__title:after {
    -webkit-transform: translateX(.04rem);
    -ms-transform: translateX(.04rem);
    transform: translateX(.04rem)
}

.c-button-trial .c-button-trial__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: .06rem
}

.c-button-trial .c-button-trial__title:after {
    content: "";
    display: block;
    position: relative;
    -webkit-box-flex: 0;
    background-color: #1c1e1f;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: .14rem;
    margin-left: .06rem;
    -webkit-mask: url(../img/common/icon_arrow_02.svg) 50% 50%/contain no-repeat;
    mask: url(../img/common/icon_arrow_02.svg) 50% 50%/contain no-repeat;
    -webkit-transition: background .3s ease, -webkit-transform .3s ease;
    transition: background .3s ease, -webkit-transform .3s ease;
    transition: background .3s ease, transform .3s ease;
    transition: background .3s ease, transform .3s ease, -webkit-transform .3s ease;
    width: .1rem
}

.c-button-trial .c-button-trial__text {
    display: block;
    font-size: .12rem;
    font-weight: 500;
    text-align: center
}

@media (min-width:767.98px),
print {
    .c-button-trial {
        font-size: .2rem;
        max-width: 4rem;
        padding: .06rem .22rem .07rem
    }
}

@media only screen and (max-width:767.98px) {
    .c-button-trial {
        -webkit-box-shadow: 0 .05rem .2rem 0 rgba(21, 67, 138, .15);
        box-shadow: 0 .05rem .2rem 0 rgba(21, 67, 138, .15);
        font-size: .16rem;
        padding: .06rem .05rem .07rem;
        width: 100%
    }

    .c-button-trial .c-button-trial__title {
        font-size: .18rem
    }
}

.c-button-inquiry {
    background-color: #1199ab;
    border: .02rem solid #fff;
    border-radius: .04rem;
    -webkit-box-shadow: 0 .05rem .2rem 0 rgba(9, 77, 89, .15);
    box-shadow: 0 .05rem .2rem 0 rgba(9, 77, 89, .15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    position: relative;
    text-align: center;
    -webkit-transition: background-color .3s ease, color .3s ease;
    transition: background-color .3s ease, color .3s ease
}

.c-button-inquiry:hover {
    background-color: #fff;
    color: #1199ab
}

.c-button-inquiry:hover .c-button-inquiry__title:after {
    background-color: #1199ab
}

.c-button-inquiry .c-button-inquiry__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-button-inquiry .c-button-inquiry__title:after {
    content: "";
    display: block;
    position: relative;
    -webkit-box-flex: 0;
    background-color: #fff;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: .12rem;
    margin-left: .06rem;
    margin-top: .01rem;
    -webkit-mask: url(../img/common/icon_mail_01.svg) 50% 50%/contain no-repeat;
    mask: url(../img/common/icon_mail_01.svg) 50% 50%/contain no-repeat;
    -webkit-transition: background .3s ease, -webkit-transform .3s ease;
    transition: background .3s ease, -webkit-transform .3s ease;
    transition: background .3s ease, transform .3s ease;
    transition: background .3s ease, transform .3s ease, -webkit-transform .3s ease;
    width: .15rem
}

.c-button-inquiry .c-button-inquiry__text {
    display: block;
    font-size: .12rem;
    font-weight: 500;
    text-align: center
}

@media (min-width:767.98px),
print {
    .c-button-inquiry {
        font-size: .2rem;
        max-width: 4rem;
        padding: .06rem .12rem .07rem
    }

    .c-button-inquiry .c-button-inquiry__title {
        margin-left: .06rem
    }
}

@media only screen and (max-width:767.98px) {
    .c-button-inquiry {
        font-size: .16rem;
        padding: .07rem .25rem .08rem;
        width: 100%
    }

    .c-button-inquiry .c-button-inquiry__title {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        font-size: .18rem;
        justify-content: center
    }
}

.c-button-primary {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: #1199ab;
    border: .01rem solid #1199ab;
    border-radius: .04rem;
    -webkit-box-shadow: 0 .05rem .2rem 0 rgba(9, 77, 89, .15);
    box-shadow: 0 .05rem .2rem 0 rgba(9, 77, 89, .15);
    color: #fff;
    cursor: pointer;
    font-weight: 700;
    justify-content: center;
    -webkit-transition: border .3s ease, background .3s ease, color .3s ease;
    transition: border .3s ease, background .3s ease, color .3s ease;
    width: 100%
}

.c-button-primary,
.c-button-primary .c-button-primary__label,
.c-button-primary .c-button-primary__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-button-primary .c-button-primary__wrapper:after {
    content: "";
    position: relative;
    -webkit-box-flex: 0;
    background-color: #fff;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: .14rem;
    margin: 0 -.06rem 0 .06rem;
    -webkit-mask: url(../img/common/icon_arrow_02.svg) 50% 50%/contain no-repeat;
    mask: url(../img/common/icon_arrow_02.svg) 50% 50%/contain no-repeat;
    -webkit-transition: background .3s ease, -webkit-transform .3s ease;
    transition: background .3s ease, -webkit-transform .3s ease;
    transition: background .3s ease, transform .3s ease;
    transition: background .3s ease, transform .3s ease, -webkit-transform .3s ease;
    width: .1rem
}

.c-button-primary .c-button-primary__label {
    top: -.01rem
}

.c-button-primary:hover {
    background-color: #0fb4bf;
    border-color: #0fb4bf;
    color: #fff
}

.c-button-primary:hover .c-button-primary__wrapper:after {
    background-color: #fff;
    -webkit-transform: translateX(.03rem);
    -ms-transform: translateX(.03rem);
    transform: translateX(.03rem)
}

@media (min-width:767.98px),
print {
    .c-button-primary {
        font-size: .18rem;
        line-height: 1.7777777778;
        max-width: 2.5rem;
        min-height: .66rem;
        padding: .16rem .2rem
    }
}

@media only screen and (max-width:767.98px) {
    .c-button-primary {
        font-size: .16rem;
        line-height: 1.75;
        min-height: .62rem;
        padding: .16rem .15rem
    }
}

.c-button-primary.c-button-primary--reversed {
    background-color: #fff;
    color: #1199ab
}

.c-button-primary.c-button-primary--reversed .c-button-primary__wrapper:after {
    background-color: #1199ab
}

.c-button-primary.c-button-primary--reversed:hover {
    background-color: #0fb4bf;
    color: #fff
}

.c-button-primary.c-button-primary--reversed:hover .c-button-primary__wrapper:after {
    background-color: #fff
}

.c-contact {
    background-color: #1199ab;
    color: #fff
}

.c-contact,
.c-contact .l-wrapper {
    position: relative
}

.c-contact .c-contact__visual {
    width: 100%
}

.c-contact .c-contact__title {
    font-weight: 700;
    line-height: 1.4;
    position: relative
}

@media (min-width:767.98px),
print {
    .c-contact {
        padding-bottom: .72rem;
        padding-top: .7rem
    }

    .c-contact .l-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 12.6rem
    }

    .c-contact .c-contact__visual {
        max-width: 3.9rem
    }

    .c-contact .c-contact__content {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-left: .36rem
    }

    .c-contact .c-contact__title {
        font-size: .4rem;
        margin-bottom: .4rem;
        z-index: 1
    }

    .c-contact .c-contact__title:before {
        background: url(../img/top/img_decor_cta_01.svg) 50%/cover no-repeat;
        content: "";
        height: 1.6rem;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        right: .51rem;
        top: -.18rem;
        width: 2.5rem;
        z-index: -1
    }

    .c-contact .c-button-trial {
        min-width: 4rem;
        padding-left: .18rem;
        padding-right: .18rem
    }
}

@media only screen and (min-width:767.98px) and (max-width:1399px) {
    .c-contact .c-button-trial {
        min-height: .73rem;
        min-width: 3.67rem
    }

    .c-contact .c-button-trial .c-button-trial__title {
        font-size: .18rem
    }

    .c-contact .c-button-inquiry {
        min-height: .73rem
    }

    .c-contact .c-button-inquiry .c-button-inquiry__title {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        font-size: .18rem;
        justify-content: center;
        margin-left: 0;
        margin-right: .04rem
    }
}

@media only screen and (min-width:1023.98px) and (max-width:1279.98px) {
    .c-contact .c-contact__visual {
        max-width: 3rem
    }
}

@media only screen and (min-width:767.98px) and (max-width:1160px) {
    .c-contact .l-wrapper {
        display: block;
        width: calc(100% - .8rem)
    }

    .c-contact .c-contact__visual {
        margin: 0 auto .3rem
    }

    .c-contact .c-contact__title:before {
        height: 1.28rem;
        right: .2rem;
        top: -.65rem;
        width: 2rem
    }

    .c-contact .c-contact__content {
        margin-left: 0;
        margin-right: -.2rem;
        padding-left: 12vw
    }
}

@media only screen and (min-width:767.98px) and (max-width:1023.98px) {
    .c-contact .c-contact__content {
        padding-left: 0
    }
}

@media only screen and (max-width:767.98px) {
    .c-contact {
        padding-bottom: .32rem;
        padding-top: .1rem
    }

    .c-contact .c-contact__visual {
        margin: 0 auto .1rem;
        width: 2.4rem
    }

    .c-contact .c-contact__title {
        font-size: .24rem;
        margin-bottom: .2rem;
        text-align: center
    }
}

.c-link-phone {
    color: #fff;
    display: inline-block;
    font-weight: 700;
    padding-left: .22rem;
    position: relative
}

.c-link-phone:before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2215.999%22%3E%3Cpath%20d%3D%22M16%2011.928v3.143a.889.889%200%2001-.827.887c-.388.027-.706.041-.951.041A14.221%2014.221%200%20010%201.778Q0%201.41.041.827A.889.889%200%2001.928%200h3.143a.444.444%200%2001.443.4c.02.2.039.367.057.491a12.356%2012.356%200%20001.073%203.556.4.4%200%2001-.131.5L3.6%206.321A11.6%2011.6%200%20009.679%2012.4l1.369-1.915a.411.411%200%2001.509-.132%2012.356%2012.356%200%20003.555%201.071c.124.018.286.037.489.057a.444.444%200%2001.4.443z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") 50%/cover no-repeat;
    content: "";
    display: inline-block;
    height: .16rem;
    left: 0;
    position: absolute;
    -webkit-transition: all .25s cubic-bezier(.215, .61, .355, 1);
    transition: all .25s cubic-bezier(.215, .61, .355, 1);
    width: .16rem
}

.c-link-phone .c-link-phone__wrapper {
    display: block
}

@media (min-width:767.98px),
print {
    .c-link-phone {
        font-size: .24rem
    }

    .c-link-phone:before {
        top: .14rem
    }
}

@media only screen and (max-width:767.98px) {
    .c-link-phone {
        font-size: .2rem
    }

    .c-link-phone:before {
        top: .1rem
    }
}

.c-link-arrow {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-weight: 700;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.c-link-arrow:after {
    content: "";
    display: block;
    position: relative;
    -webkit-box-flex: 0;
    background-color: #fff;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: .14rem;
    margin-left: .04rem;
    -webkit-mask: url(../img/common/icon_arrow_02.svg) 50% 50%/contain no-repeat;
    mask: url(../img/common/icon_arrow_02.svg) 50% 50%/contain no-repeat;
    -webkit-transition: background .3s ease, -webkit-transform .3s ease;
    transition: background .3s ease, -webkit-transform .3s ease;
    transition: background .3s ease, transform .3s ease;
    transition: background .3s ease, transform .3s ease, -webkit-transform .3s ease;
    width: .1rem
}

.c-link-arrow:hover:after {
    -webkit-transform: translateX(.04rem);
    -ms-transform: translateX(.04rem);
    transform: translateX(.04rem)
}

.c-link-arrow:hover .c-link-arrow__wrapper {
    text-decoration-color: inherit
}

.c-link-arrow .c-link-arrow__wrapper {
    display: block;
    position: relative;
    text-decoration: underline;
    text-decoration-color: transparent;
    text-decoration-thickness: .01rem;
    text-underline-offset: .05rem;
    top: -.01rem;
    -webkit-transition: -webkit-text-decoration .3s ease;
    transition: -webkit-text-decoration .3s ease;
    transition: text-decoration .3s ease;
    transition: text-decoration .3s ease, -webkit-text-decoration .3s ease
}

.c-link-arrow.c-link-arrow--reversed {
    color: #1199ab
}

.c-link-arrow.c-link-arrow--reversed:after {
    background-color: #1199ab
}

.c-link-arrow.c-link-arrow--reversed:hover {
    color: #0fb4bf
}

.c-link-arrow.c-link-arrow--reversed:hover:after {
    background-color: #0fb4bf
}

@media (min-width:767.98px),
print {
    .c-list-contact .c-list-contact__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .c-list-contact .c-list-contact__item {
        margin-bottom: .15rem;
        margin-right: .2rem
    }

    .c-list-contact .c-list-contact__item:last-child {
        margin-right: 0
    }
}

@media only screen and (max-width:767.98px) {
    .c-list-contact {
        margin-bottom: .14rem
    }

    .c-list-contact .c-list-contact__item {
        margin-bottom: .12rem
    }

    .c-list-contact .c-list-contact__item:last-child {
        margin-bottom: 0
    }

    .c-list-contact .c-button-trial {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.c-paragraph-contact .c-paragraph-contact__title {
    font-weight: 700
}

.c-paragraph-contact .c-paragraph-contact__time {
    font-weight: 700;
    position: relative
}

.c-paragraph-contact .c-paragraph-contact__time-text {
    display: inline-block
}

@media (min-width:767.98px),
print {
    .c-paragraph-contact {
        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
    }

    .c-paragraph-contact .c-paragraph-contact__title {
        margin-right: .2rem;
        padding-top: .04rem
    }

    .c-paragraph-contact .c-paragraph-contact__time {
        font-size: .14rem;
        padding-right: .05rem;
        padding-top: .04rem
    }

    .c-paragraph-contact .c-paragraph-contact__time:before {
        background-color: #fff;
        bottom: .05rem;
        content: "";
        height: .16rem;
        position: absolute;
        right: 0;
        width: .01rem
    }

    .c-paragraph-contact .c-link-arrow {
        margin-left: .1rem;
        padding-top: .03rem
    }
}

@media only screen and (max-width:767.98px) {
    .c-paragraph-contact {
        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;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .c-paragraph-contact .c-paragraph-contact__time {
        font-size: .12rem;
        padding-bottom: .05rem;
        padding-right: .05rem
    }

    .c-paragraph-contact .c-link-arrow {
        padding-bottom: .02rem
    }
}

@media only screen and (max-width:449.98px) {
    .c-paragraph-contact .c-link-arrow {
        margin-top: .1rem
    }
}

.c-title-primary {
    display: block;
    font-weight: 700;
    margin: 0;
    position: relative
}

.c-title-primary .c-title-primary__sub {
    font-weight: 500;
    position: relative
}

@media (min-width:767.98px),
print {
    .c-title-primary {
        font-size: .4rem;
        line-height: 1.75
    }

    .c-title-primary .c-title-primary__sub {
        font-size: .18rem;
        margin-left: .21rem
    }
}

@media only screen and (max-width:767.98px) {
    .c-title-primary {
        font-size: .24rem;
        line-height: 1.75
    }

    .c-title-primary .c-title-primary__sub {
        display: block;
        font-size: .14rem;
        line-height: 1.75
    }
}

.p-section-top-keyvisual .l-wrapper {
    position: relative
}

.p-section-top-keyvisual .p-section-top-keyvisual__wrapper {
    position: relative;
    width: 100%;
    z-index: 1
}

.p-section-top-keyvisual .p-section-top-keyvisual__title {
    font-weight: 700
}

.p-section-top-keyvisual .p-section-top-keyvisual__title-wrapper {
    display: block;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    letter-spacing: .04rem;
    line-height: 1.25
}

.p-section-top-keyvisual .p-section-top-keyvisual__title-motto {
    display: block;
    letter-spacing: .05em
}

.p-section-top-keyvisual .c-button-trial {
    max-width: unset;
    text-align: center;
    width: 100%
}

.p-section-top-keyvisual .c-button-trial .c-button-trial__title {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.p-section-top-keyvisual .c-button-inquiry {
    max-width: unset;
    width: 100%
}

.p-section-top-keyvisual .c-button-inquiry .c-button-inquiry__title {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.p-section-top-keyvisual .p-section-top-keyvisual__thumbnail {
    position: relative
}

.p-section-top-keyvisual .p-section-top-keyvisual__thumbnail-image {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 0
}

.p-section-top-keyvisual .p-section-top-keyvisual__thumbnail-image img {
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width:1024px),
print {
    .p-section-top-keyvisual {
        background-color: #1199ab;
        color: #fff;
        padding: 0 4.267%
    }

    .p-section-top-keyvisual .l-wrapper {
        max-width: 12rem;
        width: 100%
    }

    .p-section-top-keyvisual .p-section-top-keyvisual__wrapper {
        max-width: 4.78rem;
        /*20250106
        padding: 1rem 0 .2rem*/
        padding: 0.6rem 0 .2rem;
    }

    .p-section-top-keyvisual .p-section-top-keyvisual__title {
        margin-bottom: .22rem;
        margin-right: -.22rem
    }

    .p-section-top-keyvisual .p-section-top-keyvisual__title:before {
        background: url(../img/top/icn_decor_keyvisual_01.svg) 50% 50%/contain no-repeat;
        content: "";
        height: 1.2rem;
        left: -1.02rem;
        position: absolute;
        top: .34rem;
        width: 1.54rem;
        z-index: 0
    }

    .p-section-top-keyvisual .p-section-top-keyvisual__title-wrapper {
        font-size: .7rem;
        margin-bottom: .12rem;
        position: relative;
        z-index: 1
    }

    .p-section-top-keyvisual .p-section-top-keyvisual__title-motto {
        font-size: .32rem
    }

    .p-section-top-keyvisual .p-section-top-keyvisual__button {
        /*20250106
        margin-bottom: .55rem*/
        margin-bottom: .35rem
    }

    .p-section-top-keyvisual .c-button-trial {
        /*20250106
        margin-bottom: .4rem*/
        margin-bottom: .25rem;
    }

    .p-section-top-keyvisual .c-button-inquiry {
        font-size: .14rem
    }

    .p-section-top-keyvisual .p-section-top-keyvisual__note {
        color: #99d3db;
        font-size: .1rem;
        padding-left: .16rem;
        position: relative
    }

    .p-section-top-keyvisual .p-section-top-keyvisual__note:before {
        content: "※";
        left: 0;
        position: absolute
    }

    .p-section-top-keyvisual .p-section-top-keyvisual__thumbnail {
        height: calc(100% - 1.96rem);
        max-width: 48vw;
        position: absolute;
        right: -.8rem;
        top: .86rem
    }

    .p-section-top-keyvisual .p-section-top-keyvisual__thumbnail:after,
    .p-section-top-keyvisual .p-section-top-keyvisual__thumbnail:before {
        background: 50% 50%/contain no-repeat;
        content: "";
        position: absolute;
        z-index: 0；
    }

    .p-section-top-keyvisual .p-section-top-keyvisual__thumbnail:before {
        background-image: url(../img/top/icn_decor_keyvisual_02.svg);
        height: 2rem;
        left: -.5rem;
        top: .95rem;
        width: 2.55rem
    }

    .p-section-top-keyvisual .p-section-top-keyvisual__thumbnail:after {
        background-image: url(../img/top/icn_decor_keyvisual_03.svg);
        height: 1.4rem;
        left: 3.2rem;
        top: -.36rem;
        width: 2.48rem;
        /*20250106*/
        display: none;
    }

    .p-section-top-keyvisual .p-section-top-keyvisual__thumbnail picture {
        height: auto;
        max-width: none;
        position: relative;
        /*20250106
        top: 20px;*/
        top:-50px;
        width: 1000px;
        z-index: 1
    }
    
}

@media print,
screen and (min-width:87.5em) {
    .p-section-top-keyvisual .p-section-top-keyvisual__thumbnail {
        max-width: 7.44rem
    }
}

@media only screen and (max-width:1023.98px) {
    .p-section-top-keyvisual {
        margin-top: -.62rem;
        padding-bottom: .42rem;
        padding-top: .82rem;
        position: relative
    }

    .p-section-top-keyvisual:before {
        background: #1199ab;
        content: "";
        height: 40%;
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100%
    }

    .p-section-top-keyvisual .p-section-top-keyvisual__thumbnail {
        height: calc(55vw + .12rem);
        position: relative
    }

    .p-section-top-keyvisual .p-section-top-keyvisual__thumbnail-image {
        height: auto;
        left: 0;
        position: absolute;
        right: 0;
        top: .28rem
    }

    .p-section-top-keyvisual .p-section-top-keyvisual__title {
        margin-bottom: .22rem;
        text-align: center
    }

    .p-section-top-keyvisual .p-section-top-keyvisual__title-wrapper {
        font-size: .44rem;
        margin-bottom: .12rem
    }

    .p-section-top-keyvisual .p-section-top-keyvisual__title-motto {
        font-size: .22rem
    }

    .p-section-top-keyvisual .c-button-trial {
        margin-bottom: .4rem;
        padding: .07rem .2rem
    }

    .p-section-top-keyvisual .c-button-trial .c-button-trial__title {
        font-size: .16rem;
        line-height: 1.5;
        margin-bottom: .02rem
    }

    .p-section-top-keyvisual .c-button-trial .c-button-trial__title:after {
        margin: 0 .06rem 0 .04rem;
        top: .01rem
    }

    .p-section-top-keyvisual .c-button-inquiry {
        background-color: #fff;
        border-color: #1199ab;
        color: #1199ab;
        padding: .07rem .16rem
    }

    .p-section-top-keyvisual .c-button-inquiry:hover {
        background-color: #1199ab;
        color: #fff
    }

    .p-section-top-keyvisual .c-button-inquiry:hover .c-button-inquiry__title:after {
        background-color: #fff
    }

    .p-section-top-keyvisual .c-button-inquiry .c-button-inquiry__title {
        font-size: .14rem;
        line-height: 1.7857142857
    }

    .p-section-top-keyvisual .c-button-inquiry .c-button-inquiry__title:after {
        background-color: #1199ab;
        margin: .02rem 0 0 .02rem
    }
}

@media only screen and (max-width:37.4375em) {
    .p-section-top-keyvisual:before {
        height: 35%
    }
}

@media only screen and (max-width:31.1875em) {
    .p-section-top-keyvisual:before {
        height: 37%
    }
}

.p-controller-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:767.98px),
print {
    .p-controller-top .c-button-primary {
        min-width: 3rem
    }
}

@media only screen and (max-width:767.98px) {
    .p-controller-top .c-button-primary {
        max-width: 2.83rem;
        min-height: .52rem;
        padding-bottom: .11rem;
        padding-top: .11rem
    }
}

.p-section-top-features {
    background-color: #ebf3f5
}

@media (min-width:767.98px),
print {
    .p-section-top-features {
        padding: .9rem 0 .8rem
    }

    .p-section-top-features .l-wrapper {
        max-width: 11.6rem
    }

    .p-section-top-features .p-section-top-features__heading {
        margin-bottom: .34rem
    }

    .p-section-top-features .p-section-top-features__footing {
        margin-top: .41rem
    }
}

@media only screen and (max-width:767.98px) {
    .p-section-top-features {
        padding: .32rem 0 .4rem
    }

    .p-section-top-features .p-section-top-features__heading {
        margin-bottom: .22rem
    }

    .p-section-top-features .p-section-top-features__footing {
        margin-top: .26rem
    }
}

.p-banner-top-features {
    background: #1199ab url(../img/top/img_decor_feature_01.svg) 0 0/2.22rem auto no-repeat;
    color: #fff;
    font-weight: 700
}

.p-banner-top-features .p-banner-top-features__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.p-banner-top-features .p-banner-top-features__label {
    margin: 0;
    position: relative
}

@media (min-width:767.98px),
print {
    .p-banner-top-features {
        font-size: .24rem;
        line-height: 1.5;
        padding: .5rem .6rem .55rem
    }

    .p-banner-top-features .p-banner-top-features__wrapper {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .p-banner-top-features .c-button-primary {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-left: .1rem;
        width: 2.5rem
    }
}

@media only screen and (min-width:1023.98px) and (max-width:1070px) {
    .p-banner-top-features .c-button-primary {
        margin-left: 0;
        width: 2.27rem
    }
}

@media only screen and (min-width:767.98px) and (max-width:1023.98px) {
    .p-banner-top-features .p-banner-top-features__label {
        font-size: .18rem
    }
}

@media only screen and (min-width:767.98px) and (max-width:840px) {
    .p-banner-top-features {
        padding: .35rem .4rem
    }
}

@media only screen and (max-width:767.98px) {
    .p-banner-top-features {
        font-size: .16rem;
        line-height: 1.5;
        padding: .22rem .2rem .2rem;
        text-align: center
    }

    .p-banner-top-features .p-banner-top-features__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .p-banner-top-features .c-button-primary {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-top: .14rem
    }

    .p-banner-top-features .c-button-primary .c-button-primary__wrapper:after {
        margin: 0 -.06rem 0 .04rem
    }
}

.p-list-top-features {
    position: relative
}

.p-list-top-features .p-list-top-features__item-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.p-list-top-features .p-list-top-features__item-wrapper:hover .p-list-top-features__item-thumbnail {
    -webkit-box-shadow: 0 .05rem .3rem 0 rgba(9, 77, 89, .25);
    box-shadow: 0 .05rem .3rem 0 rgba(9, 77, 89, .25)
}

.p-list-top-features .p-list-top-features__item-wrapper:hover .p-list-top-features__item-thumbnail:before {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.p-list-top-features .p-list-top-features__item-wrapper:hover .c-link-arrow {
    color: #0fb4bf
}

.p-list-top-features .p-list-top-features__item-wrapper:hover .c-link-arrow:after {
    background-color: #0fb4bf;
    -webkit-transform: translateX(.04rem);
    -ms-transform: translateX(.04rem);
    transform: translateX(.04rem)
}

.p-list-top-features .p-list-top-features__item-wrapper:hover .c-link-arrow .c-link-arrow__wrapper {
    text-decoration-color: inherit
}

.p-list-top-features .p-list-top-features__item-thumbnail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 .05rem .2rem 0 rgba(9, 77, 89, .15);
    box-shadow: 0 .05rem .2rem 0 rgba(9, 77, 89, .15);
    justify-content: center;
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease
}

.p-list-top-features .p-list-top-features__item-thumbnail:before {
    content: "";
    display: block;
    position: relative;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.p-list-top-features .p-list-top-features__item-thumbnail.p-list-top-features__item-thumbnail--security:before {
    background: url(../img/top/img_top_feature01.svg) 50% 50%/100% auto no-repeat
}

.p-list-top-features .p-list-top-features__item-thumbnail.p-list-top-features__item-thumbnail--integration:before {
    background: url(../img/top/img_top_feature02.svg) 50% 50%/100% auto no-repeat
}

.p-list-top-features .p-list-top-features__item-thumbnail.p-list-top-features__item-thumbnail--operation:before {
    background: url(../img/top/img_top_feature03.svg) 50% 50%/100% auto no-repeat
}

.p-list-top-features .p-list-top-features__item-thumbnail.p-list-top-features__item-thumbnail--installation:before {
    background: url(../img/top/img_top_feature04.svg) 50% 50%/100% auto no-repeat
}

.p-list-top-features .p-list-top-features__information-controller {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.p-list-top-features .p-list-top-features__information-label,
.p-list-top-features .p-list-top-features__information-title {
    display: block;
    font-weight: 700;
    position: relative
}

.p-list-top-features .p-list-top-features__information-label {
    color: #194b54;
    font-size: .16rem;
    line-height: 1.875
}

.p-list-top-features .p-list-top-features__label-number {
    font-family: Roboto, sans-serif;
    font-size: .14rem;
    margin-right: .1rem;
    position: relative;
    text-decoration: underline;
    text-decoration-thickness: .01rem;
    text-underline-offset: .05rem;
    top: -.02rem
}

@media (min-width:767.98px),
print {
    .p-list-top-features .p-list-top-features__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -.18rem -.28rem
    }

    .p-list-top-features .p-list-top-features__item {
        padding: .18rem .28rem;
        width: 50%
    }

    .p-list-top-features .p-list-top-features__item-thumbnail {
        height: 1.6rem;
        margin-right: .28rem;
        width: 1.6rem
    }

    .p-list-top-features .p-list-top-features__item-thumbnail:before {
        height: .8rem;
        width: .8rem
    }

    .p-list-top-features .p-list-top-features__item-thumbnail.p-list-top-features__item-thumbnail--operation:before {
        height: .74rem;
        width: .74rem
    }

    .p-list-top-features .p-list-top-features__item-information {
        padding-top: .12rem
    }

    .p-list-top-features .p-list-top-features__information-label {
        margin-bottom: .13rem
    }

    .p-list-top-features .p-list-top-features__information-title {
        font-size: .24rem;
        line-height: 1.375
    }

    .p-list-top-features .p-list-top-features__information-controller {
        margin-top: .21rem
    }

    .p-list-top-features .c-link-arrow {
        font-size: .18rem;
        line-height: 1.5
    }

    .p-list-top-features .c-link-arrow:after {
        margin-left: .07rem
    }
}

@media only screen and (min-width:767.98px) and (max-width:1023.98px) {
    .p-list-top-features .p-list-top-features__item {
        width: 100%
    }

    .p-list-top-features {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .p-list-top-features .p-list-top-features__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .p-list-top-features .p-list-top-features__item {
        width: auto
    }
}

@media only screen and (max-width:767.98px) {
    .p-list-top-features .p-list-top-features__wrapper {
        margin-bottom: -.17rem
    }

    .p-list-top-features .p-list-top-features__item {
        padding-bottom: .2rem
    }

    .p-list-top-features .p-list-top-features__item-thumbnail {
        height: .6rem;
        margin: .08rem .2rem .08rem 0;
        width: .6rem
    }

    .p-list-top-features .p-list-top-features__item-thumbnail:before {
        height: .3rem;
        width: .3rem
    }

    .p-list-top-features .p-list-top-features__information-label {
        color: #194b54;
        line-height: 1.84375;
        margin-bottom: .1rem
    }

    .p-list-top-features .p-list-top-features__information-title {
        font-size: .2rem;
        line-height: 1.4
    }

    .p-list-top-features .p-list-top-features__information-controller {
        margin-top: .05rem
    }
}

.p-section-top-functions .l-wrapper {
    position: relative;
    z-index: 1
}

.p-section-top-functions .l-wrapper:before {
    background: url(../img/top/img_decor_function_01.svg) 50% 50%/contain no-repeat;
    content: "";
    position: absolute;
    z-index: -1
}

@media (min-width:767.98px),
print {
    .p-section-top-functions {
        padding: .9rem 0 .8rem
    }

    .p-section-top-functions .l-wrapper {
        max-width: 11.6rem
    }

    .p-section-top-functions .l-wrapper:before {
        height: 1.6rem;
        right: -.16rem;
        top: -.08rem;
        width: 1.86rem
    }

    .p-section-top-functions .p-section-top-functions__heading {
        margin-bottom: .53rem
    }

    .p-section-top-functions .p-list-top-functions {
        margin: 0 -.02rem
    }

    .p-section-top-functions .p-section-top-functions__footing {
        margin-top: .4rem
    }
}

@media only screen and (max-width:767.98px) {
    .p-section-top-functions {
        padding: .32rem 0 .4rem
    }

    .p-section-top-functions .l-wrapper:before {
        height: 1rem;
        opacity: .3;
        right: 4.267%;
        top: 0;
        width: 1.2rem
    }

    .p-section-top-functions .p-section-top-functions__heading {
        margin-bottom: .22rem
    }

    .p-section-top-functions .p-section-top-functions__footing {
        margin: .3rem .3rem 0
    }

    .p-section-top-functions .p-section-top-functions__footing .c-button-primary {
        max-width: none;
        width: 100%
    }
}

.p-list-top-functions {
    position: relative
}

.p-list-top-functions .p-list-top-functions__item-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-radius: .1rem;
    -webkit-box-shadow: 0 .05rem .2rem 0 rgba(9, 77, 89, .15);
    box-shadow: 0 .05rem .2rem 0 rgba(9, 77, 89, .15);
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease
}

.p-list-top-functions .p-list-top-functions__item-wrapper:hover {
    -webkit-box-shadow: 0 .05rem .3rem 0 rgba(9, 77, 89, .25);
    box-shadow: 0 .05rem .3rem 0 rgba(9, 77, 89, .25)
}

.p-list-top-functions .p-list-top-functions__item-wrapper:hover .p-list-top-functions__item-thumbnail .u-picture {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.p-list-top-functions .p-list-top-functions__item-wrapper:hover .c-link-arrow {
    color: #0fb4bf
}

.p-list-top-functions .p-list-top-functions__item-wrapper:hover .c-link-arrow:after {
    background-color: #0fb4bf;
    -webkit-transform: translateX(.04rem);
    -ms-transform: translateX(.04rem);
    transform: translateX(.04rem)
}

.p-list-top-functions .p-list-top-functions__item-wrapper:hover .c-link-arrow .c-link-arrow__wrapper {
    text-decoration-color: transparent
}

.p-list-top-functions .p-list-top-functions__item-thumbnail {
    position: relative;
    -webkit-box-flex: 0;
    border-radius: .1rem .1rem 0 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    overflow: hidden
}

.p-list-top-functions .p-list-top-functions__item-thumbnail .u-picture {
    background-color: #f1f2f2;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    width: 100%
}

.p-list-top-functions .p-list-top-functions__item-thumbnail .u-object {
    -o-object-fit: contain;
    object-fit: contain
}

.p-list-top-functions .p-list-top-functions__item-information {
    -webkit-box-flex: 1;
    background-color: #fff;
    border-radius: 0 0 .1rem .1rem;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.p-list-top-functions .p-list-top-functions__information-detail {
    font-size: .16rem;
    line-height: 1.75;
    position: relative
}

.p-list-top-functions .p-list-top-functions__information-detail p {
    margin: 0
}

.p-list-top-functions .c-link-arrow {
    font-size: .18rem;
    line-height: 1.5
}

.p-list-top-functions .c-link-arrow:after {
    margin-left: .06rem
}

@media (min-width:767.98px),
print {
    .p-list-top-functions .p-list-top-functions__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -.15rem -.12rem
    }

    .p-list-top-functions .p-list-top-functions__item {
        padding: .15rem .12rem;
        width: 33.3333333333%
    }

    .p-list-top-functions .p-list-top-functions__item-thumbnail {
        padding-top: 70.1612903226%
    }

    .p-list-top-functions .p-list-top-functions__item-information {
        padding: .23rem .15rem .24rem .24rem
    }

    .p-list-top-functions .c-link-arrow {
        margin-bottom: .17rem
    }
}

@media only screen and (min-width:767.98px) and (max-width:1023.98px) {
    .p-list-top-functions .p-list-top-functions__item {
        width: 50%
    }
}

@media only screen and (max-width:767.98px) {
    .p-list-top-functions .p-list-top-functions__wrapper {
        margin-bottom: -.2rem
    }

    .p-list-top-functions .p-list-top-functions__item {
        padding-bottom: .2rem
    }

    .p-list-top-functions .p-list-top-functions__item-thumbnail {
        padding-top: 69.970845481%
    }

    .p-list-top-functions .p-list-top-functions__item-information {
        padding: .17rem .1rem .22rem .16rem
    }

    .p-list-top-functions .c-link-arrow {
        line-height: 1.4444444444;
        margin-bottom: .11rem
    }

    .p-list-top-functions .c-link-arrow:after {
        margin-left: .04rem
    }
}

.p-section-top-introduction {
    background-color: #ebf3f5
}

.p-section-top-introduction .l-wrapper {
    position: relative;
    z-index: 1
}

.p-section-top-introduction .l-wrapper:before {
    background: url(../img/top/img_decor_movie_01.svg) 50% 50%/cover no-repeat;
    content: "";
    position: absolute;
    z-index: -1
}

.p-section-top-introduction .p-section-top-introduction__video {
    position: relative
}

.p-section-top-introduction .p-section-top-introduction__video iframe {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.p-section-top-introduction .p-section-top-introduction__title {
    font-weight: 700;
    line-height: 1.8
}

.p-section-top-introduction .p-section-top-introduction__title-motto,
.p-section-top-introduction .p-section-top-introduction__title-wrapper {
    display: block
}

@media (min-width:767.98px),
print {
    .p-section-top-introduction {
        padding: .9rem 0 .8rem
    }

    .p-section-top-introduction .l-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        max-width: 11.6rem
    }

    .p-section-top-introduction .l-wrapper:before {
        height: 1.4rem;
        right: 0;
        top: -.3rem;
        width: 2.1rem
    }

    .p-section-top-introduction .p-section-top-introduction__video {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        height: 2.68rem;
        width: 4.8rem
    }

    .p-section-top-introduction .p-section-top-introduction__content {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-left: .8rem;
        padding-top: .24rem
    }

    .p-section-top-introduction .p-section-top-introduction__title {
        font-size: .4rem;
        margin-bottom: .28rem
    }

    .p-section-top-introduction .p-section-top-introduction__title-motto {
        font-size: .2rem;
        margin-left: .06rem
    }
}

@media only screen and (min-width:767.98px) and (max-width:1023.98px) {
    .p-section-top-introduction .l-wrapper {
        display: block
    }

    .p-section-top-introduction .p-section-top-introduction__video {
        height: 3.04rem;
        margin: .4rem auto 0;
        width: 5.44rem
    }

    .p-section-top-introduction .p-section-top-introduction__content {
        margin-left: 0
    }
}

@media only screen and (max-width:767.98px) {
    .p-section-top-introduction {
        padding: .36rem 0 .47rem
    }

    .p-section-top-introduction .l-wrapper:before {
        height: 1rem;
        opacity: .3;
        right: 4.267%;
        top: -.04rem;
        width: 1.5rem
    }

    .p-section-top-introduction .p-section-top-introduction__video {
        height: 2.68rem;
        width: 100%
    }

    .p-section-top-introduction .p-section-top-introduction__content {
        margin-bottom: .2rem
    }

    .p-section-top-introduction .p-section-top-introduction__title {
        font-size: .24rem;
        line-height: 1.4166666667;
        margin-bottom: .12rem
    }

    .p-section-top-introduction .p-section-top-introduction__title-motto {
        font-size: .14rem;
        margin-top: .12rem
    }

    .p-section-top-introduction .p-section-top-introduction__description {
        font-size: .14rem
    }
}

.p-section-top-seminar {
    background-color: #ebf3f5
}

.p-section-top-seminar .l-wrapper {
    position: relative
}

.p-section-top-seminar .l-wrapper:before {
    background: url(../img/top/img_decor_seminar_01.svg) 50%/cover no-repeat;
    content: "";
    display: block;
    position: absolute
}

@media (min-width:767.98px),
print {
    .p-section-top-seminar {
        padding: .9rem 0 .8rem
    }

    .p-section-top-seminar .l-wrapper {
        max-width: 11.6rem
    }

    .p-section-top-seminar .l-wrapper:before {
        height: 1.41rem;
        right: .04rem;
        top: -.1rem;
        width: 1.98rem
    }

    .p-section-top-seminar .p-section-top-seminar__heading {
        margin-bottom: .47rem
    }
}

@media only screen and (max-width:767.98px) {
    .p-section-top-seminar {
        padding: .32rem 0 .4rem
    }

    .p-section-top-seminar .l-wrapper:before {
        height: 1rem;
        opacity: .3;
        right: 4.267%;
        top: -.05rem;
        width: 1.4rem
    }

    .p-section-top-seminar .p-section-top-seminar__heading {
        margin-bottom: .12rem
    }

    .p-section-top-seminar .p-section-top-seminar__controller {
        margin: .3rem .3rem 0
    }

    .p-section-top-seminar .p-section-top-seminar__controller .c-button-primary {
        max-width: none;
        width: 100%
    }
}

.p-list-top-seminar .p-list-top-seminar__list {
    list-style: none;
    padding-left: 0
}

.p-list-top-seminar .p-list-top-seminar__item {
    position: relative
}

.p-list-top-seminar .p-list-top-seminar__item-link {
    border-radius: .1rem;
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 2
}

.p-list-top-seminar .p-list-top-seminar__item-link:hover+.p-list-top-seminar__item-wrapper {
    -webkit-box-shadow: 0 .05rem .3rem 0 rgba(9, 77, 89, .25);
    box-shadow: 0 .05rem .3rem 0 rgba(9, 77, 89, .25)
}

.p-list-top-seminar .p-list-top-seminar__item-link:hover+.p-list-top-seminar__item-wrapper .p-list-top-seminar__item-title {
    color: #0fb4bf
}

.p-list-top-seminar .p-list-top-seminar__item-link:hover+.p-list-top-seminar__item-wrapper .p-list-top-seminar__item-title:after {
    background-color: #0fb4bf;
    -webkit-transform: translateX(.04rem);
    -ms-transform: translateX(.04rem);
    transform: translateX(.04rem)
}

.p-list-top-seminar .p-list-top-seminar__item-wrapper {
    background-color: #fff;
    border-radius: .1rem;
    -webkit-box-shadow: 0 .05rem .2rem 0 rgba(9, 77, 89, .15);
    box-shadow: 0 .05rem .2rem 0 rgba(9, 77, 89, .15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all .25s cubic-bezier(.215, .61, .355, 1);
    transition: all .25s cubic-bezier(.215, .61, .355, 1)
}

.p-list-top-seminar .p-list-top-seminar__item-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    border-right: .01rem solid #dfeaed;
    justify-content: center;
    text-align: center
}

.p-list-top-seminar .p-list-top-seminar__item-type {
    color: #1199ab;
    font-size: .14rem;
    font-weight: 700
}

.p-list-top-seminar .p-list-top-seminar__item-badge {
    background-color: #fcf403;
    border-radius: .9rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #1c1e1f;
    display: block;
    line-height: 1.4;
    padding-bottom: .04rem;
    padding-top: .03rem;
    text-align: center
}

.p-list-top-seminar .p-list-top-seminar__item-badge.-closed,
.p-list-top-seminar .p-list-top-seminar__item-badge.p-list-top-seminar__item-badge--closed {
    background-color: #077887;
    color: #fff
}

.p-list-top-seminar .p-list-top-seminar__item-badge.-disabled,
.p-list-top-seminar .p-list-top-seminar__item-badge.p-list-top-seminar__item-badge--disabled {
    background-color: #dfeaed;
    color: #8e989c
}

.p-list-top-seminar .p-list-top-seminar__item-badge.-external,
.p-list-top-seminar .p-list-top-seminar__item-badge.p-list-top-seminar__item-badge--external {
    background-color: #1c1e1f;
    color: #fff
}

.p-list-top-seminar .p-list-top-seminar__item-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.p-list-top-seminar .p-list-top-seminar__item-date {
    display: block;
    font-weight: 700
}

.p-list-top-seminar .p-list-top-seminar__item-title {
    color: #1199ab;
    display: block;
    font-size: .18rem;
    font-weight: 700;
    line-height: 1.4166666667;
    margin-bottom: .18rem;
    position: relative;
    -webkit-transition: color .25s cubic-bezier(.215, .61, .355, 1);
    transition: color .25s cubic-bezier(.215, .61, .355, 1)
}

.p-list-top-seminar .p-list-top-seminar__item-title:after {
    content: "";
    display: inline-block;
    position: relative;
    top: .01rem;
    -webkit-box-flex: 0;
    background-color: #1199ab;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: .14rem;
    margin-left: .04rem;
    -webkit-mask: url(../img/common/icon_arrow_02.svg) 50% 50%/contain no-repeat;
    mask: url(../img/common/icon_arrow_02.svg) 50% 50%/contain no-repeat;
    -webkit-transition: background .3s ease, -webkit-transform .3s ease;
    transition: background .3s ease, -webkit-transform .3s ease;
    transition: background .3s ease, transform .3s ease;
    transition: background .3s ease, transform .3s ease, -webkit-transform .3s ease;
    width: .1rem
}

@media (min-width:1024px),
print {
    .p-list-top-seminar .p-list-top-seminar__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -.12rem .1rem
    }

    .p-list-top-seminar .p-list-top-seminar__item {
        margin-bottom: .3rem;
        padding: 0 .12rem;
        width: 50%
    }

    .p-list-top-seminar .p-list-top-seminar__item-link {
        left: .12rem;
        width: calc(100% - .24rem)
    }

    .p-list-top-seminar .p-list-top-seminar__item-wrapper {
        height: 100%
    }

    .p-list-top-seminar .p-list-top-seminar__item-heading {
        padding: .2rem .3rem .3rem;
        width: 1.5rem
    }

    .p-list-top-seminar .p-list-top-seminar__item-image {
        margin-bottom: .04rem;
        width: .6rem
    }

    .p-list-top-seminar .p-list-top-seminar__item-type {
        margin-bottom: .14rem
    }

    .p-list-top-seminar .p-list-top-seminar__item-badge {
        width: .9rem
    }

    .p-list-top-seminar .p-list-top-seminar__item-content {
        padding: .19rem .3rem .26rem
    }

    .p-list-top-seminar .p-list-top-seminar__item-date {
        margin-bottom: .1rem
    }

    .p-list-top-seminar .p-list-top-seminar__item-title {
        margin-bottom: .18rem
    }
}

@media only screen and (max-width:1023.98px) {
    .p-list-top-seminar .p-list-blog-category {
        margin-bottom: -.06rem
    }

    .p-list-top-seminar .p-list-top-seminar__item {
        margin-bottom: .3rem
    }

    .p-list-top-seminar .p-list-top-seminar__item-link {
        left: 0;
        width: 100%
    }

    .p-list-top-seminar .p-list-top-seminar__item-heading {
        padding: .2rem .1rem .3rem;
        width: 1.5rem
    }

    .p-list-top-seminar .p-list-top-seminar__item-image {
        margin-bottom: .04rem;
        width: .6rem
    }

    .p-list-top-seminar .p-list-top-seminar__item-type {
        margin-bottom: .14rem
    }

    .p-list-top-seminar .p-list-top-seminar__item-badge {
        font-size: .12rem;
        width: .8rem
    }

    .p-list-top-seminar .p-list-top-seminar__item-content {
        padding: .16rem .3rem
    }

    .p-list-top-seminar .p-list-top-seminar__item-date {
        margin-bottom: .1rem
    }

    .p-list-top-seminar .p-list-top-seminar__item-title {
        margin-bottom: .18rem
    }
}

@media only screen and (max-width:767.98px) {
    .p-list-top-seminar .p-list-top-seminar__item-heading {
        padding: .2rem .1rem .3rem;
        width: 1.06rem
    }

    .p-list-top-seminar .p-list-top-seminar__item-image {
        margin-bottom: .04rem;
        width: .4rem
    }

    .p-list-top-seminar .p-list-top-seminar__item-content {
        padding: .16rem .1rem
    }

    .p-list-top-seminar .p-list-top-seminar__item-date {
        font-size: .14rem
    }
}

.p-section-top-archive {
    background-color: #ebf3f5
}

@media (min-width:767.98px),
print {
    .p-section-top-archive {
        padding: 0 0 .8rem
    }

    .p-section-top-archive .l-wrapper {
        max-width: 11.6rem
    }

    .p-section-top-archive .p-section-top-archive__heading {
        margin-bottom: .2rem
    }
}

@media only screen and (min-width:767.98px) and (max-width:1023.98px) {
    .p-section-top-archive .p-section-top-archive__heading {
        text-align: center
    }
}

@media only screen and (max-width:767.98px) {
    .p-section-top-archive {
        padding: 0 0 .4rem
    }

    .p-section-top-archive .p-section-top-archive__heading {
        margin-bottom: .15rem
    }

    .p-section-top-archive .p-section-top-archive__controller {
        margin: 0
    }

    .p-section-top-archive .p-section-top-archive__controller .c-button-primary {
        max-width: none;
        width: 100%
    }
}

.p-list-top-archive .p-list-top-archive__item-link {
    display: block
}

.p-list-top-archive .p-list-top-archive__item-image {
    padding-top: 56.19597%;
    position: relative
}

.p-list-top-archive .p-list-top-archive__item-image img {
    border-radius: .05rem;
    display: block;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.p-list-top-archive .p-list-top-archive__item-title {
    display: -webkit-box;
    font-size: .18rem;
    font-weight: 700;
    letter-spacing: .2em;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

@media (min-width:767.98px),
print {
    .p-list-top-archive .p-list-top-archive__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .p-list-top-archive .p-list-top-archive__item {
        margin-bottom: .3rem;
        padding: 0 .2rem;
        width: 33.3333333333%
    }

    .p-list-top-archive .p-list-top-archive__item-image {
        margin-bottom: .1rem
    }
}

@media only screen and (min-width:767.98px) and (max-width:1023.98px) {
    .p-list-top-archive {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .p-list-top-archive .p-list-top-archive__list {
        max-width: 5rem
    }

    .p-list-top-archive .p-list-top-archive__item {
        width: 100%
    }
}

@media only screen and (max-width:767.98px) {
    .p-list-top-archive {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .p-list-top-archive .p-list-top-archive__list {
        max-width: 5rem
    }

    .p-list-top-archive .p-list-top-archive__item {
        margin-bottom: .3rem
    }

    .p-list-top-archive .p-list-top-archive__item-image {
        margin-bottom: .1rem
    }
}

.p-section-top-notice {
    background-color: #ebf3f5;
    position: relative
}

.p-section-top-notice .p-section-top-notice__decor {
    display: block;
    pointer-events: none;
    position: absolute
}

.p-section-top-notice .l-wrapper {
    position: relative
}

@media (min-width:767.98px),
print {
    .p-section-top-notice {
        padding: .9rem 0 .8rem
    }

    .p-section-top-notice .p-section-top-notice__decor {
        height: 3.88rem;
        right: -1.34rem;
        top: -1.6rem;
        width: 5.54rem
    }

    .p-section-top-notice .l-wrapper {
        max-width: 11.6rem
    }

    .p-section-top-notice .p-section-top-notice__heading {
        margin-bottom: .1rem
    }
}

@media only screen and (min-width:1023.98px) and (max-width:1279.98px) {
    .p-section-top-notice .p-section-top-notice__decor {
        right: -1.7rem
    }
}

@media only screen and (min-width:767.98px) and (max-width:1023.98px) {
    .p-section-top-notice .p-section-top-notice__decor {
        height: 2.81rem;
        right: -1.06rem;
        top: -.9rem;
        width: 4rem
    }
}

@media only screen and (max-width:767.98px) {
    .p-section-top-notice {
        padding: .32rem 0 .4rem
    }

    .p-section-top-notice .p-section-top-notice__decor {
        height: .87rem;
        right: 0;
        top: -.2rem;
        width: 1.24rem
    }

    .p-section-top-notice .p-section-top-notice__heading {
        margin-bottom: .1rem
    }

    .p-section-top-notice .p-section-top-notice__controller {
        margin: .3rem .3rem 0
    }

    .p-section-top-notice .p-section-top-notice__controller .c-button-primary {
        max-width: none;
        width: 100%
    }
}

.p-list-top-notice .p-list-top-notice__item {
    border-bottom: .01rem solid #dfeaed;
    color: #1199ab;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.p-list-top-notice .p-list-top-notice__item:last-child {
    border-bottom: none
}

.p-list-top-notice .p-list-top-notice__item-date {
    color: #1c1e1f;
    padding-right: .05rem;
    position: relative;
    width: 1.2rem
}

.p-list-top-notice .p-list-top-notice__item-link {
    display: block
}

.p-list-top-notice .p-list-top-notice__item-link:hover .p-list-top-notice__item-title {
    color: #0fb4bf
}

.p-list-top-notice .p-list-top-notice__item-link:hover .p-list-top-notice__item-title:after {
    background-color: #0fb4bf;
    -webkit-transform: translateX(.04rem);
    -ms-transform: translateX(.04rem);
    transform: translateX(.04rem)
}

.p-list-top-notice .p-list-top-notice__item-link[target=_blank] .p-list-top-notice__item-title:after {
    height: .14rem;
    -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%3E%3Cg%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M12.1%2012.101H1.9v-10.2h3.78v-1.9H.949a.952.952%200%2000-.951.951v12.1a.952.952%200%2000.951.951h12.1a.952.952%200%2000.951-.951V8.32h-1.9z%22%2F%3E%3Cpath%20d%3D%22M7.378.001v1.957h3.284L5.417%207.201%206.8%208.584l5.244-5.245v3.284H14V.001z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 50% 50%/contain no-repeat;
    mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%3E%3Cg%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M12.1%2012.101H1.9v-10.2h3.78v-1.9H.949a.952.952%200%2000-.951.951v12.1a.952.952%200%2000.951.951h12.1a.952.952%200%2000.951-.951V8.32h-1.9z%22%2F%3E%3Cpath%20d%3D%22M7.378.001v1.957h3.284L5.417%207.201%206.8%208.584l5.244-5.245v3.284H14V.001z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 50% 50%/contain no-repeat;
    width: .14rem
}

.p-list-top-notice .p-list-top-notice__item-title {
    color: #1199ab;
    display: block;
    font-size: .18rem;
    font-weight: 700;
    line-height: 1.4;
    position: relative
}

.p-list-top-notice .p-list-top-notice__item-title:after {
    content: "";
    display: inline-block;
    position: relative;
    -webkit-box-flex: 0;
    background-color: #1199ab;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: .14rem;
    margin-left: .04rem;
    -webkit-mask: url(../img/common/icon_arrow_02.svg) 50% 50%/contain no-repeat;
    mask: url(../img/common/icon_arrow_02.svg) 50% 50%/contain no-repeat;
    -webkit-transition: background .3s ease, -webkit-transform .3s ease;
    transition: background .3s ease, -webkit-transform .3s ease;
    transition: background .3s ease, transform .3s ease;
    transition: background .3s ease, transform .3s ease, -webkit-transform .3s ease;
    width: .1rem
}

@media (min-width:767.98px),
print {
    .p-list-top-notice {
        margin-bottom: .4rem
    }

    .p-list-top-notice .p-list-top-notice__item {
        padding-bottom: .14rem;
        padding-top: .18rem
    }

    .p-list-top-notice .p-list-top-notice__item-date {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .p-list-top-notice .p-list-top-notice__item-title {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media only screen and (max-width:767.98px) {
    .p-list-top-notice {
        margin-bottom: .3rem
    }

    .p-list-top-notice .p-list-top-notice__item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: .16rem;
        padding-top: .16rem
    }

    .p-list-top-notice .p-list-top-notice__item-date {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .p-list-top-notice .p-list-top-notice__item-link {
        margin-top: .1rem;
        width: 100%
    }

    .p-list-top-notice .p-list-top-notice__item-title {
        padding-right: .06rem
    }
}

.p-list-notice-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 -.08rem;
    padding: .03rem .07rem 0;
    width: 1.7rem
}

.p-list-notice-category .p-list-notice-category__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 .08rem .08rem 0
}

.p-list-notice-category .p-list-notice-category__item.p-list-notice-category__item--disabled {
    pointer-events: none
}

.p-list-notice-category .p-list-notice-category__item-link {
    display: block;
    position: relative
}

.p-list-notice-category .p-list-notice-category__item-wrapper {
    background-color: #fff;
    border-radius: .9rem;
    color: #1199ab;
    display: block;
    font-size: .12rem;
    line-height: 1.2;
    padding: .06rem .12rem;
    text-align: center
}

.p-section-top-blog .l-wrapper {
    position: relative
}

.p-section-top-blog .l-wrapper:before {
    background: url(../img/top/img_decor_blog_01.svg) 50% 50%/cover no-repeat;
    content: "";
    position: absolute
}

@media (min-width:767.98px),
print {
    .p-section-top-blog {
        padding: .9rem 0 .8rem
    }

    .p-section-top-blog .l-wrapper {
        max-width: 11.6rem
    }

    .p-section-top-blog .l-wrapper:before {
        height: 1.6rem;
        right: -.18rem;
        top: -.2rem;
        width: 1.72rem
    }

    .p-section-top-blog .p-section-top-blog__heading {
        margin-bottom: .48rem
    }
}

@media only screen and (max-width:767.98px) {
    .p-section-top-blog {
        padding: .32rem 0 .4rem
    }

    .p-section-top-blog .l-wrapper:before {
        height: 1.2rem;
        opacity: .3;
        right: 4.267%;
        top: 0;
        width: 1.29rem
    }

    .p-section-top-blog .p-section-top-blog__heading {
        margin-bottom: .2rem
    }

    .p-section-top-blog .p-section-top-blog__controller {
        margin: .3rem .3rem 0
    }

    .p-section-top-blog .p-section-top-blog__controller .c-button-primary {
        max-width: none;
        width: 100%
    }
}

.p-list-top-blog,
.p-list-top-blog .p-list-top-blog__item {
    position: relative
}

.p-list-top-blog .p-list-top-blog__item-link {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 2
}

.p-list-top-blog .p-list-top-blog__item-inner {
    background-color: #fff;
    border-radius: .1rem;
    -webkit-box-shadow: 0 .05rem .2rem 0 rgba(9, 77, 89, .15);
    box-shadow: 0 .05rem .2rem 0 rgba(9, 77, 89, .15);
    height: 100%;
    position: relative;
    -webkit-transition: -webkit-box-shadow .3s ease;
    transition: -webkit-box-shadow .3s ease;
    transition: box-shadow .3s ease;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease
}

.p-list-top-blog .p-list-top-blog__item-image {
    border-radius: .1rem .1rem 0 0;
    height: 0;
    overflow: hidden;
    padding-top: 50%;
    position: relative;
    width: 100%
}

.p-list-top-blog .p-list-top-blog__item-image img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    width: 100%
}

.p-list-top-blog .p-list-top-blog__item-content {
    position: relative
}

.p-list-top-blog .p-list-top-blog__item-date {
    display: block;
    font-size: .14rem
}

.p-list-top-blog .p-list-top-blog__item-title {
    color: #1199ab;
    display: block;
    font-size: .18rem;
    font-weight: 700;
    line-height: 1.4166666667;
    position: relative;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.p-list-top-blog .p-list-top-blog__item-title:after {
    content: "";
    display: inline-block;
    position: relative;
    -webkit-box-flex: 0;
    background-color: #1199ab;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: .14rem;
    margin-left: .04rem;
    -webkit-mask: url(../img/common/icon_arrow_02.svg) 50% 50%/contain no-repeat;
    mask: url(../img/common/icon_arrow_02.svg) 50% 50%/contain no-repeat;
    -webkit-transition: background .3s ease, -webkit-transform .3s ease;
    transition: background .3s ease, -webkit-transform .3s ease;
    transition: background .3s ease, transform .3s ease;
    transition: background .3s ease, transform .3s ease, -webkit-transform .3s ease;
    width: .1rem
}

@media (min-width:767.98px),
print {
    .p-list-top-blog .p-list-top-blog__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -.12rem .1rem
    }

    .p-list-top-blog .p-list-top-blog__item {
        margin-bottom: .3rem;
        padding: 0 .12rem;
        width: 33.3333333333%
    }

    .p-list-top-blog .p-list-top-blog__item-link {
        left: .12rem;
        width: calc(100% - .24rem)
    }

    .p-list-top-blog .p-list-top-blog__item-link:hover+.p-list-top-blog__item-inner {
        -webkit-box-shadow: 0 .05rem .3rem 0 rgba(9, 77, 89, .25);
        box-shadow: 0 .05rem .3rem 0 rgba(9, 77, 89, .25)
    }

    .p-list-top-blog .p-list-top-blog__item-link:hover+.p-list-top-blog__item-inner .p-list-top-blog__item-image img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }

    .p-list-top-blog .p-list-top-blog__item-link:hover+.p-list-top-blog__item-inner .p-list-top-blog__item-title {
        color: #0fb4bf
    }

    .p-list-top-blog .p-list-top-blog__item-link:hover+.p-list-top-blog__item-inner .p-list-top-blog__item-title:after {
        background-color: #0fb4bf;
        -webkit-transform: translateX(.04rem);
        -ms-transform: translateX(.04rem);
        transform: translateX(.04rem)
    }

    .p-list-top-blog .p-list-top-blog__item-content {
        padding: .2rem .26rem .18rem
    }

    .p-list-top-blog .p-list-top-blog__item-date {
        margin-bottom: .06rem
    }

    .p-list-top-blog .p-list-top-blog__item-title {
        margin-bottom: .18rem
    }
}

@media only screen and (min-width:767.98px) and (max-width:1023.98px) {
    .p-list-top-blog .p-list-top-blog__item {
        width: 50%
    }
}

@media only screen and (max-width:767.98px) {
    .p-list-top-blog .p-list-top-blog__list {
        margin: 0 0 .3rem
    }

    .p-list-top-blog .p-list-top-blog__item {
        margin-bottom: .2rem;
        width: 100%
    }

    .p-list-top-blog .p-list-top-blog__item-link {
        left: 0;
        width: 100%
    }

    .p-list-top-blog .p-list-top-blog__item-content {
        padding: .14rem .14rem .12rem
    }

    .p-list-top-blog .p-list-top-blog__item-date {
        margin-bottom: .06rem
    }

    .p-list-top-blog .p-list-top-blog__item-title {
        margin-bottom: .18rem
    }
}

.p-list-blog-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.p-list-blog-category .p-list-blog-category__item {
    background-color: #e1f1f5;
    border-radius: .02rem;
    color: #194b54;
    display: block;
    font-size: .14rem;
    margin-bottom: .06rem;
    margin-right: .06rem;
    padding: .03rem .1rem
}

.p-list-blog-category .p-list-blog-category__item.p-list-blog-category__item--person .p-list-blog-category__item-wrapper:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%3E%3Cpath%20d%3D%22M0%200h12v12H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M1%2012a4.5715%204.5715%200%20019.143%200zm4.571-5.143A3.429%203.429%200%20119%203.429a3.428%203.428%200%2001-3.429%203.428z%22%20fill%3D%22%23194b54%22%2F%3E%3C%2Fsvg%3E")
}

.p-list-blog-category .p-list-blog-category__item-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.p-list-blog-category .p-list-blog-category__item-wrapper:before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%3E%3Cpath%20d%3D%22M5.473%200l5.711.816L12%206.528l-5.3%205.3a.577.577%200%2001-.816%200L.169%206.119a.577.577%200%20010-.816zm1.632%204.9a1.154%201.154%200%20100-1.632%201.154%201.154%200%20000%201.632z%22%20fill%3D%22%23194b54%22%2F%3E%3C%2Fsvg%3E") 50% 50%/cover no-repeat;
    content: "";
    display: inline-block;
    height: .12rem;
    margin-right: .05rem;
    position: relative;
    top: 0;
    -webkit-transition: all .25s cubic-bezier(.215, .61, .355, 1);
    transition: all .25s cubic-bezier(.215, .61, .355, 1);
    width: .12rem
}

@media only screen and (max-width:767.98px) {
    .p-list-blog-category .p-list-blog-category__item {
        padding-bottom: .02rem;
        padding-top: .02rem
    }
}

.p-section-top-product .l-wrapper {
    position: relative
}

.p-section-top-product .l-wrapper:before {
    background: url(../img/top/img_decor_product_01.png) 50% 50%/cover no-repeat;
    content: "";
    position: absolute
}

@media (min-width:767.98px),
print {
    .p-section-top-product {
        padding: .9rem 0 .8rem
    }

    .p-section-top-product .l-wrapper {
        max-width: 11.6rem
    }

    .p-section-top-product .l-wrapper:before {
        height: 1.55rem;
        right: -.16rem;
        top: -.08rem;
        width: 1.86rem
    }

    .p-section-top-product .p-section-top-product__heading {
        margin-bottom: .47rem
    }

    .p-section-top-product .p-section-top-product__controller {
        margin-top: -.2rem
    }
}

@media only screen and (max-width:767.98px) {
    .p-section-top-product {
        padding: .32rem 0 .4rem
    }

    .p-section-top-product .l-wrapper:before {
        height: 1rem;
        opacity: .3;
        right: .16rem;
        top: 0;
        width: 1.2rem
    }

    .p-section-top-product .p-section-top-product__heading {
        margin-bottom: .42rem
    }

    .p-section-top-product .p-section-top-product__controller {
        margin: -.1rem .3rem 0
    }

    .p-section-top-product .p-section-top-product__controller .c-button-primary {
        max-width: none;
        width: 100%
    }
}

.p-block-top-product .p-block-top-product__title {
    font-size: .18rem;
    font-weight: 700
}

.p-block-top-product .p-block-top-product__item:hover .p-block-top-product__item-link {
    -webkit-box-shadow: 0 .05rem .3rem 0 rgba(9, 77, 89, .25);
    box-shadow: 0 .05rem .3rem 0 rgba(9, 77, 89, .25)
}

.p-block-top-product .p-block-top-product__item:hover .p-block-top-product__item-title {
    color: #0fb4bf
}

.p-block-top-product .p-block-top-product__item:hover .p-block-top-product__item-title:after {
    background-color: #0fb4bf;
    -webkit-transform: translateX(.04rem);
    -ms-transform: translateX(.04rem);
    transform: translateX(.04rem)
}

.p-block-top-product .p-block-top-product__item-link {
    background-color: #fff;
    border-radius: .1rem;
    -webkit-box-shadow: 0 .05rem .2rem 0 rgba(9, 77, 89, .15);
    box-shadow: 0 .05rem .2rem 0 rgba(9, 77, 89, .15);
    display: block;
    height: 100%;
    padding: .2rem;
    position: relative;
    -webkit-transition: -webkit-box-shadow .25s ease;
    transition: -webkit-box-shadow .25s ease;
    transition: box-shadow .25s ease;
    transition: box-shadow .25s ease, -webkit-box-shadow .25s ease
}

.p-block-top-product .p-block-top-product__item-title {
    color: #1199ab;
    display: block;
    font-size: .18rem;
    font-weight: 700;
    position: relative;
    -webkit-transition: color .25s ease;
    transition: color .25s ease
}

.p-block-top-product .p-block-top-product__item-title:after {
    content: "";
    display: inline-block;
    position: relative;
    top: .01rem;
    -webkit-box-flex: 0;
    background-color: #1199ab;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: .14rem;
    margin-left: .04rem;
    -webkit-mask: url(../img/common/icon_arrow_02.svg) 50% 50%/contain no-repeat;
    mask: url(../img/common/icon_arrow_02.svg) 50% 50%/contain no-repeat;
    -webkit-transition: background .3s ease, -webkit-transform .3s ease;
    transition: background .3s ease, -webkit-transform .3s ease;
    transition: background .3s ease, transform .3s ease;
    transition: background .3s ease, transform .3s ease, -webkit-transform .3s ease;
    width: .1rem
}

@media (min-width:767.98px),
print {

    .p-block-top-product,
    .p-block-top-product .p-block-top-product__title {
        margin-bottom: .3rem
    }

    .p-block-top-product .p-block-top-product__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -.12rem .1rem
    }

    .p-block-top-product .p-block-top-product__item {
        margin-bottom: .3rem;
        padding: 0 .12rem;
        width: 33.3333333333%
    }

    .p-block-top-product .p-block-top-product__item--full {
        width: 50%
    }

    .p-block-top-product .p-block-top-product__item-title {
        margin-bottom: .06rem
    }
}

@media only screen and (min-width:767.98px) and (max-width:1023.98px) {
    .p-block-top-product .p-block-top-product__item {
        width: 50%
    }
}

@media only screen and (max-width:767.98px) {
    .p-block-top-product {
        margin-bottom: .4rem
    }

    .p-block-top-product .p-block-top-product__title {
        margin-bottom: .11rem
    }

    .p-block-top-product .p-block-top-product__item {
        margin-bottom: .2rem
    }

    .p-block-top-product .p-block-top-product__item:last-child {
        margin-bottom: 0
    }

    .p-block-top-product .p-block-top-product__item-title {
        margin-bottom: .07rem
    }
}

.p-section-top-case .l-wrapper {
    position: relative
}

.p-section-top-case .l-wrapper:before {
    background: url(../img/top/img_decor_case_01.svg) 50% 50%/cover no-repeat;
    content: "";
    position: absolute
}

@media (min-width:767.98px),
print {
    .p-section-top-case {
        padding: .9rem 0 .8rem
    }

    .p-section-top-case .l-wrapper {
        max-width: 11.6rem
    }

    .p-section-top-case .l-wrapper:before {
        height: 1.5rem;
        right: .05rem;
        top: -.44rem;
        width: 1.8rem
    }

    .p-section-top-case .p-section-top-case__heading {
        margin-bottom: .35rem
    }
}

@media only screen and (max-width:767.98px) {
    .p-section-top-case {
        padding: .32rem 0 .4rem
    }

    .p-section-top-case .l-wrapper:before {
        height: 1rem;
        opacity: .3;
        right: 4.267%;
        top: 0;
        width: 1.2rem
    }

    .p-section-top-case .p-section-top-case__heading {
        margin-bottom: .18rem
    }

    .p-section-top-case .p-section-top-case__controller {
        margin: .3rem .3rem 0
    }

    .p-section-top-case .p-section-top-case__controller .c-button-primary {
        max-width: none;
        width: 100%
    }
}

.p-list-case-logo .p-list-case-logo__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.p-list-case-logo .p-list-case-logo__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.p-list-case-logo .p-list-case-logo__item .u-picture {
    height: 100%;
    width: 100%
}

.p-list-case-logo .p-list-case-logo__item img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.p-list-case-logo .p-list-case-logo__motto {
    color: #ababad
}

@media (min-width:767.98px),
print {
    .p-list-case-logo {
        margin-bottom: .44rem;
        margin-right: -.2rem;
        margin-top: -.2rem
    }

    .p-list-case-logo .p-list-case-logo__item {
        margin-right: .2rem;
        margin-top: .2rem;
        max-height: 1rem;
        width: calc(14.28% - .2rem)
    }
}

@media only screen and (min-width:767.98px) and (max-width:1023.98px) {
    .p-list-case-logo .p-list-case-logo__item {
        margin-right: .2rem;
        margin-top: .2rem;
        width: calc(33.3% - .2rem)
    }
}

@media only screen and (max-width:767.98px) {
    .p-list-case-logo {
        margin-bottom: .42rem;
        margin-right: -.1rem;
        margin-top: -.1rem
    }

    .p-list-case-logo .p-list-case-logo__item {
        margin-right: .1rem;
        margin-top: .1rem;
        width: calc(50% - .1rem)
    }
}

.p-list-case-panel .p-list-case-panel__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -.24rem;
    margin-top: -.3rem
}

.p-list-case-panel .p-list-case-panel__item {
    background-color: #fff;
    border-radius: .1rem;
    -webkit-box-shadow: 0 .05rem .2rem 0 rgba(9, 77, 89, .15);
    box-shadow: 0 .05rem .2rem 0 rgba(9, 77, 89, .15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: .24rem;
    margin-top: .3rem;
    position: relative;
    -webkit-transition: -webkit-box-shadow .25s ease;
    transition: -webkit-box-shadow .25s ease;
    transition: box-shadow .25s ease;
    transition: box-shadow .25s ease, -webkit-box-shadow .25s ease
}

.p-list-case-panel .p-list-case-panel__item:hover {
    -webkit-box-shadow: 0 .05rem .3rem 0 rgba(9, 77, 89, .25);
    box-shadow: 0 .05rem .3rem 0 rgba(9, 77, 89, .25)
}

.p-list-case-panel .p-list-case-panel__item:hover .p-list-case-panel__item-thumbnail img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.p-list-case-panel .p-list-case-panel__item:hover .p-list-case-panel__item-title {
    color: #0fb4bf
}

.p-list-case-panel .p-list-case-panel__item:hover .p-list-case-panel__title-wrapper:after {
    background-color: #0fb4bf;
    -webkit-transform: translateX(.04rem);
    -ms-transform: translateX(.04rem);
    transform: translateX(.04rem)
}

.p-list-case-panel .p-list-case-panel__item-link {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.p-list-case-panel .p-list-case-panel__item-link[target=blank] .p-list-case-panel__title-wrapper:after {
    -webkit-mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%3E%3Cg%20fill%3D%22%231199ab%22%3E%3Cpath%20d%3D%22M12.1%2012.101H1.9v-10.2h3.78v-1.9H.949a.952.952%200%2000-.951.951v12.1a.952.952%200%2000.951.951h12.1a.952.952%200%2000.951-.951V8.32h-1.9z%22%2F%3E%3Cpath%20d%3D%22M7.378.001v1.957h3.284L5.417%207.201%206.8%208.584l5.244-5.245v3.284H14V.001z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 50% 50%/contain no-repeat;
    mask: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%3E%3Cg%20fill%3D%22%231199ab%22%3E%3Cpath%20d%3D%22M12.1%2012.101H1.9v-10.2h3.78v-1.9H.949a.952.952%200%2000-.951.951v12.1a.952.952%200%2000.951.951h12.1a.952.952%200%2000.951-.951V8.32h-1.9z%22%2F%3E%3Cpath%20d%3D%22M7.378.001v1.957h3.284L5.417%207.201%206.8%208.584l5.244-5.245v3.284H14V.001z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 50% 50%/contain no-repeat;
    width: .14rem
}

.p-list-case-panel .p-list-case-panel__item-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.p-list-case-panel .p-list-case-panel__item-content>div:first-child {
    margin-top: 0
}

.p-list-case-panel .p-list-case-panel__item-title {
    color: #1199ab;
    display: block;
    font-size: .18rem;
    font-weight: 700;
    line-height: 1.4166666667;
    margin-top: .06rem;
    -webkit-transition: color .25s ease;
    transition: color .25s ease
}

.p-list-case-panel .p-list-case-panel__title-wrapper {
    position: relative
}

.p-list-case-panel .p-list-case-panel__title-wrapper:after {
    content: "";
    display: inline-block;
    position: relative;
    top: .01rem;
    -webkit-box-flex: 0;
    background-color: #1199ab;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: .14rem;
    margin-left: .04rem;
    -webkit-mask: url(../img/common/icon_arrow_02.svg) 50% 50%/contain no-repeat;
    mask: url(../img/common/icon_arrow_02.svg) 50% 50%/contain no-repeat;
    -webkit-transition: background .3s ease, -webkit-transform .3s ease;
    transition: background .3s ease, -webkit-transform .3s ease;
    transition: background .3s ease, transform .3s ease;
    transition: background .3s ease, transform .3s ease, -webkit-transform .3s ease;
    width: .1rem
}

.p-list-case-panel .p-list-case-panel__item-text {
    margin-top: .16rem
}

.p-list-case-panel .p-list-case-panel__item-thumbnail {
    background-color: #f1f2f2;
    border-bottom: .01rem solid #dfeaed;
    border-radius: .1rem .1rem 0 0;
    height: 0;
    overflow: hidden;
    padding-top: 55%;
    position: relative;
    width: 100%
}

.p-list-case-panel .p-list-case-panel__item-thumbnail img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    width: 100%
}

.p-list-case-panel .p-list-case-panel__item-logo {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: -.3rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: #fff;
    border-radius: .05rem;
    -webkit-box-shadow: 0 .05rem .1rem 0 rgba(9, 77, 89, .15);
    box-shadow: 0 .05rem .1rem 0 rgba(9, 77, 89, .15);
    height: .7rem;
    justify-content: center;
    width: 1.4rem
}

.p-list-case-panel .p-list-case-panel__item-logo img {
    display: block;
    height: auto;
    margin: 0 auto;
    -o-object-fit: contain;
    object-fit: contain;
    width: 80%
}

.p-list-case-panel .p-list-case-panel__item-name {
    display: block;
    font-size: .14rem
}

.p-list-case-panel .p-table-case-panel {
    border-top: .01rem solid #dfeaed;
    padding: .1rem .26rem .25rem
}

.p-list-case-panel .p-table-case-panel__line {
    display: grid;
    font-size: .14rem;
    grid: 1fr/.96rem 1fr
}

.p-list-case-panel .p-table-case-panel__line dt {
    font-weight: 700;
    position: relative;
    white-space: nowrap
}

.p-list-case-panel .p-table-case-panel__line dt:after {
    content: ":";
    display: block;
    position: absolute;
    right: 0;
    top: 0
}

.p-list-case-panel .p-table-case-panel__line dd {
    padding-left: .12rem
}

@media (min-width:767.98px),
print {
    .p-list-case-panel {
        margin-bottom: .4rem
    }

    .p-list-case-panel .p-list-case-panel__item {
        width: calc(33.3% - .24rem)
    }

    .p-list-case-panel .p-list-case-panel__item-content {
        padding: .56rem .26rem .24rem
    }
}

@media only screen and (min-width:767.98px) and (max-width:1023.98px) {
    .p-list-case-panel .p-list-case-panel__item {
        width: calc(50% - .24rem)
    }
}

@media only screen and (max-width:767.98px) {
    .p-list-case-panel .p-list-case-panel__list {
        display: block;
        margin-right: 0;
        margin-top: -.2rem
    }

    .p-list-case-panel .p-list-case-panel__item {
        margin-right: 0;
        margin-top: .2rem;
        width: 100%
    }

    .p-list-case-panel .p-list-case-panel__item-link {
        position: relative
    }

    .p-list-case-panel .p-list-case-panel__item-content {
        padding: .44rem .21rem .18rem
    }

    .p-list-case-panel .p-table-case-panel {
        padding: .1rem .14rem .25rem
    }
}

.p-section-top-service {
    background-color: #ebf3f5
}

.p-section-top-service .l-wrapper {
    position: relative
}

.p-section-top-service .p-section-top-service__decor {
    content: "";
    position: absolute
}

@media (min-width:767.98px),
print {
    .p-section-top-service {
        padding: .9rem 0 1rem
    }

    .p-section-top-service .l-wrapper {
        max-width: 11.6rem
    }

    .p-section-top-service .p-section-top-service__decor {
        height: 6.2rem;
        right: -4.34rem;
        top: .32rem;
        width: 9rem
    }

    .p-section-top-service .p-section-top-service__heading {
        margin-bottom: .28rem
    }

    .p-section-top-service .p-controller-top {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media only screen and (min-width:1280px) and (max-width:1499.98px) {
    .p-section-top-service .p-section-top-service__decor {
        right: calc(-30% + .06rem)
    }
}

@media only screen and (min-width:1023.98px) and (max-width:1279.98px) {
    .p-section-top-service .p-section-top-service__decor {
        right: -1.1rem;
        top: 2.1rem;
        width: 35vw
    }
}

@media only screen and (min-width:767.98px) and (max-width:1023.98px) {
    .p-section-top-service .p-section-top-service__decor {
        height: unset;
        position: unset;
        width: calc(100% + .48rem)
    }
}

@media only screen and (max-width:767.98px) {
    .p-section-top-service {
        padding: .3rem 0 .4rem
    }

    .p-section-top-service .l-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .p-section-top-service .l-wrapper>* {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .p-section-top-service .p-section-top-service__decor {
        position: relative;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        margin-bottom: .16rem;
        order: 1;
        width: 150%
    }

    .p-section-top-service .p-section-top-service__heading {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        margin-bottom: .05rem;
        order: 0
    }

    .p-section-top-service .p-section-top-service__controller {
        margin: .42rem .3rem 0
    }

    .p-section-top-service .p-section-top-service__controller .c-button-primary {
        max-width: none;
        padding: .16rem;
        width: 100%
    }
}

@media only screen and (min-width:700px) and (max-width:768.98px) {
    .p-section-top-service .p-section-top-service__decor {
        width: 138%
    }
}

.p-list-top-service {
    position: relative;
    width: 100%
}

.p-list-top-service .p-list-top-service__item-title {
    font-size: .18rem;
    font-weight: 700
}

@media (min-width:767.98px),
print {
    .p-list-top-service {
        margin-bottom: .4rem;
        max-width: 5.7rem
    }

    .p-list-top-service .p-list-top-service__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -.15rem .16rem
    }

    .p-list-top-service .p-list-top-service__item {
        padding: 0 .15rem;
        width: 50%
    }

    .p-list-top-service .p-list-top-service__item:first-child .p-list-top-service__item-wrapper,
    .p-list-top-service .p-list-top-service__item:nth-child(2) .p-list-top-service__item-wrapper {
        border-top: none
    }

    .p-list-top-service .p-list-top-service__item-wrapper {
        border-top: .01rem solid #dfeaed;
        padding-bottom: .16rem;
        padding-top: .16rem
    }

    .p-list-top-service .p-list-top-service__item-title {
        margin-bottom: .1rem
    }
}

@media only screen and (min-width:767.98px) and (max-width:1023.98px) {
    .p-list-top-service {
        max-width: unset
    }

    .p-list-top-service .p-list-top-service__item {
        width: 100%
    }

    .p-list-top-service .p-list-top-service__item:nth-child(2) .p-list-top-service__item-wrapper {
        border-top: .01rem solid #dfeaed
    }
}

@media only screen and (max-width:767.98px) {
    .p-list-top-service .p-list-top-service__list {
        margin-bottom: 0
    }

    .p-list-top-service .p-list-top-service__item {
        border-bottom: .01rem solid #dfeaed;
        margin-bottom: .16rem;
        padding-bottom: .12rem
    }

    .p-list-top-service .p-list-top-service__item:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0
    }

    .p-list-top-service .p-list-top-service__item-title {
        margin-bottom: .08rem
    }
}

.u-load {
    opacity: 0
}

html.is-visible.wf-active .u-load {
    opacity: 1
}

.u-hidden {
    display: none
}

.u-trans {
    opacity: 1;
    text-decoration: none;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease
}

.u-trans:hover {
    opacity: .8
}

.u-picture {
    display: block
}

.u-image,
.u-object {
    display: block;
    /*20250106
    width: 100%*/
    width: 85%;
}

/*20250807_TOPに20thロゴ追加*/
.u-image_20th{
    width: 100%;
}

.u-object {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media only screen and (max-width:1023.98px) {
    /*20250106*/
    .u-image,
    .u-object {
        width: 100%;
    }
}

@media only screen and (max-width:767.98px) {
    .u-pc {
        display: none !important
    }
    /*20250106*/
    .u-image,
    .u-object {
        width: 100%;
    }
}

@media (min-width:767.98px),
print {
    .u-sp {
        display: none !important
    }
}

@media only screen and (max-width:1023.98px) {
    .u-pc-header {
        display: none !important
    }
}

@media (min-width:1024px),
print {
    .u-sp-header {
        display: none !important
    }
}

/*20240925追加_ヘッダー*/
@media (min-width:1024px),
print {
    .l-button-header-inquiry.l-button-header-inquiry--outer.l-button-header-inquiry--trial.l-button-header-inquiry--contact02 {
        right: 1.2rem;
        background-color: #1199ab;
        color: #fff;
        line-height: 1.25;
    }

    .l-button-header-inquiry.l-button-header-inquiry--outer.l-button-header-inquiry--trial.l-button-header-inquiry--contact02:hover {
        background-color: #0fb4bf;
    }

    .l-button-header-inquiry.l-button-header-inquiry--outer.l-button-header-inquiry--trial.l-button-header-inquiry--contact02:before {
        background-color: #fff;
        height: 0.32rem;
        margin: -.02rem 0 .02rem;
        mask: url(../img/common/icon_mail_01.svg) 50% 65% / contain no-repeat;
        width: .20rem;
    }

    /*.l-menu-header {
        padding: 0 calc(2% + 2.3rem) 0;
    }*/
}

.l-menu-header .l-menu-header__wrapper {
    flex-wrap: wrap;
    align-content: center;
    margin-top: 0;
}

.l-menu-header__item-heading {
    z-index: 0;
    position: relative;
}

/*.l-menu-header {
    z-index: auto;
}*/

.l-button-header-inquiry.l-button-header-inquiry--outer {
    z-index: 1;
}

@media only screen and (max-width:1023.98px) {
    .l-button-header-inquiry.l-button-header-inquiry--outer.l-button-header-inquiry--trial.l-button-header-inquiry--contact02 {
        display: none;
    }

    .l-button-header-inquiry.l-button-header-inquiry--outer {
        z-index: 11;
    }

    .l-menu-header {
        padding: 0;
    }
}

/*20240927追加_フッターSNS*/
.l-table-footer-sns__title {
    font-size: .16rem;
    margin-bottom: 10px;
    font-weight: bold;
}

.l-table-footer-sns .l-table-footer-sns__wrapper {
    display: flex;
}

.l-contact-footer .l-contact-footer__company {
    margin-right: .8rem;
    display: flex;
}

.l-contact-footer .l-contact-footer__company .l-inner__wrapper {
    margin-right: .8rem;
}

.l-table-footer-sns .l-table-footer-sns__item:last-child {
    margin-top: 3px;
}

@media only screen and (max-width:1023.98px) {
    .l-contact-footer .l-contact-footer__company {
        margin-right: 0;
        display: block;
        margin-bottom: .28rem;
    }
}

@media only screen and (max-width: 767.98px) {
    .l-contact-footer .l-contact-footer__company {
        margin-bottom: .28rem;
    }
    }

.p-section-top-used .p-section-top-used__slider-wrapper {
    overflow: hidden;
    width: 100%;
}

.p-section-top-used .p-section-top-used__slider {
    display: flex;
    position: relative;
}

.p-section-top-used .p-section-top-used__slider .p-list-case-logo__list {
    width: 100%;
}

.p-section-top-used .p-section-top-used__slider .p-list-case-logo__item picture {
    height: 100%;
    width: 100%;
}

.p-section-top-used .p-section-top-used__slider .p-list-case-logo__item img {
    display: block;
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.p-section-top-used .p-section-top-used__title {
    color: #194b54;
    text-align: center;
}

.p-section-top-used .p-section-top-used__text {
    font-weight: 300;
    color: #ababad;
}

@media only screen and (min-width:768px) {
    .p-section-top-used {
        padding: .16rem 0 .22rem;
    }

    .p-section-top-used .p-section-top-used__slider-wrapper {
        margin-bottom: .18rem;
    }

    .p-section-top-used .p-section-top-used__slider {
    }

    .p-section-top-used .p-section-top-used__slider .p-list-case-logo__list {
        height: 1.2rem;
    }

    .p-section-top-used .p-section-top-used__slider .p-list-case-logo__item {
        width: 6.5%;
        height: .6rem !important;
    }

    .p-section-top-used .p-section-top-used__title {
        font-size: .16rem;
        line-height: calc(24 / 16);
        margin-bottom: .15rem;
    }

    .p-section-top-used .p-section-top-used__title .p-section-top-used__title--style-big {
        font-size: .28rem;
        line-height: calc(43 / 28);
    }

    .p-section-top-used .p-section-top-used__text {
        font-size: .12rem;
        line-height: calc(18 / 12);
        max-width: 11.5rem;
        margin: 0 auto;
    }
}

@media only screen and (min-width:768px) and (max-width: 1299.98px) {
    .p-section-top-used .p-section-top-used__slider .p-list-case-logo__list {
        height: 2.4rem;
    }

    .p-section-top-used .p-section-top-used__slider .p-list-case-logo__item {
        width: 2rem;
        height: 1.2rem !important;
    }
}

@media only screen and (max-width:767.98px) {
    .p-section-top-used {
        padding-bottom: .22rem;
        margin-top: -.21rem;
    }

    .p-section-top-used .p-section-top-used__slider-wrapper {
        margin-bottom: .15rem;
    }

    .p-section-top-used .p-section-top-used__slider .p-list-case-logo__list {
        height: 1.42rem;
    }

    .p-section-top-used .p-section-top-used__slider .p-list-case-logo__item {
        width: 1.5rem;
        height: .52rem !important;
        margin-bottom: .18rem;
    }

    .p-section-top-used .p-section-top-used__title {
        font-size: .16rem;
        line-height: calc(20 / 12);
        margin-bottom: .3rem;
    }

    .p-section-top-used .p-section-top-used__title .p-section-top-used__title--style-big {
        font-size: .22rem;
        line-height: calc(20 / 16);
    }

    .p-section-top-used .p-section-top-used__text {
        font-size: .14rem;
        line-height: calc(15 / 10);
        padding: 0 .14rem;
    }
}

/*熊本地震のバナー*/


@media only screen and (min-width:768px) {
    .p-section-top-banner{
        padding: .4rem 0 .4rem;
    }
    .p-section-top-banner  .l-wrapper{
        max-width: 11.6rem;
    }

    .p-section-top-banner  .l-wrapper a img{
        width: 65%;
        margin: 0 auto
    }
}

@media only screen and (min-width:768px) and (max-width: 1299.98px) {
    .p-section-top-banner
}

@media only screen and (max-width:767.98px) {
    .p-section-top-banner{
        padding: .32rem 0 .4rem;
    }
    .p-section-top-banner  .l-wrapper{
        max-width: auto;
        padding-left: 4.267%;
        padding-right: 4.267%;
    }

    .p-section-top-banner  .l-wrapper a img{
        width: 100%;
        margin: 0 auto;
    }
    

}