/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
*,::before,::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-style: solid;
    border-width: 0
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

body {
    margin: 0
}

main {
    display: block
}

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

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

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

dt {
    font-weight: bold
}

dd {
    margin-left: 0
}

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

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

address {
    font-style: inherit
}

a {
    background-color: rgba(0,0,0,0);
    text-decoration: none;
    color: inherit
}

abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: inherit
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img,embed,object,iframe {
    vertical-align: bottom
}

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

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

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

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

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

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

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

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

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

option {
    padding: 0
}

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

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

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

label[for] {
    cursor: pointer
}

details {
    display: block
}

summary {
    display: list-item
}

[contenteditable] {
    outline: none
}

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

caption {
    text-align: left
}

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

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

template {
    display: none
}

[hidden] {
    display: none
}

:root {
    --colorText: #000;
    --colorLink: #000;
    --colorMain: #204F74;
    --fontJA: Noto Sans JP, sans-serif;
    --fontEN: Schibsted Grotesk, sans-serif;
    --fontPO: Poppins, sans-serif;
    --innerW: 110rem;
    --trainingColorMain: #2087CE;
    --trainingColorSub: #005691;
    --trainingColorPale: #EFF3F9;
    --consultingColorMain: #10A485;
    --consultingColorSub: #004032;
    --consultingColorPale: #E8F3F1;
    --coachingColorMain: #9284BE;
    --coachingColorSub: #312A48;
    --coachingColorPale: #F4F2F9;
    --assessmentColorMain: #CC5C79;
    --assessmentColorSub: #4E2F37;
    --assessmentColorPale: #F5F2F3;
    --talentColorMain: #BB5548;
    --talentColorSub: #7A2116;
    --talentColorPale: #FCF4F4
}

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

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

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

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes clip {
    0% {
        -webkit-transform: translateY(0rem);
        transform: translateY(0rem)
    }

    50% {
        -webkit-transform: translateY(-1rem);
        transform: translateY(-1rem)
    }

    100% {
        -webkit-transform: translateY(0rem);
        transform: translateY(0rem)
    }
}

@keyframes clip {
    0% {
        -webkit-transform: translateY(0rem);
        transform: translateY(0rem)
    }

    50% {
        -webkit-transform: translateY(-1rem);
        transform: translateY(-1rem)
    }

    100% {
        -webkit-transform: translateY(0rem);
        transform: translateY(0rem)
    }
}

html {
    font-size: min(62.5%,.6944444444vw);
    /* scroll-behavior: smooth */
}

@media(max-width: 768px) {
    html {
        font-size:2.6666666667vw
    }
}

body {
    -webkit-print-color-adjust: exact;
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 1.7rem;
    letter-spacing: 0;
    font-family: var(--fontJA);
    color: var(--colorText);
    line-height: 2;
    text-align: left;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    letter-spacing: .04rem
}

@media(max-width: 768px) {
    body.isFixed {
        position:fixed;
        left: 0;
        width: 100%;
        height: 100%
    }
}

a,button {
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: opacity ease 0.4s,color ease 0.4s,border-color ease 0.4s,background-color ease 0.4s,background-image ease 0.4s,-webkit-box-shadow ease .4s;
    transition: opacity ease 0.4s,color ease 0.4s,border-color ease 0.4s,background-color ease 0.4s,background-image ease 0.4s,-webkit-box-shadow ease .4s;
    transition: opacity ease 0.4s,color ease 0.4s,border-color ease 0.4s,background-color ease 0.4s,background-image ease 0.4s,box-shadow ease .4s;
    transition: opacity ease 0.4s,color ease 0.4s,border-color ease 0.4s,background-color ease 0.4s,background-image ease 0.4s,box-shadow ease .4s,-webkit-box-shadow ease .4s
}

a img,button img {
    -webkit-transition: opacity ease 0.4s;
    transition: opacity ease 0.4s
}

a path,button path {
    -webkit-transition: fill ease 0.4s;
    transition: fill ease 0.4s
}

a:link,a:visited,button:link,button:visited {
    text-decoration: none
}

a:hover,button:hover {
    text-decoration: none;
    outline: none
}

a:active,button:active {
    outline: none
}

@media(min-width: 769px) {
    a[href*="tel:"],button[href*="tel:"] {
        pointer-events:none
    }
}

img,svg {
    display: block;
    max-width: 100%;
    height: auto
}

section,article {
    display: block
}

.svgSprite {
    display: block;
    overflow: hidden;
    width: 0;
    height: 0
}

*::-moz-selection {
    background: rgba(255,60,46,.4);
    color: #fff
}

*::selection {
    background: rgba(255,60,46,.4);
    color: #fff
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,.slick-track:after {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid rgba(0,0,0,0)
}

.slick-arrow.slick-hidden {
    display: none
}

.siteFooter {
    background: #f3f3f3;
    color: #000;
    padding: 8rem 0 4rem 0
}

.siteFooter .siteHeader__menuMiddle {
    margin: 0 0 6rem 0
}

.siteFooter .siteHeader__menuMiddle dl:nth-child(1) {
    margin: 0 13.6rem 0 0;
    margin: 0;
    width: 97rem
}

@media(max-width: 768px) {
    .siteFooter .siteHeader__menuMiddle dl:nth-child(1) {
        width:100%
    }
}

.siteFooter .siteHeader__menuMiddle dl:nth-child(2) {
    margin: 0 -59.1rem 0 0
}

.siteFooter .siteHeader__menuMiddle dl:nth-child(3) {
    margin: 0 15.9rem 0 -14rem
}

.siteFooter .siteHeader__menuMiddle dl:nth-child(4) {
    margin: 0 8rem 0 0
}

.siteFooter .siteHeader__menuMiddle dl dd ul li {
    font-size: 1.4rem
}

.siteFooter .siteHeader__menuMiddle dl dd ul li ul li {
    font-size: 1.3rem
}

.siteFooter__bottomNav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 3.4rem 0;
    margin: 0 0 2.4rem 0;
    border-bottom: solid 1px #dcdcdc
}

.siteFooter__bottomNav li {
    position: relative;
    font-size: 1.2rem;
    letter-spacing: .04rem;
    color: #535353;
    margin: 0 .25rem 0 0;
    padding: 0 1.4rem 0 0
}

.siteFooter__bottomNav li:last-child::after {
    display: none
}

.siteFooter__bottomNav li::after {
    content: "｜";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font-size: 1.2rem;
    letter-spacing: .04rem
}

@media(min-width: 769px) {
    .siteFooter__bottomNav li a:hover {
        text-decoration:underline
    }
}

.siteFooter__bottomArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.siteFooter__bottomAreaLeft {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.siteFooter__bottomAreaLeft figure {
    margin: 0 2.75rem 0 0
}

.siteFooter__bottomAreaLeft small {
    font-size: 1.1rem;
    line-height: 4.8rem;
    color: #949494;
    letter-spacing: .02rem
}

.siteFooter__bottomAreaRight {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.6rem
}

@media(max-width: 768px) {
    .siteFooter {
        padding:3.3rem 0 8rem 0
    }

    .siteFooter .siteHeader__menuMiddle {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .siteFooter .siteHeader__menuMiddle dl {
        background-image: linear-gradient(to right, #D5D5D5 4px, transparent 4px);
        background-size: 7px 1px;
        background-repeat: repeat-x;
        background-position: left bottom
    }

    .siteFooter .siteHeader__menuMiddle dl:nth-child(1),.siteFooter .siteHeader__menuMiddle dl:nth-child(2),.siteFooter .siteHeader__menuMiddle dl:nth-child(3),.siteFooter .siteHeader__menuMiddle dl:nth-child(4),.siteFooter .siteHeader__menuMiddle dl:nth-child(5) {
        margin: 0
    }

    .siteFooter .siteHeader__menuMiddle dl dt {
        position: relative;
        font-size: 1.5rem;
        margin: 0
    }

    .siteFooter .siteHeader__menuMiddle dl dt::after {
        content: "";
        position: absolute;
        top: 0;
        right: 1.8rem;
        bottom: 0;
        margin: auto;
        width: .8rem;
        height: .8rem;
        -webkit-transform: translateX(0%) rotate(-45deg);
        transform: translateX(0%) rotate(-45deg);
        border-right: solid .2rem var(--colorMain);
        border-bottom: solid .2rem var(--colorMain);
        -webkit-transition: all ease .4s;
        transition: all ease .4s
    }

    .siteFooter .siteHeader__menuMiddle dl dt.accordion {
        padding: 0 10rem 0 0
    }

    .siteFooter .siteHeader__menuMiddle dl dt.accordion::before,.siteFooter .siteHeader__menuMiddle dl dt.accordion::after {
        content: "";
        content: "";
        display: block;
        width: 1.4rem;
        height: .2rem;
        background: var(--colorMain);
        position: absolute;
        top: 0;
        right: 1.4rem;
        bottom: 0;
        margin: auto 0;
        -webkit-transition: all ease .4s;
        transition: all ease .4s;
        border: none;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    .siteFooter .siteHeader__menuMiddle dl dt.accordion::before {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@media(max-width: 768px)and (max-width: 768px) {
    .siteFooter .siteHeader__menuMiddle dl dt.accordion a {
        pointer-events:none
    }
}

@media(max-width: 768px) {
    .siteFooter .siteHeader__menuMiddle dl dt a {
        display:block;
        padding: 0 0 0 1.5rem;
        padding: 2.05rem 1.5rem
    }

    .siteFooter .siteHeader__menuMiddle dl dt span {
        display: block;
        padding: 0 0 0 1.5rem;
        padding: 2.05rem 1.5rem
    }

    .siteFooter .siteHeader__menuMiddle dl dt:nth-child(2),.siteFooter .siteHeader__menuMiddle dl dt:nth-child(3),.siteFooter .siteHeader__menuMiddle dl dt:nth-child(4) {
        background-image: linear-gradient(to right, #D5D5D5 4px, transparent 4px);
        background-size: 7px 1px;
        background-repeat: repeat-x;
        background-position: left top
    }

    .siteFooter .siteHeader__menuMiddle dl dd {
        display: none;
        padding: 0 0 2.05rem 0
    }

    .siteFooter .siteHeader__menuMiddle dl dd ul {
        margin: 0 0 0 3rem
    }

    .siteFooter .siteHeader__menuMiddle dl dd ul li .columnTwo {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0
    }

    .siteFooter .siteHeader__menuMiddle dl dd ul li ul {
        margin: 0
    }

    .siteFooter__bottomNav {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 0 3rem 0;
        margin: 0 0 4.4rem 0
    }

    .siteFooter__bottomNav li {
        font-size: 1.4rem;
        letter-spacing: .01rem;
        margin: 0 .5rem .6rem 0;
        padding: 0 1.7rem 0 0
    }

    .siteFooter__bottomArea {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .siteFooter__bottomAreaLeft {
        -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;
        margin: 0 0 1.8rem 0
    }

    .siteFooter__bottomAreaLeft figure {
        margin: 0 0 1rem 0
    }

    .siteFooter__bottomAreaLeft figure img {
        width: 15.2rem
    }

    .siteFooter__bottomAreaLeft small {
        font-size: 1.3rem;
        line-height: 3.6rem
    }
}

.contactFooter {
    background: #f3f3f3;
    padding: 5.1rem 0 3.6rem 0
}

.contactFooter__bottomArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.contactFooter__bottomAreaLeft {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.contactFooter__bottomAreaLeft figure {
    margin: 0 2.75rem 0 0
}

.contactFooter__bottomAreaLeft .reception {
    margin: 0 0 0 2.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .5rem
}

.contactFooter__bottomAreaLeft .reception dl dt {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.5rem;
    margin: 0 0 1rem 0
}

.contactFooter__bottomAreaLeft .reception dl dd {
    font-size: 1.4rem;
    line-height: 2.2rem
}

.contactFooter__bottomAreaLeft .reception dl dd a {
    display: block;
    font-family: var(--fontEN);
    font-size: 2.4rem;
    margin: 0 0 .1em 0;
    padding: 0 0 0 2.2rem;
    background: url(../../assets/images/icon_tel_footer.svg) no-repeat left top;
    background-size: contain
}

.contactFooter__bottomAreaLeft small {
    font-size: 1.1rem;
    line-height: 4.8rem;
    color: #949494;
    letter-spacing: .02rem
}

.contactFooter__bottomAreaRight {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.6rem
}

#goTop {
    display: none;
    position: fixed;
    right: 0;
    bottom: 0;
    width: 5rem;
    height: 5rem;
    z-index: 9
}

#goTop a {
    position: relative;
    display: block;
    background-color: var(--colorMain);
    width: 5rem;
    height: 5rem
}

#goTop a:after {
    content: "";
    position: relative;
    top: 2.3rem;
    left: auto;
    right: auto;
    display: block;
    width: .8rem;
    height: .8rem;
    margin: auto;
    border-top: solid 1.5px #fff;
    border-right: solid 1.5px #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: .3s ease;
    transition: .3s ease
}

@media(hover: hover) {
    #goTop a:hover {
        opacity:.6
    }

    #goTop a:hover:after {
        top: 1.9rem
    }
}

@media(max-width: 768px) {
    .contactFooter {
        padding:6.1rem 0 6.3rem
    }

    .contactFooter__bottomArea {
        -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
    }

    .contactFooter__bottomAreaLeft {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .contactFooter__bottomAreaLeft .reception {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 0 2.7rem
    }

    .contactFooter__bottomAreaLeft .reception dl {
        margin: 0 0 1rem
    }

    .contactFooter__bottomAreaLeft .reception dl:last-child {
        margin: 0
    }

    .contactFooter__bottomAreaLeft .reception dl dt {
        letter-spacing: -0.01rem
    }

    .contactFooter__bottomAreaLeft .reception dl dd {
        font-size: 1.3rem
    }

    .contactFooter__bottomAreaLeft figure {
        margin: 0 0 2.8rem
    }

    #goTop {
        bottom: 5.1rem;
        width: 4.6rem;
        height: 4.6rem
    }

    #goTop a {
        width: 4.6rem;
        height: 4.6rem
    }

    #goTop a:after {
        top: 2.1rem
    }

    .siteFooter .siteHeader__menuMiddle {
        margin: 0 0 4rem 0
    }
}

.think__areaTel .sns a {
    display: inline-block
}

.think__areaTel .sns a:first-child {
    margin-right: 1.5rem
}

.siteFooter .siteHeader__menuMiddle dl:nth-child(3) {
    position: absolute;
    left: 29rem;
    margin: 0
}

@media(max-width: 768px) {
    .siteFooter .siteHeader__menuMiddle dl:nth-child(3) {
        position:relative;
        left: auto
    }
}

.siteFooter .siteHeader__menuMiddle dl:nth-child(4) {
    position: absolute;
    left: 52rem;
    margin: 0
}

@media(max-width: 768px) {
    .siteFooter .siteHeader__menuMiddle dl:nth-child(4) {
        position:relative;
        left: auto
    }
}

.siteFooter .siteHeader__menuMiddle dl:nth-child(5) {
    position: absolute;
    left: 80rem;
    margin: 0
}

@media(max-width: 768px) {
    .siteFooter .siteHeader__menuMiddle dl:nth-child(5) {
        position:relative;
        left: auto
    }
}

.siteFooter .siteHeader__menuMiddle {
    position: relative
}

.siteHeader {
    position: sticky;
    top: 0;
    left: 0;
    bottom: 0;
    width: 23rem;
    padding: 3.8rem 3rem 4rem 3rem;
    border-right: solid 1px #dde5e9;
    height: 100vh;
    z-index: 10;
    overflow-y: scroll;
    background: #fff
}

.siteHeader::-webkit-scrollbar {
    display: none
}

.siteHeader__logo {
    margin: 0 0 .8rem 0
}

.siteHeader__service {
    margin: 0 0 3.5rem 0;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: .04rem;
    color: #0d3570;
    text-align: center
}

.siteHeader__navGrp {
    margin: 0 0 1.8rem 0
}

.siteHeader__navParent {
    position: relative;
    border-bottom: solid 1px #dde5e9;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2.5rem;
    padding: 0 0 .9rem 0;
    margin: 0 0 1rem 0
}

.siteHeader__navParent::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0;
    height: 1px;
    background: #005691;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

@media(min-width: 769px) {
    .siteHeader__navParent:hover {
        color:#005691
    }

    .siteHeader__navParent:hover::before {
        width: 100%
    }
}

.siteHeader__navParent.moreNav {
    position: relative
}

.siteHeader__navParent.moreNav::after {
    position: absolute;
    top: 0;
    left: 19.2rem;
    bottom: 0;
    margin: auto;
    content: "";
    width: 0;
    height: 0;
    border-top: .5rem solid rgba(0,0,0,0);
    border-right: .7rem solid rgba(32,79,116,.95);
    border-bottom: .5rem solid rgba(0,0,0,0);
    z-index: 5;
    opacity: 0;
    -webkit-transition: all .4s;
    transition: all .4s
}

.siteHeader__navParent.moreNav.isActive::after {
    opacity: 1
}

.siteHeader__navParent a {
    display: block
}

.siteHeader__navChild {
    font-size: 1.4rem;
    line-height: 2.5rem;
    color: #3d3d3d;
    margin: 0 0 .7rem 0
}

.siteHeader__navChild:nth-child(6) {
    margin: 0 0 2rem 0
}

.siteHeader__navChild a {
    position: relative;
    display: block;
    -webkit-transition: all .4s;
    transition: all .4s
}

@media(min-width: 769px) {
    .siteHeader__navChild a.isActive,.siteHeader__navChild a:hover {
        color:#005691;
        font-weight: 700;
        padding: 0 0 0 1.5rem
    }

    .siteHeader__navChild a.isActive::before,.siteHeader__navChild a:hover::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        margin: auto;
        width: .4rem;
        height: .4rem;
        background: #005691;
        border-radius: 100%
    }
}

.siteHeader__navChild.moreNav {
    position: relative;
    margin: 0 -3rem .7rem 0
}

.siteHeader__navChild.moreNav::after {
    position: absolute;
    top: 0;
    left: 19.2rem;
    bottom: 0;
    margin: auto;
    content: "";
    width: 0;
    height: 0;
    border-top: .5rem solid rgba(0,0,0,0);
    border-right: .7rem solid rgba(32,79,116,.95);
    border-bottom: .5rem solid rgba(0,0,0,0);
    z-index: 5;
    opacity: 0;
    -webkit-transition: all .4s;
    transition: all .4s
}

.siteHeader__navChild.moreNav.isActive::after {
    opacity: 1
}

.siteHeader__nav .moreNav__grp {
    display: none;
    position: fixed;
    top: 0;
    left: 22.8rem;
    width: 38rem;
    height: 100vh;
    z-index: 5;
    background-color: rgba(32,79,116,.95);
    padding: 15.8rem 3rem 3rem 3rem;
    overflow-y: scroll
}

.siteHeader__nav .moreNav__grp::-webkit-scrollbar {
    display: none
}

.siteHeader__nav .moreNav__grpList {
    margin: 0 0 3rem 0
}

.siteHeader__nav .moreNav__grpListChild a {
    display: block;
    position: relative;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2rem;
    color: #fff;
    border-bottom: solid 1px #4b769a;
    padding: 1.2rem 1rem 1.2rem 0;
    -webkit-transition: all .4s;
    transition: all .4s
}

.siteHeader__nav .moreNav__grpListChild a::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: "";
    width: .4em;
    height: .4em;
    -webkit-transform: translateX(0%) rotate(-45deg);
    transform: translateX(0%) rotate(-45deg);
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff
}

@media(min-width: 769px) {
    .siteHeader__nav .moreNav__grpListChild a:hover {
        padding:1.2rem 1rem 1.2rem 1.5rem
    }

    .siteHeader__nav .moreNav__grpListChild a:hover::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        margin: auto;
        width: .4rem;
        height: .4rem;
        background: #fff;
        border-radius: 100%
    }
}

.siteHeader__nav .moreNav__grpLink a {
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 400;
    background: #fff;
    border-radius: .5rem;
    color: var(--colorMain);
    border: solid 1px #fff;
    padding: .9rem 0 .9rem 1.5rem
}

.siteHeader__nav .moreNav__grpLink a::before {
    display: none
}

.siteHeader__nav .moreNav__grpLink a::after {
    position: absolute;
    top: 0;
    right: 2rem;
    bottom: 0;
    margin: auto;
    content: "";
    width: .4em;
    height: .4em;
    -webkit-transform: translateX(0%) rotate(-45deg);
    transform: translateX(0%) rotate(-45deg);
    border-right: solid 1px var(--colorMain);
    border-bottom: solid 1px var(--colorMain)
}

@media(min-width: 769px) {
    .siteHeader__nav .moreNav__grpLink a:hover {
        background:var(--colorMain);
        color: #fff
    }

    .siteHeader__nav .moreNav__grpLink a:hover::after {
        border-right: solid 1px #fff;
        border-bottom: solid 1px #fff
    }
}

.siteHeader__navGrandchild {
    position: relative;
    background-image: linear-gradient(to right, #DDE5E9 2px, transparent 2px);
    background-size: 7px 2px;
    background-repeat: repeat-x;
    background-position: left bottom;
    font-size: 1.4rem;
    line-height: 4rem;
    letter-spacing: 0;
    padding: 0 0 0 2rem
}

.siteHeader__navGrandchild:nth-child(1)::after {
    content: "";
    position: absolute;
    top: .2rem;
    left: .2rem;
    bottom: 0;
    margin: auto;
    width: 1rem;
    height: 1.4rem;
    background: url(../../assets/images/icon_header01.svg) no-repeat;
    background-size: 100% auto
}

.siteHeader__navGrandchild:nth-child(2)::after {
    content: "";
    position: absolute;
    top: .3rem;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 1.4rem;
    height: 1.3rem;
    background: url(../../assets/images/icon_header02.svg) no-repeat;
    background-size: 100% auto
}

.siteHeader__navGrandchild:nth-child(3)::after {
    content: "";
    position: absolute;
    top: .4rem;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 1.2rem;
    height: 1.4rem;
    background: url(../../assets/images/icon_header03.svg) no-repeat;
    background-size: 100% auto
}

.siteHeader__navGrandchild:nth-child(4) {
    background: none;
    padding: 0
}

.siteHeader__navGrandchild.moreNav {
    position: relative
}

.siteHeader__navGrandchild.moreNav::before {
    position: absolute;
    top: 0;
    left: 19.2rem;
    bottom: 0;
    margin: auto;
    content: "";
    width: 0;
    height: 0;
    border-top: .5rem solid rgba(0,0,0,0);
    border-right: .7rem solid rgba(32,79,116,.95);
    border-bottom: .5rem solid rgba(0,0,0,0);
    z-index: 5;
    opacity: 0;
    -webkit-transition: all .4s;
    transition: all .4s
}

.siteHeader__navGrandchild.moreNav.isActive::before {
    opacity: 1
}

@media(min-width: 769px) {
    .siteHeader__navGrandchild.moreNav li a:hover {
        color:#fff;
        text-decoration: none
    }
}

.siteHeader__navGrandchild a {
    color: #3d3d3d
}

@media(min-width: 769px) {
    .siteHeader__navGrandchild a:hover {
        color:#005691;
        text-decoration: underline
    }
}

.siteHeader__navGrandchild button {
    color: #3d3d3d
}

@media(min-width: 769px) {
    .siteHeader__navGrandchild button:hover {
        color:#005691
    }
}

.siteHeader__navGrandchild button {
    position: relative;
    width: 100%
}

.siteHeader__navGrandchild button::after {
    content: "";
    position: absolute;
    top: 0;
    right: .9rem;
    bottom: 0;
    margin: auto;
    width: .9rem;
    height: .9rem;
    background: url(../../assets/images/icon_hamburger_menu.svg) no-repeat;
    background-size: 100% auto
}

.siteHeader__menuElement {
    display: none;
    opacity: 0;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    padding: 5.5rem 0 6.1rem;
    z-index: 9999;
    -webkit-animation: fadeOut .4s ease-in 0s forwards;
    animation: fadeOut .4s ease-in 0s forwards
}

.siteHeader__menuElement::-webkit-scrollbar {
    display: none
}

.siteHeader__menuElement .inner {
    width: 134rem
}

.siteHeader__menuElement.isActive {
    display: block;
    opacity: 1;
    -webkit-animation: fadeIn .4s ease-in 0s forwards;
    animation: fadeIn .4s ease-in 0s forwards
}

@-webkit-keyframes fadeIn {
    0% {
        display: none;
        opacity: 0
    }

    1% {
        display: block;
        opacity: 0
    }

    100% {
        display: block;
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        display: none;
        opacity: 0
    }

    1% {
        display: block;
        opacity: 0
    }

    100% {
        display: block;
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        display: block;
        opacity: 1
    }

    1% {
        display: block;
        opacity: 1
    }

    100% {
        display: none;
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        display: block;
        opacity: 1
    }

    1% {
        display: block;
        opacity: 1
    }

    100% {
        display: none;
        opacity: 0
    }
}

.siteHeader__menu {
    display: none
}

.siteHeader__menuTop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: solid 1px #dde5e9;
    padding: 0 0 3rem 0;
    margin: 0 0 3.7rem 0
}

.siteHeader__menuTop .logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2rem;
    color: #0d3570
}

.siteHeader__menuTop .logo img {
    width: 13.85rem;
    margin: 0 2.5rem 0 0
}

.siteHeader__menuTop .logo span {
    margin: 2rem 0 0 0
}

.siteHeader__menuTop .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.siteHeader__menuTop .list li.favorite,.siteHeader__menuTop .list li.history {
    margin: 0 0 0 .5rem
}

.siteHeader__menuTop .list li.favorite a,.siteHeader__menuTop .list li.history a {
    display: inline-block;
    background: #f1f1f1;
    border-radius: .5rem;
    font-size: 1.3rem;
    line-height: 1.2rem;
    font-weight: 500;
    padding: 1.7rem 1.9rem 1.7rem 1.3rem
}

.siteHeader__menuTop .list li.favorite a span,.siteHeader__menuTop .list li.history a span {
    padding: 0 0 0 2rem
}

@media(min-width: 769px) {
    .siteHeader__menuTop .list li.favorite a:hover,.siteHeader__menuTop .list li.history a:hover {
        background:#e3e3e3
    }
}

.siteHeader__menuTop .list li.favorite a span {
    background: url(../../assets/images/icon_sidebar03.svg) no-repeat left center;
    background-size: 1.4rem 1.3rem
}

.siteHeader__menuTop .list li.history a span {
    background: url(../../assets/images/icon_sidebar04.svg) no-repeat left center;
    background-size: 1.7rem 1.4rem
}

.siteHeader__menuTop .list li.contact {
    margin: 0 0 0 2rem
}

.siteHeader__menuTop .list li.contact a {
    position: relative;
    display: inline-block;
    background: #ff8c38;
    color: #fff;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 700;
    padding: 1.1rem 2.9rem 1.1rem 3.1rem;
    border-radius: .5rem;
    -webkit-box-shadow: 0 .3rem 0 #b55711;
    box-shadow: 0 .3rem 0 #b55711;
    -webkit-transition: all .2s;
    transition: all .2s
}

.siteHeader__menuTop .list li.contact a span {
    padding: 0 0 0 3rem;
    background: url(../../assets/images/icon_header_image.svg) no-repeat left top .7rem
}

@media(min-width: 769px) {
    .siteHeader__menuTop .list li.contact a:hover {
        margin-top:.3rem;
        margin-bottom: -0.3rem;
        -webkit-box-shadow: 0 0 0 #b55711;
        box-shadow: 0 0 0 #b55711
    }
}

.siteHeader__menuTop .list li.close {
    margin: 0 0 0 2.3rem
}

.siteHeader__menuTop .list li.close button {
    position: relative;
    width: 4.5rem;
    height: 4.5rem
}

.siteHeader__menuTop .list li.close button::before,.siteHeader__menuTop .list li.close button::after {
    content: "";
    display: block;
    width: 5rem;
    height: .2rem;
    background-color: #204f74;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: .4s ease;
    transition: .4s ease
}

.siteHeader__menuTop .list li.close button::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
    bottom: 0
}

.siteHeader__menuTop .list li.close button::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0;
    bottom: 0
}

.siteHeader__menuMiddle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.siteHeader__menuMiddle dl:nth-child(2) {
    margin: 0 13.7rem 0 8rem
}

.siteHeader__menuMiddle dl:nth-child(3) {
    margin: 0 -63.8rem 0 0
}

.siteHeader__menuMiddle dl:nth-child(4) {
    margin: 0 13.8rem 0 0
}

.siteHeader__menuMiddle dl:nth-child(5) {
    margin: 0 8.5rem 0 0
}

.siteHeader__menuMiddle dl:nth-child(6) {
    margin: 0 8.5rem 0 0
}

.siteHeader__menuMiddle dl dt {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.3rem;
    margin: 0 0 1.7rem 0;
    z-index: 1;
    position: relative
}

.siteHeader__menuMiddle dl dt+dt {
    margin: 2.2rem 0 1.7rem 0
}

@media(min-width: 769px) {
    .siteHeader__menuMiddle dl dt a:hover {
        color:#005691;
        text-decoration: underline
    }
}

.siteHeader__menuMiddle dl dd+dt {
    margin: 2.3rem 0 0 0
}

@media(min-width: 769px) {
    .siteHeader__menuMiddle dl dd a:hover {
        text-decoration:underline
    }
}

.siteHeader__menuMiddle dl dd ul li {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 3.2rem;
    padding: 0 0 0 1.5rem;
    z-index: 1;
    position: relative
}

.siteHeader__menuMiddle dl dd ul li .columnTwo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 3.6rem;
    margin: 8.4rem 0 0 -0.6rem
}

.siteHeader__menuMiddle dl dd ul li ul {
    margin: 0 1rem 0 0
}

.siteHeader__menuMiddle dl dd ul li ul li {
    position: relative;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.8;
    padding: 0 0 0 2.5rem;
    margin: 0 0 .5rem 0
}

.siteHeader__menuMiddle dl dd ul li ul li::before {
    content: "";
    position: absolute;
    top: 1.3rem;
    left: 0;
    margin: auto;
    width: 1rem;
    height: 1px;
    background: #b8b8b8
}

.siteHeader__menuMiddle dl dd ul li ul li ul {
    margin: 0 -1rem 0 0
}

.siteHeader__menuMiddle dl dd ul li ul li ul li {
    padding: 0
}

.siteHeader__menuMiddle dl dd ul li ul li ul li::before {
    display: none
}

.siteHeader__menuMiddle dl dd ul li ul li .columnTwo {
    margin: 0
}

.siteHeader__menuBanner {
    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;
    border-bottom: solid 1px #dde5e9;
    margin: -0.2rem 0 2.5rem 0;
    padding: 0 0 4.3rem 0
}

.siteHeader__menuBanner .top {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.1rem;
    margin: 5rem 0 0rem 0
}

@media(max-width: 768px) {
    .siteHeader__menuBanner .top {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: unset;
        -webkit-box-direction: unset;
        -ms-flex-direction: unset;
        flex-direction: unset
    }
}

.siteHeader__menuBanner .top figure {
    border: 1px solid #eaedef
}

@media(max-width: 768px) {
    .siteHeader__menuBanner .top figure:nth-child(3),.siteHeader__menuBanner .top figure:nth-child(4),.siteHeader__menuBanner .top figure:nth-child(5) {
        width:48%
    }
}

@media(min-width: 769px) {
    .siteHeader__menuBanner .top a:hover img {
        opacity:.7
    }
}

.siteHeader__menuBanner .bottom {
    width: 61rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .5rem
}

@media(min-width: 769px) {
    .siteHeader__menuBanner .bottom a:hover img {
        opacity:.7
    }
}

.siteHeader__menuBottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.siteHeader__menuBottom li {
    position: relative;
    font-size: 1.2rem;
    letter-spacing: .04rem;
    color: #535353;
    margin: 0 .25rem 0 0;
    padding: 0 1.4rem 0 0
}

.siteHeader__menuBottom li:last-child {
    margin: 0;
    padding: 0
}

.siteHeader__menuBottom li:last-child::after {
    display: none
}

.siteHeader__menuBottom li::after {
    content: "｜";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font-size: 1.2rem;
    letter-spacing: .04rem
}

.siteHeader__search {
    margin: .9rem 0 0 0
}

.siteHeader__search form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.siteHeader__searchText {
    width: 100%;
    background: #ececec;
    font-size: 1.4rem;
    line-height: 2.4rem;
    padding: .7rem 3.8rem .7rem 1.3rem;
    display: block;
    border-radius: .3rem
}

.siteHeader__search ::-webkit-input-placeholder {
    color: #a2a2a2;
    font-size: 1.4rem
}

.siteHeader__search ::-moz-placeholder {
    color: #a2a2a2;
    font-size: 1.4rem
}

.siteHeader__search :-ms-input-placeholder {
    color: #a2a2a2;
    font-size: 1.4rem
}

.siteHeader__search ::-ms-input-placeholder {
    color: #a2a2a2;
    font-size: 1.4rem
}

.siteHeader__search ::placeholder {
    color: #a2a2a2;
    font-size: 1.4rem
}

.siteHeader__search button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 3.8rem;
    height: 100%
}

.siteHeader__search button svg {
    display: block;
    width: 1.8rem;
    height: 1.8rem;
    margin: .5rem 0 0 1.2rem
}

@media(max-width: 768px) {
    .siteHeader {
        position:fixed;
        width: 100%;
        height: auto;
        padding: .8rem 2rem;
        z-index: 1;
        background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        bottom: auto;
        right: 0;
        z-index: 10
    }

    .siteHeader__logo {
        width: 8.1rem;
        margin: 0 0 0 0
    }

    .siteHeader__service {
        margin: 0 0 0 1rem;
        text-align: left;
        font-size: 1rem;
        line-height: 1.5rem;
        padding: .8rem 0
    }

    .siteHeader__serviceLink {
        margin: 0 0 0 2.1rem
    }

    .siteHeader__serviceLink a {
        display: block;
        font-size: 1.1rem;
        line-height: 1.5rem;
        color: var(--colorMain);
        border: solid 1px var(--colorMain);
        border-radius: .3rem;
        padding: .6rem .9rem
    }

    .siteHeader__menu {
        display: block;
        position: relative;
        margin: 0 0 0 auto
    }

    .siteHeader__menu.isActive::before {
        opacity: 0
    }

    .siteHeader__menu.isActive button::before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 0
    }

    .siteHeader__menu.isActive button::after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        bottom: 0
    }

    .siteHeader__menu::before {
        content: "";
        display: block;
        width: 1.6rem;
        height: 1px;
        background-color: var(--colorMain);
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        -webkit-transition: .4s ease;
        transition: .4s ease;
        top: 0;
        bottom: 0
    }

    .siteHeader__menu button {
        width: 1.6rem;
        height: 1.1rem;
        cursor: pointer
    }

    .siteHeader__menu button::before,.siteHeader__menu button::after {
        content: "";
        display: block;
        width: 1.6rem;
        height: 1px;
        background-color: var(--colorMain);
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        -webkit-transition: .4s ease;
        transition: .4s ease
    }

    .siteHeader__menu button::before {
        top: -1.2rem;
        bottom: 0
    }

    .siteHeader__menu button::after {
        top: 0;
        bottom: -1.2rem
    }

    .siteHeader__menuElement {
        top: 6.2rem;
        padding: 2.4rem 0
    }

    .siteHeader__menuElement .inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        padding: 0 2rem 3rem
    }

    .siteHeader__menuMiddle {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .siteHeader__menuMiddle dl {
        background-image: linear-gradient(to right, #D5D5D5 4px, transparent 4px);
        background-size: 7px 1px;
        background-repeat: repeat-x;
        background-position: left bottom
    }

    .siteHeader__menuMiddle dl:nth-child(1),.siteHeader__menuMiddle dl:nth-child(2),.siteHeader__menuMiddle dl:nth-child(3),.siteHeader__menuMiddle dl:nth-child(4),.siteHeader__menuMiddle dl:nth-child(5),.siteHeader__menuMiddle dl:nth-child(6) {
        margin: 0
    }

    .siteHeader__menuMiddle dl dt {
        position: relative;
        font-size: 1.5rem;
        margin: 0
    }

    .siteHeader__menuMiddle dl dt+dt {
        margin: 0
    }

    .siteHeader__menuMiddle dl dt::after {
        content: "";
        position: absolute;
        top: 0;
        right: 1.8rem;
        bottom: 0;
        margin: auto;
        width: .8rem;
        height: .8rem;
        -webkit-transform: translateX(0%) rotate(-45deg);
        transform: translateX(0%) rotate(-45deg);
        border-right: solid .2rem var(--colorMain);
        border-bottom: solid .2rem var(--colorMain);
        -webkit-transition: all ease .4s;
        transition: all ease .4s
    }

    .siteHeader__menuMiddle dl dt.accordion {
        padding: 0 10rem 0 0
    }

    .siteHeader__menuMiddle dl dt.accordion::before,.siteHeader__menuMiddle dl dt.accordion::after {
        content: "";
        content: "";
        display: block;
        width: 1.4rem;
        height: .2rem;
        background: var(--colorMain);
        position: absolute;
        top: 0;
        right: 1.4rem;
        bottom: 0;
        margin: auto 0;
        -webkit-transition: all ease .4s;
        transition: all ease .4s;
        border: none;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    .siteHeader__menuMiddle dl dt.accordion::before {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@media(max-width: 768px)and (max-width: 768px) {
    .siteHeader__menuMiddle dl dt.accordion a {
        pointer-events:none
    }
}

@media(max-width: 768px) {
    .siteHeader__menuMiddle dl dt a {
        display:block;
        padding: 0 0 0 1.5rem;
        padding: 1.85rem 1.5rem
    }

    .siteHeader__menuMiddle dl dt span {
        display: block;
        padding: 0 0 0 1.5rem;
        padding: 1.85rem 1.5rem
    }

    .siteHeader__menuMiddle dl dt:nth-child(2),.siteHeader__menuMiddle dl dt:nth-child(3),.siteHeader__menuMiddle dl dt:nth-child(4),.siteHeader__menuMiddle dl dt:nth-child(5) {
        background-image: linear-gradient(to right, #D5D5D5 4px, transparent 4px);
        background-size: 7px 1px;
        background-repeat: repeat-x;
        background-position: left top
    }

    .siteHeader__menuMiddle dl dd {
        display: none;
        padding: 0 0 1.85rem 0
    }

    .siteHeader__menuMiddle dl dd+dt {
        margin: 0
    }

    .siteHeader__menuMiddle dl dd ul {
        margin: 0 0 0 3rem
    }

    .siteHeader__menuMiddle dl dd ul li {
        padding: 0
    }

    .siteHeader__menuMiddle dl dd ul li .columnTwo {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0;
        margin: 0
    }

    .siteHeader__menuMiddle dl dd ul li ul {
        margin: 0
    }

    .siteHeader__menuBanner {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin: 4rem 0 0 0
    }

    .siteHeader__menuBanner .top {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .siteHeader__menuBanner .bottom {
        width: 100%;
        gap: 1rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .siteHeader__menuBanner .bottom figure {
        width: calc(50% - .5rem)
    }

    .siteHeader__menuTop {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        padding: 0 0 2rem 0;
        margin: 2rem 0 3.5rem 0
    }

    .siteHeader__menuTop .logo {
        display: none
    }

    .siteHeader__menuTop .list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 1rem
    }

    .siteHeader__menuTop .list li.favorite,.siteHeader__menuTop .list li.history {
        width: calc(50% - .5rem);
        margin: 0
    }

    .siteHeader__menuTop .list li.favorite a,.siteHeader__menuTop .list li.history a {
        display: block;
        font-size: 1.5rem;
        text-align: center
    }

    .siteHeader__menuTop .list li.favorite a span,.siteHeader__menuTop .list li.history a span {
        padding: 0 0 0 3rem
    }

    .siteHeader__menuTop .list li.close {
        display: none
    }

    .siteHeader__menuBottom {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        border-bottom: solid 1px #dde5e9;
        padding: 0 0 3.5rem 0
    }

    .siteHeader__menuBottom li {
        font-size: 1.4rem;
        line-height: 3.4rem
    }

    .siteHeader__menuClose {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        padding: 3.3rem 0
    }

    .siteHeader__menuClose button {
        display: block;
        width: 100%;
        font-size: 1.6rem;
        font-weight: 500;
        color: var(--colorMain);
        text-align: center
    }

    .siteHeader__menuClose button span {
        position: relative;
        padding: 0 0 0 3.4rem
    }

    .siteHeader__menuClose button span::before,.siteHeader__menuClose button span::after {
        content: "";
        display: block;
        width: 4rem;
        height: .2rem;
        background-color: #204f74;
        position: absolute;
        left: -2rem;
        margin: auto;
        -webkit-transition: .4s ease;
        transition: .4s ease
    }

    .siteHeader__menuClose button span::before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 0;
        bottom: 0
    }

    .siteHeader__menuClose button span::after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 0;
        bottom: 0
    }

    .siteHeader__nav {
        display: none
    }
}

.contactHeader {
    padding: 1.3rem 3rem 1.3rem 3rem;
    border-bottom: solid 1px #dfdfdf
}

@media(max-width: 768px) {
    .contactHeader {
        padding:1rem 2rem
    }
}

.contactHeader__logo {
    width: 130rem;
    margin: 0 auto
}

.contactHeader__logo a {
    display: inline
}

@media(max-width: 768px) {
    .contactHeader__logo {
        width:100%
    }
}

@media(min-width: 769px) {
    .siteHeader__logo a:hover img {
        opacity:.6
    }
}

.side_banner_01 {
    margin-top: 1rem
}

@media(min-width: 769px) {
    .siteHeader__navChild .side_banner_01 a:after,.siteHeader__navChild .side_banner_01 a:before {
        content:none
    }

    .siteHeader__navChild .side_banner_01 a:hover {
        padding: 0
    }

    .siteHeader__navChild .side_banner_01 a:hover img {
        opacity: .6
    }
}

.siteFooter .siteHeader__menuMiddle dl dd ul li .columnTwo ul li {
    padding: 0 0 0 2rem;
    line-height: 2.5rem;
    margin: .6rem 0 0rem 0
}

.siteFooter .siteHeader__menuMiddle dl dd ul li .columnTwo ul li .columnTwo ul li {
    padding: 0
}

@media(max-width: 768px) {
    .siteHeader__menuMiddle dl dd ul li ul li::before {
        top:1.4rem
    }

    .siteHeader__menuBanner .top {
        -webkit-box-orient: unset;
        -webkit-box-direction: unset;
        -ms-flex-direction: unset;
        flex-direction: unset
    }
}

@media(min-width: 769px) {
    .siteHeader__menuMiddle dl dt.accordion {
        pointer-events:none
    }
}

@media(max-width: 768px) {
    .siteHeader__menuMiddle dl dt.accordion {
        pointer-events:auto
    }
}

.head_sp_fm {
    display: none
}

@media(max-width: 768px) {
    .head_sp_fm {
        display:block
    }

    .siteHeader__menuMiddle dl dd.u-sp {
        display: block
    }

    .siteHeader__menuMiddle dl dd .toggle {
        display: none
    }

    .siteHeader__menuMiddle dl dd .option {
        position: relative;
        margin: .5rem 0
    }

    .siteHeader__menuMiddle dl dd .title,.siteHeader__menuMiddle dl dd .content {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition: all .4s;
        transition: all .4s
    }

    .siteHeader__menuMiddle dl dd .title {
        display: block;
        font-weight: bold
    }

    .siteHeader__menuMiddle dl dd .title::after,.siteHeader__menuMiddle dl dd .title::before {
        content: "";
        position: absolute;
        right: 1.4rem;
        width: 1.4rem;
        height: .2rem;
        background-color: #ccc;
        -webkit-transition: all .4s;
        transition: all .4s;
        top: 1.5rem
    }

    .siteHeader__menuMiddle dl dd .title::after {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .siteHeader__menuMiddle dl dd .content {
        max-height: 0;
        overflow: hidden
    }

    .siteHeader__menuMiddle dl dd .toggle:checked+.title+.content {
        max-height: 100rem;
        -webkit-transition: all .4s;
        transition: all .4s
    }

    .siteHeader__menuMiddle dl dd .toggle:checked+.title::after {
        -webkit-transform: rotate(0deg) !important;
        transform: rotate(0deg) !important
    }

    .head_sp_fm form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative
    }

    .head_sp_fm button {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        width: 3.8rem;
        height: 100%
    }

    .head_sp_fm button svg {
        display: block;
        width: 1.8rem;
        height: 1.8rem;
        margin: .5rem 0 0 1.2rem
    }
}

@media(max-width: 768px) {
    .siteHeader__menuMiddle dl dt.accordion {
        width:100%
    }

    .siteHeader__menuMiddle dl:nth-child(3) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%
    }

    .siteHeader__menuMiddle dl dd .title {
        font-weight: 500
    }

    .siteHeader__menuMiddle dl:nth-child(3) dd:nth-of-type(2) {
        display: none
    }
}

.siteFooter .siteHeader__menuMiddle dl dd ul li ul li::before {
    top: 1.4rem
}

@media(max-width: 768px) {
    .siteFooter .siteHeader__menuMiddle dl dt:nth-child(2),.siteFooter .siteHeader__menuMiddle dl dt:nth-child(3),.siteFooter .siteHeader__menuMiddle dl dt:nth-child(4) {
        width:100%
    }
}

@media(min-width: 769px) {
    .siteHeader__nav .moreNav__grp.extra_pd_01 {
        padding:48.3rem 3rem 3rem 3rem
    }

    .siteHeader__nav .moreNav__grp.extra_pd_02 {
        padding: 66.5rem 3rem 3rem 3rem
    }

    .siteHeader__nav .moreNav__grp.extra_pd_03 {
        padding: 57.5rem 3rem 3rem 3rem
    }
}

@media(min-width: 769px) {
    .siteHeader__logo a {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .siteHeader__logo a .siteHeader__service {
        width: 100%;
        margin: .8rem 0 2.7rem 0;
        -webkit-transition: all ease .4s;
        transition: all ease .4s
    }

    .siteHeader__logo a:hover span {
        opacity: .7
    }
}

@media(max-width: 768px) {
    .siteHeader__logo {
        width:auto
    }

    .siteHeader__logo a {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .siteHeader__logo a figure {
        width: 8.1rem;
        margin: 0 0 0 0
    }
}

.siteHeader__menuMiddle div.poplink {
    top: 5.3rem;
    font-size: 1.4rem;
    line-height: 1.8
}

@media(max-width: 768px) {
    .siteHeader__menuMiddle div.poplink {
        top:3.4rem
    }
}

@media(max-width: 768px) {
    .mainvisualBackground .keywordSearch .form div.poplink {
        top:4.5rem;
        font-size: 1.4rem;
        line-height: 1.8
    }
}

.postion_r {
    position: relative
}

.extra_pc_position {
    position: absolute;
    top: 13rem
}

.blank_icon {
    background: url(../img/common/icon_blank_blue.png) right center no-repeat;
    background-size: 1.3rem 1.1rem;
    padding: 0 1.8rem 0 0
}

.siteHeader__menuMiddle dl dd ul li.extra_pc_position {
    position: absolute
}

.container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.main {
    width: calc(100% - 23rem)
}

.inner {
    width: var(--innerW);
    margin-left: auto;
    margin-right: auto
}

.sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 5rem;
    width: 4.5rem;
    height: 42rem;
    z-index: 10
}

.sidebar__hover {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.sidebar__hoverParent {
    width: 5rem;
    width: 4.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    cursor: pointer;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.6rem;
    padding: 5.4rem 0 3.5rem 0;
    border: solid 1px #ff8c38;
    -webkit-transition: all .3s;
    transition: all .3s
}

.sidebar__hoverParent--support {
    background: #fff url(../../assets/images/icon_sidebar01.svg) no-repeat top 3.2rem center;
    background-size: 1.3rem 1.5rem;
    color: #ff8c38
}

.sidebar__hoverParent--support::before {
    content: "";
    position: absolute;
    top: -1px;
    right: 0;
    width: calc(100% + 1rem);
    height: 4px;
    background: #ff8c38;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.sidebar__hoverParent--contact {
    background: #ff8c38 url(../../assets/images/icon_sidebar02.svg) no-repeat top 3.1rem center;
    background-size: 1.5rem 1rem;
    color: #fff;
    padding: 4.9rem 0 3.8rem 0
}

@media(min-width: 769px) {
    .sidebar__hoverParent--contact:hover {
        background:#d86816 url(../../assets/images/icon_sidebar02.svg) no-repeat top 3.1rem center;
        background-size: 1.5rem 1rem
    }
}

.sidebar__hoverParent.isActive {
    position: relative;
    border-top: solid 1px rgba(0,0,0,0);
    border-left: solid 1px rgba(0,0,0,0);
    border-radius: 0
}

.sidebar__hoverParent.isActive::before {
    opacity: 1;
    -webkit-transition: all .3s;
    transition: all .3s
}

.sidebar__hoverChild {
    position: absolute;
    top: 0;
    right: 0;
    width: 58.2rem;
    height: 36.4rem;
    background: #fff;
    border: solid 4px #ff8c38;
    border-radius: .5rem;
    z-index: -1;
    display: none;
    gap: 4rem;
    padding: 3.3rem 8.6rem 4rem 4.6rem
}

.sidebar__hoverChild dl {
    width: 20rem
}

.sidebar__hoverChild dl:nth-child(1) dt {
    background: url(../../assets/images/icon_sidebar_ttl02.svg) no-repeat left 2.8rem top .4rem;
    background-size: 2rem 1.8rem
}

.sidebar__hoverChild dl:nth-child(2) dt {
    background: url(../../assets/images/icon_sidebar_ttl01.svg) no-repeat left 2.1rem top .7rem;
    background-size: 2.8rem 1.57rem;
    padding: 0 0 1.2rem 4rem
}

.sidebar__hoverChild dl dt {
    font-size: 1.9rem;
    line-height: 2.7rem;
    border-bottom: solid 1px #707070;
    text-align: center;
    padding: 0 0 1.2rem 3rem;
    margin: 0 0 1.5rem 0
}

.sidebar__hoverChild dl dt a {
    display: none
}

.sidebar__hoverChild dl dt span {
    display: none
}

.sidebar__hoverChild dl dd {
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-weight: 500;
    text-align: center
}

.sidebar__hoverChild dl dd em {
    font-style: normal
}

.sidebar__hoverChild dl dd img {
    width: 20rem;
    height: 12.3rem;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 0 0 .8rem 0
}

.sidebar__hoverChild dl dd a {
    position: relative;
    top: 0;
    display: block;
    background: #2f79b1;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    margin: 1.2rem 0 0 0;
    padding: .6rem 0;
    border-radius: .5rem;
    -webkit-box-shadow: 0 .3rem 0 #0f4771;
    box-shadow: 0 .3rem 0 #0f4771;
    -webkit-transition: all .2s;
    transition: all .2s
}

.sidebar__hoverChild dl dd a.free::before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    content: "無料";
    position: absolute;
    top: -1.7rem;
    left: -1.7rem;
    width: 3.764rem;
    height: 3.764rem;
    font-size: 1.2rem;
    font-weight: 500;
    color: #fff;
    background: #e14f6d;
    border-radius: 100%
}

@media(min-width: 769px) {
    .sidebar__hoverChild dl dd a:hover {
        background:#4e95cb;
        top: .3rem;
        -webkit-box-shadow: 0 0 0 #005691;
        box-shadow: 0 0 0 #005691
    }
}

.sidebar__link {
    margin: .7rem 0 0 0
}

.sidebar__link li:last-child a {
    background: #f1f1f1 url(../../assets/images/icon_sidebar04.svg) no-repeat top 1.2rem center;
    background-size: 1.7rem 1.4rem;
    border-bottom: solid 1px rgba(0,0,0,0);
    padding: 2.4rem 0 0 0;
    margin-top: 2px
}

@media(min-width: 769px) {
    .sidebar__link li:last-child a:hover {
        background:#e3e3e3 url(../../assets/images/icon_sidebar04.svg) no-repeat top 1.2rem center;
        background-size: 1.7rem 1.4rem
    }
}

.sidebar__link li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1rem;
    line-height: 1.2rem;
    text-align: center;
    background: #f1f1f1 url(../../assets/images/icon_sidebar03.svg) no-repeat top .6rem center;
    background-size: 1.4rem 1.3rem;
    width: 5rem;
    height: 5rem;
    border-top: solid 1px rgba(0,0,0,0);
    border-left: solid 1px rgba(0,0,0,0);
    border-right: solid 1px rgba(0,0,0,0);
    padding: 1.8rem 0 0 0
}

@media(min-width: 769px) {
    .sidebar__link li a:hover {
        background:#e3e3e3 url(../../assets/images/icon_sidebar03.svg) no-repeat top .6rem center;
        background-size: 1.4rem 1.3rem
    }
}

.breadcrumbs {
    margin: 0 0 3.2rem 0
}

.breadcrumbs ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
    padding: 1.8rem 0 1.3rem 0;
    border-bottom: solid 1px #dbe4eb
}

.breadcrumbs ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.2rem;
    line-height: 4rem;
    color: #676767
}

.breadcrumbs ul li:not(:first-child)::before {
    display: block;
    content: "";
    -webkit-transform: translateX(0%) rotate(-45deg);
    transform: translateX(0%) rotate(-45deg);
    border-right: solid 1px #b7b7b7;
    border-bottom: solid 1px #b7b7b7;
    width: .6rem;
    height: .6rem;
    margin: 0 1.1rem 0 .8rem
}

.breadcrumbs ul li a {
    color: var(--colorMain);
    text-decoration: underline
}

.breadcrumbs ul li a:hover {
    text-decoration: none
}

.breadcrumbs ul li:first-child a {
    width: 1.5rem;
    height: 1.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: url(/assets/images/breadlist_icon.svg) no-repeat left center;
    background-size: cover;
    font-size: 0
}

.underlayer {
    padding: 4rem 0 9rem 0
}

.underlayer__ttl {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 4.3rem;
    letter-spacing: .04rem;
    margin: 0 0 2.2rem 0
}

.underlayer__ttl--border {
    position: relative
}

.underlayer__ttl--border::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    margin: auto;
    background: #c9c9c9
}

.underlayer__ttl--border span {
    position: relative;
    z-index: 1;
    background: #fff;
    padding: 0 4rem 0 0
}

.underlayerMainvisual__ttl {
    font-size: 3.6rem;
    font-weight: 700;
    line-height: 5.8rem;
    letter-spacing: .15rem
}

.underlayerMainvisual__ttl--en {
    font-family: var(--fontEN);
    font-size: 1.3rem;
    letter-spacing: .08rem;
    color: #a1aeb7
}

.underlayerMainvisual__category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3.6rem;
    margin: 0 0 0 -1rem
}

.underlayerMainvisual__category span {
    font-size: 1.3rem;
    line-height: 1.9rem;
    font-weight: 500;
    padding: .2rem .9rem;
    display: inline-block;
    margin: 0 0 1.1rem 0;
    border-radius: .5rem;
    border: solid 1px #000
}

.underlayerMainvisual__category--live {
    color: #298279
}

.underlayerMainvisual__category--live span {
    background: #fff url(../../assets/images/icon_live_big.svg) no-repeat left 1.2rem top .5rem;
    background-size: 5.8rem auto;
    padding: .6rem 1.2rem .6rem 7.9rem;
    border: solid 1px #298279;
    color: #298279;
    font-size: 1.4rem;
    margin: 1rem 0 .9rem 0
}

.underlayerMainvisual__category--movie {
    color: #824880
}

.underlayerMainvisual__category--movie span {
    background: #fff url(../../assets/images/icon_movie_mianv.svg) no-repeat left 1.2rem top .5rem;
    background-size: 4.1rem auto;
    padding: .6rem 1.2rem .6rem 6.2rem;
    border: solid 1px #824880;
    color: #824880;
    font-size: 1.4rem;
    margin: 1rem 0 .9rem 0
}

.underlayerMainvisual__text {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 4rem
}

.underlayerMainvisual__explanation {
    margin: 2.2rem 0 0 0;
    font-size: 1.8rem;
    line-height: 3.2rem
}

.underlayerMainvisual__explanation a {
    color: var(--colorMain);
    text-decoration: underline
}

@media(min-width: 769px) {
    .underlayerMainvisual__explanation a:hover {
        text-decoration:none
    }
}

.underlayerMainvisualVideo {
    background: #fff url(../../assets/images/video_back.webp) no-repeat right 5rem center;
    background-size: 32.1rem auto;
    margin: 3.2rem 0 0 0;
    padding: 4.4rem 3.8rem
}

.underlayerMainvisualVideo__speech {
    position: relative;
    font-size: 1.9rem;
    font-weight: 700;
    color: var(--colorMain);
    border: solid 2px var(--colorMain);
    display: inline-block;
    border-radius: 1rem;
    padding: .1rem 3rem .1rem 2.6rem;
    margin: 0 0 1.8rem 0
}

.underlayerMainvisualVideo__speech::before {
    content: "";
    position: absolute;
    bottom: -1.6rem;
    left: 4.4rem;
    width: 0;
    height: 0;
    border-top: 1.6rem solid var(--colorMain);
    border-left: .5rem solid rgba(0,0,0,0);
    border-right: 1.2rem solid rgba(0,0,0,0);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: skewX(-40deg);
    transform: skewX(-40deg)
}

.underlayerMainvisualVideo__speech::after {
    content: "";
    position: absolute;
    bottom: -1rem;
    left: 4.8rem;
    width: 0;
    height: 0;
    border-top: 1.4rem solid #fff;
    border-left: .5rem solid rgba(0,0,0,0);
    border-right: 1.1rem solid rgba(0,0,0,0);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: skewX(-40deg);
    transform: skewX(-40deg)
}

.underlayerMainvisualVideo__ttl {
    font-size: 3rem;
    font-weight: 700;
    line-height: 4.3rem;
    color: #005691;
    background: url(../../assets/images/icon_movie_video.svg) no-repeat left .4rem top .7rem;
    background-size: 5.6rem auto;
    padding: 0 0 0 7.4rem;
    margin: 0 0 1rem 0
}

.underlayerMainvisualVideo__ttl span {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(60%, #F1E97C));
    background: linear-gradient(transparent 65%, #F1E97C 60%)
}

.underlayerMainvisualVideo__text {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 3.2rem;
    margin: 0 0 3.2rem 0
}

.underlayerMainvisualVideo a {
    position: relative;
    top: 0;
    display: inline-block;
    background: #2f79b1;
    color: #fff;
    font-size: 1.8rem;
    line-height: 2.6rem;
    font-weight: 700;
    padding: 1.4rem 2.9rem 1.4rem 3.1rem;
    border-radius: .5rem;
    -webkit-box-shadow: 0 .3rem 0 #0f4771;
    box-shadow: 0 .3rem 0 #0f4771;
    -webkit-transition: all .2s;
    transition: all .2s
}

.underlayerMainvisualVideo a span {
    position: relative;
    padding: 0 0 0 2.7rem
}

.underlayerMainvisualVideo a span::before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    content: "";
    position: absolute;
    top: .2rem;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 1.7rem;
    height: 1.7rem;
    border: solid 2px #fff;
    border-radius: 100%
}

.underlayerMainvisualVideo a span::after {
    content: "";
    position: absolute;
    top: .1rem;
    left: .6rem;
    bottom: 0;
    display: block;
    width: .5rem;
    height: .8rem;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(42deg);
    transform: rotate(42deg);
    margin: auto
}

.underlayerMainvisualVideo a span.u-pc {
    padding: 0
}

.underlayerMainvisualVideo a span.u-pc::before,.underlayerMainvisualVideo a span.u-pc::after {
    content: none
}

.underlayerMainvisualVideo a.free::before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    content: "無料";
    position: absolute;
    top: -1.7rem;
    left: -1.7rem;
    width: 4.683rem;
    height: 4.683rem;
    font-size: 1.5rem;
    font-weight: 500;
    color: #fff;
    background: #e14f6d;
    border-radius: 100%
}

@media(min-width: 769px) {
    .underlayerMainvisualVideo a:hover {
        background:#4e95cb;
        top: .3rem;
        -webkit-box-shadow: 0 0 0 #005691;
        box-shadow: 0 0 0 #005691
    }
}

.underlayerMainvisualContact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2rem;
    width: 100rem;
    margin: 4.5rem auto 3.6rem
}

.underlayerMainvisualContact dl {
    width: calc(50% - 1rem);
    background: #fff;
    padding: 3rem 4rem 4rem 4rem
}

.underlayerMainvisualContact dl:first-child {
    width: 100%;
    background: #fff url(../../assets/images/contact_bk.webp) no-repeat right 4.1rem center;
    background-size: 34.6rem auto
}

.underlayerMainvisualContact dl:first-child dt {
    font-size: 2.6rem
}

.underlayerMainvisualContact dl:nth-child(2) dd p {
    margin: 0 0 5.2rem 0
}

@media(min-width: 769px) {
    .underlayerMainvisualContact dl:nth-child(2) dd a:hover {
        margin:5.5rem 0 -0.3rem 0
    }
}

.underlayerMainvisualContact dl dt {
    font-size: 2.2rem;
    line-height: 4.3rem;
    margin: 0 0 1.1rem 0
}

.underlayerMainvisualContact dl dd ul {
    font-size: 1.6rem;
    line-height: 2.8rem
}

.underlayerMainvisualContact dl dd ul li {
    position: relative;
    padding: 0 0 0 2rem
}

.underlayerMainvisualContact dl dd ul li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: .9rem;
    height: .9rem;
    border: solid 3px var(--colorMain);
    border-radius: 100%
}

.underlayerMainvisualContact dl dd p {
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin: 0 0 2.4rem 0
}

.underlayerMainvisualContact dl dd a {
    position: relative;
    top: 0;
    font-size: 1.7rem;
    font-weight: 700;
    display: block;
    width: 26.4rem;
    background: #2f79b1;
    -webkit-box-shadow: 0 .3rem 0 #005691;
    box-shadow: 0 .3rem 0 #005691;
    border-radius: .5rem;
    color: #fff;
    text-align: center;
    padding: .6rem 1.2rem .6rem 0;
    -webkit-transition: all .2s;
    transition: all .2s
}

@media(min-width: 769px) {
    .underlayerMainvisualContact dl dd a:hover {
        background:#4e95cb;
        top: .3rem;
        -webkit-box-shadow: 0 0 0 #005691;
        box-shadow: 0 0 0 #005691
    }
}

.underlayerMainvisualContact dl dd a.no_pdg {
    padding: .6rem 0rem .6rem 0
}

.underlayerMainvisualTheme {
    background: #fff url(../../assets/images/theme_back.webp) no-repeat right 5.5rem center;
    background-size: 35.1rem auto;
    margin: 4rem 0 .6rem 0;
    padding: 3.9rem 4rem 5rem 4rem
}

.underlayerMainvisualTheme__ttl {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 4.3rem;
    margin: 0 0 2rem 0
}

.underlayerMainvisualTheme__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .5rem;
    max-width: 55.3rem
}

.underlayerMainvisualTheme__list li:nth-child(1) a {
    background: url(../../assets/images/icon_theme01.svg) no-repeat left 2rem center;
    background-size: 2.5rem auto
}

@media(min-width: 769px) {
    .underlayerMainvisualTheme__list li:nth-child(1) a:hover {
        background:var(--colorMain) url(../../assets/images/icon_theme01_white.svg) no-repeat left 2rem center;
        background-size: 2.5rem auto;
        border: solid 1px var(--colorMain)
    }
}

.underlayerMainvisualTheme__list li:nth-child(2) a {
    background: url(../../assets/images/icon_theme02.svg) no-repeat left 1.8rem center;
    background-size: 2.4rem auto
}

@media(min-width: 769px) {
    .underlayerMainvisualTheme__list li:nth-child(2) a:hover {
        background:var(--colorMain) url(../../assets/images/icon_theme02_white.svg) no-repeat left 1.8rem center;
        background-size: 2.4rem auto;
        border: solid 1px var(--colorMain)
    }
}

.underlayerMainvisualTheme__list li:nth-child(3) a {
    background: url(../../assets/images/icon_theme03.svg) no-repeat left 2rem center;
    background-size: 3.1rem auto
}

@media(min-width: 769px) {
    .underlayerMainvisualTheme__list li:nth-child(3) a:hover {
        background:var(--colorMain) url(../../assets/images/icon_theme03_white.svg) no-repeat left 2rem center;
        background-size: 3.1rem auto;
        border: solid 1px var(--colorMain)
    }
}

.underlayerMainvisualTheme__list li:nth-child(4) a {
    background: url(../../assets/images/icon_theme04.svg) no-repeat left 1.5rem center;
    background-size: 2.9rem auto
}

@media(min-width: 769px) {
    .underlayerMainvisualTheme__list li:nth-child(4) a:hover {
        background:var(--colorMain) url(../../assets/images/icon_theme04_white.svg) no-repeat left 1.5rem center;
        background-size: 2.9rem auto;
        border: solid 1px var(--colorMain)
    }
}

.underlayerMainvisualTheme__list li a {
    position: relative;
    display: block;
    border: solid 1px #d4e2eb;
    border-radius: .5rem;
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--colorMain);
    padding: .9rem 6rem;
    width: 27.4rem
}

.underlayerMainvisualTheme__list li a::after {
    content: "";
    position: absolute;
    top: 0;
    right: 2rem;
    bottom: 0;
    margin: auto;
    width: 1rem;
    height: 1rem;
    -webkit-transform: translateX(0%) rotate(45deg);
    transform: translateX(0%) rotate(45deg);
    border-right: solid 1.5px var(--colorMain);
    border-bottom: solid 1.5px var(--colorMain);
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

@media(min-width: 769px) {
    .underlayerMainvisualTheme__list li a:hover {
        color:#fff
    }

    .underlayerMainvisualTheme__list li a:hover::after {
        border-right: solid 1.5px #fff;
        border-bottom: solid 1.5px #fff
    }
}

.underlayerMainvisual.themeCategory {
    width: 76.5rem;
    padding: 1.8rem 0 0 0
}

.underlayerMainvisual.themeCategory .anchorlink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .9rem
}

.underlayerMainvisual.themeCategory .anchorlink li {
    width: 33.3333333333%
}

.underlayerMainvisual.themeCategory .anchorlink li a {
    position: relative;
    display: block;
    border: solid 1px #d4e2eb;
    border-radius: .5rem;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 4.3rem;
    color: var(--colorMain);
    padding: .3rem 0 .3rem 5rem
}

.underlayerMainvisual.themeCategory .anchorlink li a.point {
    background: #fff url(../../assets/images/theme_category_image04.svg) no-repeat left 1.4rem center;
    background-size: 1.7rem auto
}

.underlayerMainvisual.themeCategory .anchorlink li a.case {
    background: #fff url(../../assets/images/theme_category_image05.svg) no-repeat left 1.6rem center;
    background-size: 2.4rem auto
}

.underlayerMainvisual.themeCategory .anchorlink li a.recommendation {
    background: #fff url(../../assets/images/theme_category_image03.svg) no-repeat left 1.3rem center;
    background-size: 2.8rem auto
}

.underlayerMainvisual.themeCategory .anchorlink li a::after {
    content: "";
    position: absolute;
    top: -0.4rem;
    right: 2rem;
    bottom: 0;
    margin: auto;
    width: 1rem;
    height: 1rem;
    -webkit-transform: translateX(0%) rotate(45deg);
    transform: translateX(0%) rotate(45deg);
    border-right: solid 1.5px var(--colorMain);
    border-bottom: solid 1.5px var(--colorMain);
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

.underlayerMainvisual.themeCategory .anchorlink li a.point::before {
    content: "";
    background: var(--colorMain) url(../../assets/images/theme_category_image04_white.svg) no-repeat left 1.4rem center
}

.underlayerMainvisual.themeCategory .anchorlink li a.case::before {
    content: "";
    background: var(--colorMain) url(../../assets/images/theme_category_image05_white.svg) no-repeat left 1.4rem center
}

.underlayerMainvisual.themeCategory .anchorlink li a.recommendation::before {
    content: ""
}

@media(min-width: 769px) {
    .underlayerMainvisual.themeCategory .anchorlink li a:hover {
        color:#fff
    }

    .underlayerMainvisual.themeCategory .anchorlink li a:hover.point {
        background: var(--colorMain) url(../../assets/images/theme_category_image04_white.svg) no-repeat left 1.4rem center
    }

    .underlayerMainvisual.themeCategory .anchorlink li a:hover.case {
        background: var(--colorMain) url(../../assets/images/theme_category_image05_white.svg) no-repeat left 1.6rem center
    }

    .underlayerMainvisual.themeCategory .anchorlink li a:hover.recommendation {
        background: var(--colorMain) url(../../assets/images/theme_category_image03_white.svg) no-repeat left 1.3rem center
    }

    .underlayerMainvisual.themeCategory .anchorlink li a:hover::after {
        border-right: solid 1.5px #fff;
        border-bottom: solid 1.5px #fff
    }
}

.underlayerMainvisual .themeCategory__ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 1.8rem 0
}

.underlayerMainvisual .themeCategory__ttl figure {
    width: 15.6rem;
    height: 12.5rem;
    overflow: hidden;
    border-radius: .5rem;
    margin: 0 2.9rem 0 0
}

.underlayerMainvisual .themeCategory__ttl figure img {
    width: 15.6rem;
    height: 12.5rem;
    -o-object-fit: cover;
    object-fit: cover
}

.underlayerMainvisual .themeCategory__text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.underlayerMainvisual .themeCategory__text .category {
    position: relative;
    font-size: 1.8rem;
    line-height: 2.1rem;
    font-weight: 700;
    color: #005691;
    padding: 0 0 0 1.8rem;
    padding: 0;
    margin: 0 0 .3rem 0
}

.underlayerMainvisual .themeCategory__text .category::before {
    content: "";
    position: absolute;
    top: 0;
    left: .3rem;
    bottom: 0;
    margin: auto;
    width: .5rem;
    height: .5rem;
    background: #005691;
    border-radius: 5rem;
    content: none
}

.underlayerMainvisual .themeCategory__text .date {
    margin: 1rem 0 0 0;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.9rem
}

.underlayerMainvisual .themeCategory__text .date time {
    color: #a8a8a8;
    font-weight: 500;
    margin: 0 .6rem 0 0
}

.underlayerMainvisual .themeCategory__single {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.underlayerMainvisual .themeCategory__single .slug {
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0 3rem 0 0
}

.underlayerMainvisual .themeCategory__single .date {
    margin: 0
}

.underlayerMainvisual .themeCategory__worries {
    background: #fff;
    border-radius: .5rem;
    -webkit-box-shadow: .2rem .2rem 0 .2rem #bfcfd9;
    box-shadow: .2rem .2rem 0 .2rem #bfcfd9;
    padding: 2.8rem 2.8rem 3.6rem
}

.underlayerMainvisual .themeCategory__worries .ttl {
    font-size: 2.6rem;
    line-height: 5.2rem;
    font-weight: 700;
    padding: 0 0 0 7.8rem;
    letter-spacing: .1rem;
    margin: 0 0 1.2rem 0;
    background: url(../../assets/images/theme_category_icon.svg) no-repeat left center;
    background-size: 6.4rem auto
}

.underlayerMainvisual .themeCategory__worries .ttl span {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(60%, #F2E49D));
    background: linear-gradient(transparent 65%, #F2E49D 60%)
}

.underlayerMainvisual .themeCategory__worries .list {
    font-size: 1.5rem;
    line-height: 2.8rem
}

.underlayerMainvisual .themeCategory__worries .list li {
    position: relative;
    padding: 0 0 0 3.5rem;
    margin: 0 0 .3rem 0
}

@media(max-width: 768px) {
    .underlayerMainvisual .themeCategory__worries .list li {
        margin:0 0 .6rem 0
    }
}

.underlayerMainvisual .themeCategory__worries .list li:last-child {
    margin: 0
}

.underlayerMainvisual .themeCategory__worries .list li::before {
    content: "";
    position: absolute;
    top: .3rem;
    left: 0;
    margin: auto;
    width: 2.2rem;
    height: 2.2rem;
    background: #005691;
    border-radius: 100%
}

.underlayerMainvisual .themeCategory__worries .list li::after {
    content: "";
    position: absolute;
    top: .8rem;
    left: .8rem;
    display: block;
    width: .6rem;
    height: 1rem;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(42deg);
    transform: rotate(42deg);
    margin: auto
}

.underlayerMainvisualSupport {
    background: #fff url(../../assets/images/support_back.webp) no-repeat right 6rem center;
    background-size: 30.9rem auto;
    margin: 4.3rem 0 0 0;
    padding: 3.8rem 4.2rem
}

.underlayerMainvisualSupport__copy {
    position: relative;
    font-size: 1.7rem;
    font-weight: 500;
    line-height: 3.4rem;
    letter-spacing: .04rem;
    background-image: linear-gradient(to right, #B9B9B9 2px, transparent 2px);
    background-size: 7px 2px;
    background-repeat: repeat-x;
    background-position: left bottom;
    width: 49.8rem;
    padding: 0 0 .2rem 2.7rem;
    margin: 0 0 .6rem 0
}

.underlayerMainvisualSupport__copy::before {
    content: "";
    position: absolute;
    top: 1.4rem;
    left: -0.6rem;
    width: 2.5rem;
    height: .3rem;
    background: #d9ac2f;
    border-radius: 5rem;
    -webkit-transform: translateX(0%) rotate(57deg);
    transform: translateX(0%) rotate(57deg)
}

.underlayerMainvisualSupport__copy::after {
    content: "";
    position: absolute;
    top: 1.4rem;
    right: .6rem;
    width: 2.5rem;
    height: .3rem;
    background: #d9ac2f;
    border-radius: 5rem;
    -webkit-transform: translateX(0%) rotate(-57deg);
    transform: translateX(0%) rotate(-57deg)
}

.underlayerMainvisualSupport__ttl {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 4.3rem;
    color: #005691;
    padding: 0 0 0 7rem;
    margin: 0 0 .8rem 0;
    background: url(../../assets/images/icon_support.svg) no-repeat left -0.5rem center;
    background-size: 5.7rem auto
}

.underlayerMainvisualSupport__text {
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin: 0 0 2.5rem 0
}

.underlayerMainvisualSupport__text a {
    color: var(--colorMain);
    text-decoration: underline
}

@media(min-width: 769px) {
    .underlayerMainvisualSupport__text a:hover {
        text-decoration:none
    }
}

.underlayerMainvisualSupport__link a {
    position: relative;
    top: 0;
    display: inline-block;
    background: #2f79b1;
    color: #fff;
    font-size: 1.8rem;
    line-height: 2.6rem;
    font-weight: 700;
    padding: 1.4rem 4.2rem 1.4rem 3.1rem;
    border-radius: .5rem;
    -webkit-box-shadow: 0 .3rem 0 #0f4771;
    box-shadow: 0 .3rem 0 #0f4771;
    -webkit-transition: all .2s;
    transition: all .2s
}

.underlayerMainvisualSupport__link a::before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    content: "無料";
    position: absolute;
    top: -2.3rem;
    left: -2.3rem;
    width: 4.683rem;
    height: 4.683rem;
    font-size: 1.5rem;
    font-weight: 500;
    color: #fff;
    background: #e14f6d;
    border-radius: 100%
}

.underlayerMainvisualSupport__link a::after {
    content: "";
    position: absolute;
    top: 0;
    right: 2.3rem;
    bottom: 0;
    margin: auto;
    width: .5rem;
    height: .5rem;
    -webkit-transform: translateX(0%) rotate(-45deg);
    transform: translateX(0%) rotate(-45deg);
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff
}

@media(min-width: 769px) {
    .underlayerMainvisualSupport__link a:hover {
        background:#4e95cb;
        top: .3rem;
        -webkit-box-shadow: 0 0 0 #005691;
        box-shadow: 0 0 0 #005691
    }
}

@media(max-width: 768px) {
    .container {
        display:block;
        padding-top: 6rem
    }

    .main {
        width: 100%
    }

    .inner {
        width: 100%;
        padding: 0 2rem
    }

    .sidebar {
        top: auto;
        left: 0;
        width: 100%;
        height: 5.1rem;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .sidebar__hover {
        width: 100%;
        border: none;
        border-top: solid 1px #ff8c38;
        border-bottom: solid 1px #ff8c38;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 0
    }

    .sidebar__hoverGrp {
        width: 50%
    }

    .sidebar__hoverParent {
        text-align: center;
        width: 100%;
        -webkit-writing-mode: unset;
        -ms-writing-mode: unset;
        writing-mode: unset;
        padding: 0 0 0 2.8rem;
        height: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .sidebar__hoverParent--support {
        background: #fff url(../../assets/images/icon_sidebar01.svg) no-repeat center left 3.7rem;
        border-radius: 0;
        background-size: 1.16rem 1.38rem
    }

    .sidebar__hoverParent--support dt {
        color: #ff8c38
    }

    .sidebar__hoverParent--contact {
        background: #ff8c38 url(../../assets/images/icon_sidebar02.svg) no-repeat center left 3.7rem;
        border-radius: 0;
        background-size: 1.39rem .9rem
    }

    .sidebar__hoverParent--contact dt {
        color: #fff;
        padding: 0
    }

    .sidebar__hoverChild {
        top: auto;
        bottom: 4.6rem;
        width: 100%;
        height: auto;
        padding: 2rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 2rem;
        border: none;
        border-top: solid 4px #ff8c38
    }

    .sidebar__hoverChild dl {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .sidebar__hoverChild dl dt {
        font-size: 1.6rem;
        border-bottom: none;
        text-align: left;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .sidebar__hoverChild dl dt span {
        display: block;
        font-weight: 500;
        font-size: 1.3rem;
        line-height: 1.5
    }

    .sidebar__hoverChild dl dd {
        width: 15rem;
        padding: 0 2rem 0 0rem
    }

    .sidebar__hoverChild dl dd img {
        width: 100%;
        height: auto;
        margin: 2rem 0 0 0
    }

    .sidebar__hoverChild dl dt a {
        display: block
    }

    .sidebar__hoverChild dl dt a {
        position: relative;
        top: 0;
        display: block;
        background: #2f79b1;
        color: #fff;
        font-size: 1.4rem;
        font-weight: 700;
        margin: 1.2rem auto 0;
        padding: .3rem 0;
        border-radius: .5rem;
        -webkit-box-shadow: 0 .3rem 0 #0f4771;
        box-shadow: 0 .3rem 0 #0f4771;
        -webkit-transition: all .2s;
        transition: all .2s;
        text-align: center;
        width: 16rem
    }

    .sidebar__hoverChild dl dt a.free::before {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        content: "無料";
        position: absolute;
        top: -1rem;
        left: -1.7rem;
        width: 3.264rem;
        height: 3.264rem;
        font-size: 1rem;
        font-weight: 500;
        color: #fff;
        background: #e14f6d;
        border-radius: 100%
    }

    .sidebar__hoverChild dl:nth-child(1) dt,.sidebar__hoverChild dl:nth-child(2) dt {
        background: none
    }

    .sidebar__hoverChild dl:nth-child(1) dt p {
        background: url(../../assets/images/icon_sidebar_ttl01.svg) no-repeat left 0rem top .7rem;
        background-size: 2.8rem 1.57rem;
        border-bottom: solid 1px #707070;
        padding: 0 0 .4rem 4rem;
        margin: 0 0 .4rem 0
    }

    .sidebar__hoverChild dl:nth-child(2) dt p {
        background: url(../../assets/images/icon_sidebar_ttl02.svg) no-repeat left 0rem top .7rem;
        background-size: 2rem 1.8rem;
        border-bottom: solid 1px #707070;
        padding: 0 0 .4rem 4rem;
        margin: 0 0 .4rem 0
    }

    .sidebar__hoverChild dl dd em {
        display: none
    }

    .sidebar__hoverChild dl dd a {
        display: none
    }

    .sidebar__hoverChild dl dt {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .sidebar__link {
        display: none
    }

    .breadcrumbs {
        margin: 0 0 2.5rem
    }

    .breadcrumbs ul {
        padding: 0 2rem;
        overflow: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch
    }

    .breadcrumbs ul li {
        line-height: 3.1rem;
        font-size: 1.1rem
    }

    .underlayerMainvisual {
        padding: 0 2rem
    }

    .underlayerMainvisual__ttl {
        font-size: 2.4rem;
        line-height: 3.5rem
    }

    .underlayerMainvisual__ttl--en {
        margin: 0 0 .7rem
    }

    .underlayerMainvisual__ttl.seminar-detail {
        font-size: 2.2rem
    }

    .underlayerMainvisualVideo {
        background: #fff url(../../assets/images/video_back.webp) no-repeat center top 2rem;
        background-size: 80% auto;
        padding: 20.5rem 2rem 3rem
    }

    .underlayerMainvisualVideo__speech {
        font-size: 1.6rem;
        padding: .1rem 1.5rem .1rem 1.5rem;
        margin: 0 0 1rem
    }

    .underlayerMainvisualVideo__ttl {
        font-size: 2.2rem;
        background: url(../../assets/images/icon_movie_video.svg) no-repeat left .4rem top 12px;
        background-size: 4rem auto;
        padding: 0 0 0 5.5rem;
        letter-spacing: -0.04rem;
        margin: 0 0 .2rem
    }

    .underlayerMainvisualVideo__text {
        font-size: 1.6rem;
        line-height: 2.8rem;
        margin: 0 0 2.1rem
    }

    .underlayerMainvisualVideo a {
        display: block;
        width: 25.5rem;
        margin: 0 auto
    }

    .underlayerMainvisual__text.seminar-detail {
        font-size: 1.6rem;
        margin: 0 0 .3rem;
        line-height: 2.7rem
    }

    .underlayerMainvisual__explanation {
        display: none
    }

    .underlayerMainvisualContact {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 3.5rem auto 0
    }

    .underlayerMainvisualContact dl {
        width: 100%;
        padding: 3rem 2rem 3rem
    }

    .underlayerMainvisualContact dl dt {
        font-size: 1.8rem;
        line-height: 2.8rem
    }

    .underlayerMainvisualContact dl dd p {
        font-size: 1.5rem;
        margin: 0 0 1.5rem
    }

    .underlayerMainvisualContact dl dd ul li {
        font-size: 1.5rem;
        line-height: 2.7rem;
        margin: 0 0 .2rem
    }

    .underlayerMainvisualContact dl dd ul li::before {
        bottom: inherit;
        top: 1.1rem
    }

    .underlayerMainvisualContact dl dd a {
        width: 22.9rem;
        margin: 0 auto;
        text-align: center;
        font-size: 1.6rem;
        padding: .6rem 0
    }

    .underlayerMainvisualContact dl:first-child {
        background: #fff url(../../assets/images/contact_bk.webp) no-repeat top .5rem center;
        background-size: 90% auto;
        padding: 22.1rem 2rem 3rem
    }

    .underlayerMainvisualContact dl:first-child dt {
        font-size: 2.2rem;
        line-height: 3rem
    }

    .underlayerMainvisualContact dl:nth-child(2) dd p {
        margin: 0 0 1.5rem 0
    }

    .underlayerMainvisualTheme {
        background: #fff url(../../assets/images/theme_back.webp) no-repeat top 30px center;
        background-size: 70% auto;
        margin: 3rem 0 .6rem 0;
        padding: 19rem 2rem 2rem
    }

    .underlayerMainvisualTheme__ttl {
        font-size: 1.8rem;
        line-height: 2.8rem
    }

    .underlayerMainvisualTheme__list li {
        width: 14.5rem;
        width: 49%
    }

    .underlayerMainvisualTheme__list li a {
        width: 100%;
        font-size: 1.5rem;
        padding: .9rem 2rem .9rem 4.2rem
    }

    .underlayerMainvisualTheme__list li a::after {
        right: 1.5rem
    }

    .underlayerMainvisualTheme__list li:nth-child(1) a {
        background: url(../../assets/images/icon_theme01.svg) no-repeat left 1.5rem center;
        background-size: 2rem auto
    }

    .underlayerMainvisualTheme__list li:nth-child(2) a {
        background: url(../../assets/images/icon_theme02.svg) no-repeat left 1rem center;
        background-size: 2.2rem auto
    }

    .underlayerMainvisualTheme__list li:nth-child(3) a {
        background: url(../../assets/images/icon_theme03.svg) no-repeat left 1rem center;
        background-size: 2.6rem auto
    }

    .underlayerMainvisualTheme__list li:nth-child(4) a {
        background: url(../../assets/images/icon_theme04.svg) no-repeat left 1rem center;
        background-size: 2.3rem auto
    }

    .underlayerMainvisual.themeCategory {
        width: 100%;
        padding: 0 2rem;
        margin: 0
    }

    .underlayerMainvisual.themeCategory .anchorlink {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .underlayerMainvisual.themeCategory .anchorlink li {
        width: 100%
    }

    .underlayerMainvisual .themeCategory__ttl {
        position: relative
    }

    .underlayerMainvisual .themeCategory__ttl figure {
        width: 10.8rem;
        height: 8.7rem;
        margin: 0 2rem 0 0;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        position: relative
    }

    .underlayerMainvisual .themeCategory__ttl figure img {
        width: 100%;
        height: 100%
    }

    .underlayerMainvisual .themeCategory__text {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .underlayerMainvisual .themeCategory__text .category {
        padding: 0 0 0 14.1rem;
        padding: 0 0 0 0rem;
        margin: 0 0 .6rem
    }

    .underlayerMainvisual .themeCategory__text .category::before {
        left: 12.9rem;
        bottom: inherit;
        top: .8rem;
        left: 0
    }

    .underlayerMainvisual .themeCategory__text .underlayerMainvisual__ttl {
        padding: 0 0 0 12.8rem;
        padding: 0
    }

    .underlayerMainvisual .themeCategory__text .date {
        margin: 1.8rem 0 0
    }

    .underlayerMainvisual .themeCategory__worries {
        padding: 1.7rem 2rem 3.6rem
    }

    .underlayerMainvisual .themeCategory__worries .ttl {
        font-size: 1.9rem;
        line-height: 2.5rem;
        margin: 0 0 1.7rem
    }

    .underlayerMainvisual .themeCategory__worries .ttl span {
        background: none
    }

    .underlayerMainvisual .themeCategory__worries .list li::before {
        bottom: inherit;
        top: .4rem
    }

    .underlayerMainvisual .themeCategory__worries .list li::after {
        bottom: inherit;
        top: .9rem
    }

    .underlayerMainvisual .themeCategory__single .slug {
        display: none
    }

    .underlayer__ttl {
        font-size: 2.2rem;
        line-height: 2rem;
        margin: 0 0 2.1rem
    }

    .underlayer {
        padding: 3rem 0 9rem
    }
}

@media(max-width: 768px) {
    .sidebar__hoverParent {
        -webkit-transition:all ease .4s;
        transition: all ease .4s
    }

    .sidebar__hoverParent.isActive {
        border-top: solid 1px rgba(0,0,0,0);
        border-left: none;
        border-radius: 0
    }

    .sidebar__hoverParent {
        border: none;
        border-top: solid 1px #ff8c38
    }

    .sidebar__hoverParent--support.isActive::before {
        opacity: 0
    }

    .sidebar__hover {
        border: 0
    }
}

.c_red {
    color: red
}

.c_blue {
    color: #004e81
}

.urlCopyBtn .copy_text {
    position: absolute;
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
    left: 5rem;
    top: calc(100% - .5rem);
    border-radius: .3rem;
    background-color: #204574;
    padding: .1rem .5rem .2rem;
    font-size: 1rem;
    line-height: 1.6rem;
    font-weight: 400;
    color: #fff;
    z-index: 5;
    display: none
}

.urlCopyBtn .copy_text::before {
    content: "";
    position: absolute;
    left: 1rem;
    top: -0.4rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 .5rem .5rem .5rem;
    border-color: rgba(32,79,116,0) rgba(32,79,116,0) #204f74 rgba(32,79,116,0)
}

.urlCopyBtn.copied .copy_text {
    display: block
}

.urlCopyBtn {
    position: relative;
    cursor: pointer
}

.article__share .urlCopyBtn .copy_text {
    width: 9rem;
    top: calc(100% + .5rem);
    left: .2rem
}

.shareArea .urlCopyBtn .copy_text {
    width: 9rem;
    top: calc(100% + .5rem);
    left: .2rem
}

.article__share .urlCopyBtn .copy_text::before {
    content: "";
    position: absolute;
    left: 1rem;
    top: -0.4rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 .5rem .5rem .5rem;
    border-color: rgba(32,79,116,0) rgba(32,79,116,0) #204f74 rgba(32,79,116,0)
}

.underlayerSeminar .popularity__card {
    gap: 2rem
}

.underlayerService .checkList__block .item {
    margin-top: 2rem;
    margin-bottom: 0;
    border-bottom: 1px solid #ccc;
    padding: 0 0 4rem 0
}

@media(max-width: 768px) {
    .underlayerService .checkList__block .item {
        margin-top:0;
        border-bottom: none;
        margin-bottom: 4rem
    }
}

.fv_alert {
    background: #ececec;
    text-align: center;
    padding: 1rem 0;
    color: #e51818;
    margin: 2rem auto 0
}

.underlayerService .checkList__block.check_service .item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

@media(max-width: 768px) {
    .underlayerService .checkList__block.check_service .item {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        padding: 3rem 0
    }
}

@media(max-width: 768px) {
    .underlayerService .checkList__block.check_service .item__cat {
        top:22rem
    }
}

.underlayerService .checkList__block.check_service .item .left_img_area {
    width: 20rem
}

.underlayerService .checkList__block.check_service .item .center_check_area {
    width: 8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width: 768px) {
    .underlayerService .checkList__block.check_service .item .center_check_area {
        width:4rem;
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.underlayerService .checkList__block.check_service .item .center_check_area .checkbox::before {
    top: 0rem
}

.underlayerService .checkList__block.check_service .item .center_check_area .checkbox::after {
    top: .1rem
}

.underlayerService .checkList__block.check_service .item .right_text_area {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%
}

.underlayerService .checkList__block.check_service .item .right_text_area .item__target.check {
    margin: 0
}

.underlayerService .checkList__block.check_area.check_service .item__hashtag {
    margin: 1rem 0 0 0
}

@media(min-width: 769px) {
    .underlayerService .checkList__block.check_service .item .right_text_area .item__areaTtl a:hover {
        text-decoration:underline
    }
}

@media(max-width: 768px) {
    .underlayerService .checkList__block.check_service .item .right_text_area .item__areaTtl a {
        text-decoration:underline
    }

    .underlayerService .checkList__block .right_text_area .item__areaTtl.ck {
        padding: 0
    }
}

.underlayerService .checkList__block.check_service .item {
    margin: 3rem 0 3rem 0
}

@media(max-width: 768px) {
    .underlayerService .checkList__block.check_service .item {
        margin:0
    }
}

.underlayerService .checkList__block.check_service .item {
    border-bottom: 1px solid #ccc
}

.underlayerService .checkList__block .item {
    margin-top: 0
}

a.candidate_color {
    border: solid 1px #1f5f8f !important;
    color: #1f5f8f !important
}

a.new_employee_color {
    border: solid 1px #51635f !important;
    color: #51635f !important
}

a.young_employees_color {
    border: solid 1px #516351 !important;
    color: #516351 !important
}

a.middle_employee_color {
    border: solid 1px #6d4b28 !important;
    color: #6d4b28 !important
}

a.leader_color {
    border: solid 1px #504964 !important;
    color: #504964 !important
}

a.manager_color {
    border: solid 1px #503d49 !important;
    color: #503d49 !important
}

a.manager_general_color {
    border: solid 1px #1c3a4a !important;
    color: #1c3a4a !important
}

a.management_color {
    border: solid 1px #395d6a !important;
    color: #395d6a !important
}

a.sales_color {
    border: solid 1px #415b2f !important;
    color: #415b2f !important
}

.underlayerService .favorite .item__target.check li:not(:last-child) {
    border: none;
    padding-right: 0
}

.underlayerService .checkList__block.check_area .item__target {
    width: auto
}

.underlayerService .favorite .item__target.check {
    gap: 0rem
}

@media(min-width: 769px) {
    .sidebar__hoverParent--support:hover {
        color:#d86816
    }
}

.sidebar__hoverParent--support.isActive {
    color: #d86816
}

.checkList__block.popularity__card .item.hidden {
    display: none
}

.sidebar__hoverChild .close_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4rem
}

@media(max-width: 768px) {
    .sidebar__hoverChild .close_area {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        gap: 2rem
    }
}

@media(max-width: 768px) {
    .sidebar__hoverChild {
        border-radius:0rem
    }
}

.sidebar__hoverChild .close_area .close_btn {
    display: block;
    position: relative;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background: #666;
    position: absolute;
    top: -1.6rem;
    left: -1.7rem;
    cursor: pointer;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

@media(max-width: 768px) {
    .sidebar__hoverChild .close_area .close_btn {
        left:auto;
        right: 1rem;
        top: -2.2rem
    }
}

@media(min-width: 769px) {
    .sidebar__hoverChild .close_area .close_btn:hover {
        background:#000
    }
}

.sidebar__hoverChild .close_area .close_btn::before,.sidebar__hoverChild .close_area .close_btn::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: .1rem;
    height: 1.5rem;
    background: #fff
}

.sidebar__hoverChild .close_area .close_btn::before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.sidebar__hoverChild .close_area .close_btn::after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.history .linkBtn.linkBtn--arrowBottom span {
    cursor: pointer;
    position: relative;
    font-weight: 700;
    line-height: 2.1rem;
    color: var(--colorMain);
    border: solid 1px var(--colorMain);
    background: #fff;
    border-radius: .5rem;
    padding: 1.2rem 4.4rem 1.2rem 2.8rem;
    text-decoration: none !important;
    margin: 4rem auto 0;
    width: 15.8rem;
    display: block;
    font-size: 1.5rem;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

.history .linkBtn.linkBtn--arrowBottom span:after {
    content: "";
    position: absolute;
    top: 0;
    right: 2.2rem;
    bottom: 0;
    margin: auto;
    display: block;
    width: .5rem;
    height: .5rem;
    border-left: solid 1px var(--colorMain);
    border-bottom: solid 1px var(--colorMain);
    -webkit-transform: rotate(-134deg);
    transform: rotate(-134deg);
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
    top: -0.2rem;
    right: 2.5rem;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media(min-width: 769px) {
    .history .linkBtn.linkBtn--arrowBottom span:hover {
        color:#fff !important;
        background: var(--colorMain)
    }

    .history .linkBtn.linkBtn--arrowBottom span:hover:after {
        border-left: solid 1px #fff;
        border-bottom: solid 1px #fff
    }
}

button._extraresults_btn._hidden {
    color: #fff;
    border: #fff;
    pointer-events: none
}

button._extraresults_btn._hidden:after {
    content: "";
    background: #fff;
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 1.8rem;
    right: 2.2rem;
    z-index: 1
}

._searchresults ._hidden {
    display: none
}

.underlayerService .checkList__block.check_service .item .right_text_area .item__target.check {
    width: 100%
}

@media(max-width: 768px) {
    .underlayerService .checkList__block.check_service .item .right_text_area .item__target.check {
        margin:1rem 0 0 0
    }

    .underlayerService .checkList__block.check_service .item .left_images_area {
        width: 100%
    }
}

.recommend .popularity__card ._sitesearch_component ._searchresults ._items,.popularity .inner .popularity__card ._sitesearch_component ._searchresults ._items {
    gap: 2.42rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(max-width: 768px) {
    .recommend .popularity__card ._sitesearch_component ._searchresults ._items,.popularity .inner .popularity__card ._sitesearch_component ._searchresults ._items {
        gap:4rem
    }
}

.recommend .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap,.popularity .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap {
    text-align: left;
    position: relative;
    width: 34rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 25.6rem
}

@media(max-width: 768px) {
    .recommend .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap,.popularity .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap {
        width:100%
    }
}

.recommend .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._thumbnail,.popularity .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._thumbnail {
    position: relative;
    width: 25.6rem;
    height: 16.7rem;
    margin: 0 0 1rem 0;
    overflow: hidden;
    border-radius: .5rem;
    border: 1px solid #d8d8d8
}

@media(max-width: 768px) {
    .recommend .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._thumbnail,.popularity .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._thumbnail {
        width:100%;
        height: 21.7rem
    }
}

.recommend .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._thumbnail img,.popularity .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._thumbnail img {
    position: relative;
    width: 25.6rem;
    height: 16.7rem;
    border-radius: .5rem;
    z-index: 1;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

@media(max-width: 768px) {
    .recommend .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._thumbnail img,.popularity .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._thumbnail img {
        width:100%
    }
}

.recommend .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text6 ul,.popularity .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text6 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1;
    font-size: 1.3rem;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    margin: 1rem 0 0 0
}

.recommend .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text6 ul li,.popularity .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text6 ul li {
    margin-right: .5rem;
    margin-bottom: .4rem;
    display: block;
    padding: .5rem .8rem;
    border-radius: 3px;
    text-align: center;
    border: 1px solid #2f79b1;
    border-color: #1c3a4a;
    color: #1c3a4a;
    width: auto
}

.recommend .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._text,.popularity .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._text {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.3rem;
    margin: 0 0 .2rem 0
}

.recommend .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._additional_text3,.popularity .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._additional_text3 {
    background: url(/service/assets/images/icon_time.svg) no-repeat left center;
    background-size: 2.2rem auto;
    font-size: 1.4rem;
    line-height: 2.4rem;
    padding: 0 0 0 3.1rem;
    margin: 2rem 0 0 0
}

.recommend .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._title,.popularity .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._title {
    line-height: 2.8rem
}

.recommend .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._title a,.popularity .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._title a {
    font-size: 1.9rem;
    font-weight: 700;
    letter-spacing: .05rem;
    margin: 0 0 1.1rem 0;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--colorMain)), to(var(--colorMain))) 0 100%/0 1px no-repeat;
    background: linear-gradient(var(--colorMain), var(--colorMain)) 0 100%/0 1px no-repeat;
    -webkit-transition: background .4s;
    transition: background .4s
}

@media(min-width: 769px) {
    .recommend .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._title a:hover,.popularity .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._title a:hover {
        background-size:100% 1px !important;
        color: var(--colorMain)
    }
}

.recommend .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._additional_text4,.popularity .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._additional_text4 {
    font-size: 1.4rem;
    line-height: 2.4rem;
    padding: 0 0 0 3.1rem;
    background: url(/service/assets/images/icon_calendar.svg) no-repeat left top .2rem;
    background-size: 2.2rem auto;
    margin: 2rem 0 0 0
}

.recommend .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text3 ul,.popularity .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text3 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .44rem;
    margin: 1.2rem 0 0 0
}

@media(max-width: 768px) {
    .recommend .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text3 ul,.popularity .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text3 ul {
        margin:1.2rem 0 0 0
    }
}

.recommend .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text3 ul a,.popularity .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text3 ul a {
    background: #fff;
    font-size: 1.4rem;
    line-height: 2.4rem;
    padding: .3rem 1.3rem;
    border-radius: 5rem;
    border: solid 1px #dcdcdc;
    display: block;
    width: 100%
}

@media(min-width: 769px) {
    .recommend .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text3 ul a:hover,.popularity .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text3 ul a:hover {
        background:#dcdcdc
    }
}

.recommend .inner .popularity__card ._sitesearch_component ._searchresults ._items {
    gap: 2.42rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(max-width: 768px) {
    .recommend .inner .popularity__card ._sitesearch_component ._searchresults ._items {
        gap:4rem
    }
}

.recommend .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item {
    background: #fff;
    border-radius: .5rem;
    width: 25.6rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(max-width: 768px) {
    .recommend .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item {
        width:100%
    }
}

.recommend .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    text-align: left
}

@media(max-width: 768px) {
    .recommend .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap {
        width:100%
    }
}

.recommend .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._thumbnail {
    position: relative;
    width: 25.6rem;
    height: 16.7rem;
    margin: 0 0 1rem 0;
    margin: 0 0 1.1rem 0;
    border-radius: .5rem .5rem 0 0;
    overflow: hidden
}

@media(max-width: 768px) {
    .recommend .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._thumbnail {
        width:100%;
        height: 20.7rem
    }
}

.recommend .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._thumbnail img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: .5rem .5rem 0 0;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

@media(min-width: 769px) {
    .recommend .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._thumbnail a:hover {
        opacity:.9;
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }
}

.recommend .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup3 {
    padding: 0 1.8rem 2rem 1.8rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
    margin: 2rem 0 0 0
}

.recommend .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup3 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .44rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.recommend .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup3 ul li {
    background: #fff;
    font-size: 1.3rem;
    line-height: 2.2rem;
    padding: .3rem 1.3rem;
    border-radius: 5rem;
    border: solid 1px #dcdcdc;
    display: block;
    letter-spacing: 0
}

.recommend .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text5 .icon__service {
    position: absolute;
    right: 1rem;
    top: 13.5rem;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 500;
    border-radius: .4rem;
    padding: .6rem 1.1rem;
    line-height: 1;
    z-index: 1
}

@media(max-width: 768px) {
    .recommend .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text5 .icon__service {
        top:17rem
    }
}

.recommend .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text5 .icon__service.service_coaching {
    background-color: #9284be
}

.recommend .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text5 .icon__service.service_consulting {
    background-color: #10a485
}

.recommend .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text5 .icon__service.service_assessmentSurvey {
    background-color: #cc5c79
}

.recommend .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text5 .icon__service.service_traininge {
    background-color: #2087ce
}

.recommend .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text5 .icon__service.consulting {
    background-color: #10a485
}

.recommend .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text5 .icon__service.talent {
    background-color: #bb5548
}

.recommend .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text5 .icon__service.service_talent {
    background-color: #bb5548
}

.recommend .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text5 .icon__service.coaching {
    background-color: #9284be
}

.recommend .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text6 {
    padding: 0 1.8rem
}

.recommend .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text6 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .55rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.recommend .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text6 ul li {
    font-size: 1.3rem;
    line-height: 1.9rem;
    background: #ecf3f9;
    border-radius: .5rem;
    padding: .4rem 1rem
}

.recommend .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._text {
    padding: 0 1.8rem;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.3rem;
    margin: 0 0 .2rem 0
}

.recommend .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup2 ._title {
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 3rem;
    letter-spacing: .05rem;
    margin: 0 0 1.1rem 0;
    padding: 0 1.8rem
}

.recommend .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup2 ._title a {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--colorMain)), to(var(--colorMain))) 0 100%/0 1px no-repeat;
    background: linear-gradient(var(--colorMain), var(--colorMain)) 0 100%/0 1px no-repeat;
    -webkit-transition: background .4s;
    transition: background .4s
}

@media(min-width: 769px) {
    .recommend .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup2 ._title a:hover {
        color:var(--colorMain);
        background-size: 100% 1px !important
    }
}

.underlayer.underlayerService.underlayerServiceNotFound ._sitesearch_component ._searchresults {
    text-align: left
}

.underlayer.underlayerService.underlayerServiceNotFound ._sitesearch_component ._searchresults ._items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2.42rem
}

@media(max-width: 768px) {
    .underlayer.underlayerService.underlayerServiceNotFound ._sitesearch_component ._searchresults ._items {
        margin:0;
        gap: 4rem
    }
}

.underlayer.underlayerService.underlayerServiceNotFound ._sitesearch_component ._searchresults ._items ._item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    width: 34rem;
    margin: 0 0 6rem 4rem;
    position: relative;
    width: auto;
    margin: 0 0 2rem 0
}

.underlayer.underlayerService.underlayerServiceNotFound ._sitesearch_component ._searchresults ._items ._item ._wrap {
    text-align: left;
    position: relative;
    width: 34rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 25.6rem
}

@media(max-width: 768px) {
    .underlayer.underlayerService.underlayerServiceNotFound ._sitesearch_component ._searchresults ._items ._item ._wrap {
        width:100%
    }
}

.underlayer.underlayerService.underlayerServiceNotFound ._sitesearch_component ._searchresults ._items ._item ._wrap ._thumbnail {
    position: relative;
    width: 25.6rem;
    height: 16.7rem;
    margin: 0 0 1rem 0;
    overflow: hidden;
    border-radius: .5rem;
    border: 1px solid #d8d8d8
}

@media(max-width: 768px) {
    .underlayer.underlayerService.underlayerServiceNotFound ._sitesearch_component ._searchresults ._items ._item ._wrap ._thumbnail {
        width:100%;
        height: 21.7rem
    }
}

.underlayer.underlayerService.underlayerServiceNotFound ._sitesearch_component ._searchresults ._items ._item ._wrap ._thumbnail img {
    position: relative;
    width: 25.6rem;
    height: 16.7rem;
    border-radius: .5rem;
    z-index: 1;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

@media(max-width: 768px) {
    .underlayer.underlayerService.underlayerServiceNotFound ._sitesearch_component ._searchresults ._items ._item ._wrap ._thumbnail img {
        width:100%
    }
}

.underlayer.underlayerService.underlayerServiceNotFound ._sitesearch_component ._searchresults ._items ._item ._wrap ._text {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.3rem;
    margin: 0 0 .2rem 0
}

.underlayer.underlayerService.underlayerServiceNotFound ._sitesearch_component ._searchresults ._items ._item ._wrap ._title {
    line-height: 2.8rem
}

.underlayer.underlayerService.underlayerServiceNotFound ._sitesearch_component ._searchresults ._items ._item ._wrap ._title a {
    font-size: 1.9rem;
    font-weight: 700;
    letter-spacing: .05rem;
    margin: 0 0 1.1rem 0;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--colorMain)), to(var(--colorMain))) 0 100%/0 1px no-repeat;
    background: linear-gradient(var(--colorMain), var(--colorMain)) 0 100%/0 1px no-repeat;
    -webkit-transition: background .4s;
    transition: background .4s
}

@media(min-width: 769px) {
    .underlayer.underlayerService.underlayerServiceNotFound ._sitesearch_component ._searchresults ._items ._item ._wrap ._title a:hover {
        background-size:100% 1px !important
    }
}

.underlayer.underlayerService.underlayerServiceNotFound ._sitesearch_component ._searchresults ._items ._item ._wrap ._additional_text4 {
    font-size: 1.4rem;
    line-height: 2.4rem;
    padding: 0 0 0 3.1rem;
    background: url(/service/assets/images/icon_calendar.svg) no-repeat left top .2rem;
    background-size: 2.2rem auto;
    margin: 2rem 0 0 0
}

.underlayer.underlayerService.underlayerServiceNotFound ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text3 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .44rem;
    margin: 1.2rem 0 0 0
}

.underlayer.underlayerService.underlayerServiceNotFound ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text3 ul a {
    background: #fff;
    font-size: 1.4rem;
    line-height: 2.4rem;
    padding: .3rem 1.3rem;
    border-radius: 5rem;
    border: solid 1px #dcdcdc;
    display: block;
    width: 100%
}

@media(min-width: 769px) {
    .underlayer.underlayerService.underlayerServiceNotFound ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text3 ul a:hover {
        background:#dcdcdc
    }
}

.recommend .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text7 .category.category--live,.popularity .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text7 .category.category--live,.underlayer.underlayerService.underlayerServiceNotFound ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text7 .category.category--live {
    font-size: 1.3rem;
    line-height: 1.9rem;
    font-weight: 500;
    padding: .2rem .9rem;
    display: inline-block;
    margin: 0 0 .5rem 0;
    border-radius: .5rem;
    border: solid 1px #000;
    background: #fff url(../../assets/images/icon_recommend_live.svg) no-repeat left 1.2rem top .4rem;
    background-size: 5.1rem 1.6rem;
    padding: .2rem .9rem .2rem 6.9rem;
    border: solid 1px #298279;
    color: #298279;
    font-size: 1.2rem
}

.recommend .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text7 .category.category--movie,.popularity .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text7 .category.category--movie,.underlayer.underlayerService.underlayerServiceNotFound ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text7 .category.category--movie {
    font-size: 1.3rem;
    line-height: 1.9rem;
    font-weight: 500;
    padding: .2rem .9rem;
    display: inline-block;
    margin: 0 0 .5rem 0;
    border-radius: .5rem;
    border: solid 1px #000;
    background: #fff url(../../assets/images/icon_recommend_movie.svg) no-repeat left .7rem top .3rem;
    background-size: 3.1rem 1.7rem;
    padding: .2rem .9rem .2rem 4.4rem;
    border: solid 1px #824880;
    color: #824880;
    font-size: 1.2rem
}

.popularity .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._additional_text3,.underlayer.underlayerService.underlayerServiceNotFound ._sitesearch_component ._searchresults ._items ._item ._wrap ._additional_text3 {
    background: url(/service/assets/images/icon_time.svg) no-repeat left center;
    background-size: 2.2rem auto;
    font-size: 1.4rem;
    line-height: 2.4rem;
    padding: 0 0 0 3.1rem;
    margin: 2rem 0 0 0
}

.floating_island_list {
    width: var(--innerW);
    margin-left: auto;
    margin-right: auto;
    padding: 4rem 0
}

@media(max-width: 768px) {
    .floating_island_list {
        padding:4rem 2rem;
        width: 100%
    }
}

.floating_island_list li a {
    padding-left: 1.4rem;
    position: relative;
    display: inline-block;
    line-height: 1.5;
    margin: 0 0 1rem 0;
    text-decoration: underline;
    color: #204f74
}

@media(min-width: 769px) {
    .floating_island_list li a:hover {
        text-decoration:none
    }
}

.floating_island_list li a:before {
    content: "";
    position: absolute;
    top: 1.3rem;
    left: 0;
    display: block;
    border-radius: .4rem;
    background-color: #005691;
    width: .4rem;
    height: .4rem
}

._nav._next ._disable {
    display: none
}

.popularity .inner .popularity__card ._sitesearch_component ._searchresults ._items {
    gap: 2.42rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.underlayerServiceSitemap .map_ttl a {
    font-size: 1.8rem;
    line-height: 1.4;
    border: solid 1px var(--colorMain);
    border-radius: .5rem;
    padding: 1.5rem 5.2rem 1.5rem 2.2rem;
    margin: 4rem 0 0rem 0;
    display: block;
    font-weight: 700
}

@media(max-width: 768px) {
    .underlayerServiceSitemap .map_ttl a {
        font-size:1.6rem;
        padding: 1rem 2.2rem 1rem 2.2rem;
        margin: 2rem 0 0rem 0
    }
}

.underlayerServiceSitemap .map_ttl:first-of-type a {
    margin: 0 0 0 0
}

@media(min-width: 769px) {
    .underlayerServiceSitemap .map_ttl a:hover {
        text-decoration:underline;
        color: var(--colorMain)
    }

    .underlayerServiceSitemap .sitemap_list ul li a:hover,.underlayerServiceSitemap .sitemap_list_02 ul li a:hover,.underlayerServiceSitemap .sitemap_list_03 li a:hover,.underlayerServiceSitemap .sitemap_list_04 li a:hover {
        text-decoration: underline;
        color: var(--colorMain)
    }
}

.underlayerServiceSitemap .sitemap_list {
    gap: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 2.2rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width: 768px) {
    .underlayerServiceSitemap .sitemap_list {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        gap: 0rem
    }
}

.underlayerServiceSitemap .sitemap_list ul {
    margin: 3rem 0 0 0;
    width: 34rem;
    line-height: 1.5
}

@media(max-width: 768px) {
    .underlayerServiceSitemap .sitemap_list ul {
        width:100%
    }
}

.underlayerServiceSitemap .sitemap_list ul li a {
    font-size: 1.5rem;
    margin: .5rem 0 0 1rem;
    display: inline-block;
    text-indent: -1em;
    padding-left: 1em
}

@media(max-width: 768px) {
    .underlayerServiceSitemap .sitemap_list ul li a {
        margin:0 0 .5rem 0
    }
}

.underlayerServiceSitemap .sitemap_list ul li a:before {
    content: "・"
}

.underlayerServiceSitemap .sitemap_list ul li:first-child a {
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0rem 0 1rem 0;
    padding: 0;
    text-indent: 0em;
    padding-left: 0em
}

@media(max-width: 768px) {
    .underlayerServiceSitemap .sitemap_list ul li:first-child a {
        margin:0rem 0 .5rem 0;
        font-size: 1.6rem
    }
}

.underlayerServiceSitemap .sitemap_list ul li:first-child a:before {
    content: none
}

.underlayerServiceSitemap .sitemap_list_02 {
    gap: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 2.2rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width: 768px) {
    .underlayerServiceSitemap .sitemap_list_02 {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        gap: 0rem
    }
}

.underlayerServiceSitemap .sitemap_list_02 ul {
    margin: 2rem 0 0 0;
    width: 34rem;
    line-height: 1.5
}

@media(max-width: 768px) {
    .underlayerServiceSitemap .sitemap_list_02 ul {
        width:100%
    }
}

.underlayerServiceSitemap .sitemap_list_02 ul li a {
    font-size: 1.5rem;
    margin: .5rem 0 0 1rem;
    display: inline-block;
    text-indent: -1em;
    padding-left: 1em
}

@media(max-width: 768px) {
    .underlayerServiceSitemap .sitemap_list_02 ul li a {
        margin:0 0 .5rem 0
    }
}

.underlayerServiceSitemap .sitemap_list_02 ul li a:before {
    content: "・"
}

.underlayerServiceSitemap .sitemap_list_02 ul li:first-child a {
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0rem 0 1rem 0;
    padding: 0;
    text-indent: 0em;
    padding-left: 0em;
    width: 100%
}

@media(max-width: 768px) {
    .underlayerServiceSitemap .sitemap_list_02 ul li:first-child a {
        margin:0rem 0 1rem 0;
        font-size: 1.6rem
    }
}

.underlayerServiceSitemap .sitemap_list_02 ul li:first-child a:before {
    content: none
}

.underlayerServiceSitemap .sitemap_list_02 ul:first-of-type {
    margin: 3rem 0 0 0;
    width: 64rem;
    line-height: 1.5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media(max-width: 768px) {
    .underlayerServiceSitemap .sitemap_list_02 ul:first-of-type {
        width:100%;
        margin: 2rem 0 0 0
    }
}

.underlayerServiceSitemap .sitemap_list_02 ul:first-of-type li {
    width: 48%
}

@media(max-width: 768px) {
    .underlayerServiceSitemap .sitemap_list_02 ul:first-of-type li {
        width:100%
    }
}

.underlayerServiceSitemap .sitemap_list_02 ul:first-of-type li:first-child {
    width: 100%
}

.underlayerServiceSitemap .sitemap_list_03,.underlayerServiceSitemap .sitemap_list_04 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 2.2rem;
    margin: 2rem 0 0 0;
    line-height: 1.5;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(max-width: 768px) {
    .underlayerServiceSitemap .sitemap_list_03,.underlayerServiceSitemap .sitemap_list_04 {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        gap: 0rem;
        margin: 2rem 0 3rem 0
    }
}

@media(max-width: 768px) {
    .underlayerServiceSitemap .sitemap_list_03 li,.underlayerServiceSitemap .sitemap_list_04 li {
        width:100%
    }
}

.underlayerServiceSitemap .sitemap_list_03 li a,.underlayerServiceSitemap .sitemap_list_04 li a {
    font-size: 1.5rem;
    margin: .5rem 2rem 1rem 0rem;
    display: inline-block;
    text-indent: -1em;
    padding-left: 1em
}

@media(max-width: 768px) {
    .underlayerServiceSitemap .sitemap_list_03 li a,.underlayerServiceSitemap .sitemap_list_04 li a {
        margin:0 0 .5rem 0
    }
}

.underlayerServiceSitemap .sitemap_list_03 li a:before,.underlayerServiceSitemap .sitemap_list_04 li a:before {
    content: "・"
}

.underlayerServiceSitemap .sitemap_list_04 {
    margin: 0;
    border-top: 1px solid #ccc;
    padding: 2rem 2.2rem 1.5rem 2.2rem
}

@media(max-width: 768px) {
    .underlayerServiceSitemap .sitemap_list_04 {
        padding:2rem 2.2rem 2rem 2.2rem
    }
}

.underlayerServiceSitemap .sitemap_list_04.first_block {
    margin: 2rem 0 0 0
}

.underlayerServiceSitemap a[target=_blank]:after {
    content: "";
    display: inline-block;
    width: 1.5rem;
    height: 1.2rem;
    background: url(/assets/images/icon_blank.svg) no-repeat;
    background-size: contain;
    margin: 0 0 0 .6rem
}

@media(max-width: 768px) {
    .underlayerServiceSitemap .sitemap_list_03 li:last-child a,.underlayerServiceSitemap .sitemap_list_04 li:last-child a {
        margin:0
    }
}

.underlayerService .inner.history .recommend .popularity__card .icon__service,.underlayerService .inner.favorite .recommend .popularity__card .icon__service {
    bottom: auto;
    top: 13.5rem;
    z-index: 1
}

@media(max-width: 768px) {
    .underlayerService .inner.history .recommend .popularity__card .icon__service,.underlayerService .inner.favorite .recommend .popularity__card .icon__service {
        top:18rem
    }
}

.underlayerService .inner.history .recommend .popularity__card .icon__service.service_talent,.underlayerService .inner.favorite .recommend .popularity__card .icon__service.service_talent {
    background-color: #bb5548
}

.underlayerService .inner.history .recommend .popularity__card .icon__service.service_assessmentSurvey,.underlayerService .inner.favorite .recommend .popularity__card .icon__service.service_assessmentSurvey {
    background-color: #cc5c79
}

.underlayerService .inner.history .recommend .popularity__card .icon__service.service_traininge,.underlayerService .inner.favorite .recommend .popularity__card .icon__service.service_traininge {
    background-color: #2087ce
}

.underlayerService .inner.history .recommend .popularity__card .icon__service.service_coaching,.underlayerService .inner.favorite .recommend .popularity__card .icon__service.service_coaching {
    background-color: #9284be
}

.underlayerService .inner.history .recommend .popularity__card .icon__service.service_consulting,.underlayerService .inner.favorite .recommend .popularity__card .icon__service.service_consulting {
    background-color: #10a485
}

.underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item ._layoutgroup2 {
    margin: 0 0 1.5rem 0
}

.think__areaTel dl dd a.noborder {
    display: inline-block;
    font-size: 1.6rem;
    line-height: 2.7rem;
    letter-spacing: .02rem;
    padding: 0;
    background: none;
    margin: 0
}

@media(max-width: 768px) {
    .think__areaTel dl dd a.noborder {
        font-size:1.4rem;
        line-height: 2.1rem;
        letter-spacing: .07rem
    }
}

.slick-slide .recommend__cardTag {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.slick-slide .introduction__cardCompany dd {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.slick-slide .introduction__cardCompany dd .job {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.slick-slide .introduction__cardCompany dd .job span {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.slick-slide .introduction__cardCompany .tag span::before {
    content: none !important
}

.slick-slide .introduction__cardCompany .tag span::after {
    content: "#"
}

.slick-slide .column__cardTag {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.slick-slide .column__cardHash {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.slick-slide .column__cardHash span::before {
    content: none !important
}

.slick-slide .column__cardHash span::after {
    content: "#"
}

.slick-slide .column__cardDate .category {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.slick-slide .seminar__cardTag {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.sidebar__hoverChild dl dt {
    font-size: 1.9rem;
    line-height: 2.7rem;
    border-bottom: solid 1px #707070;
    text-align: center;
    padding: 0 0 1.2rem 3rem;
    margin: 0 0 1.5rem 0;
    background: url(../../assets/images/icon_sidebar_ttl02.svg) no-repeat left 2.1rem top .6rem;
    background-size: 2rem 1.8rem
}

@media(max-width: 768px) {
    .sidebar__hoverChild dl dt {
        font-size:1.6rem;
        border-bottom: none;
        text-align: left;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media(max-width: 768px) {
    .sidebar__hoverChild dl dt {
        background:none
    }

    .sidebar__hoverChild dl dt p {
        background: url(../../assets/images/icon_sidebar_ttl02.svg) no-repeat left .5rem top .7rem;
        background-size: 2rem 1.8rem;
        border-bottom: solid 1px #707070;
        padding: 0 0 .4rem 4rem;
        margin: 0 0 .4rem 0
    }

    .sidebar__hoverChild dl:nth-child(2) dt {
        padding: 0
    }

    .sidebar__hoverChild dl:nth-child(2) dt p {
        background: url(../../assets/images/icon_sidebar_ttl01.svg) no-repeat left 0rem top .7rem;
        background-size: 2.8rem 1.57rem
    }
}

.button {
    display: inline-block;
    min-width: 150px;
    margin: 20px auto;
    background: #8bc34a;
    color: #fefefe;
    font-size: 1.2em;
    padding: 1em;
    border-radius: 4px;
    text-align: center;
    position: relative;
    cursor: pointer;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    -webkit-transition: border-radius linear .05s,width linear .05s;
    transition: border-radius linear .05s,width linear .05s;
    position: relative;
    top: 0rem;
    font-size: 1.8rem;
    font-weight: 700;
    display: block;
    width: 29.4rem;
    background: #2f79b1;
    -webkit-box-shadow: 0 .3rem 0 #005691;
    box-shadow: 0 .3rem 0 #005691;
    border-radius: .5rem;
    color: #fff;
    text-align: center;
    padding: .8rem 1.2rem .8rem 0;
    padding: .8rem 0rem .8rem 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin: 0 auto;
    position: relative
}

.button:hover {
    background: #4e95cb;
    top: .3rem;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 0 #005691;
    box-shadow: 0 0 0 #005691;
    color: #fff
}

.button:focus {
    outline: 0
}

.button.animate {
    width: 68.1818181818px;
    height: 68.1818181818px;
    min-width: 0;
    border-radius: 50%;
    color: rgba(0,0,0,0);
    z-index: 9999;
    top: .3rem;
    margin: 0 auto 7rem;
    -webkit-box-shadow: 0 0 0 #005691;
    box-shadow: 0 0 0 #005691
}

.button em {
    display: none;
    font-style: normal;
    position: absolute;
    top: 8rem;
    left: 0;
    right: 0;
    margin: auto;
    height: 3rem
}

.button.animate em {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #4e95cb;
    font-size: 1.5rem
}

.button.animate:after {
    position: absolute;
    content: "";
    width: 25px;
    height: 25px;
    border: 4px solid #fefefe;
    border-radius: 50%;
    border-left-color: rgba(0,0,0,0);
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: spin ease-in 5s forwards;
    animation: spin ease-in 5s forwards;
    animation-name: spin;
    -webkit-animation-name: spin;
    transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    animation-duration: 5s;
    -webkit-animation-duration: 5s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    z-index: 9999
}

.button.animate.success:before {
    position: absolute;
    content: "";
    width: 25px;
    height: 12.5px;
    border: 4px solid #fefefe;
    border-right: 0;
    border-top: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(0deg) scale(0);
    transform: translate(-50%, -50%) rotate(0deg) scale(0);
    -webkit-animation: success ease-in .15s forwards;
    animation: success ease-in .15s forwards;
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    z-index: 9999
}

@keyframes spin {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg) scale(1);
        transform: translate(-50%, -50%) rotate(0deg) scale(1)
    }

    90% {
        -webkit-transform: translate(-50%, -50%) rotate(1080deg) scale(1);
        transform: translate(-50%, -50%) rotate(1080deg) scale(1)
    }

    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg) scale(1)
    }

    98% {
        -webkit-transform: translate(-50%, -50%) rotate(1080deg) scale(1)
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(1080deg) scale(0)
    }
}

@keyframes success {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(0) scale(0);
        transform: translate(-50%, -50%) rotate(0) scale(0)
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotate(-45deg) scale(1);
        transform: translate(-50%, -50%) rotate(-45deg) scale(1)
    }
}

@-webkit-keyframes success {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(0) scale(0)
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotate(-45deg) scale(1)
    }
}

form.ad_fm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    width: 100%
}

form.ad_fm input {
    background: #fff;
    border-top: solid 1px #aec2d5;
    border-left: solid 1px #aec2d5;
    border-bottom: solid 1px #aec2d5;
    border-right: solid 1px #aec2d5;
    font-size: 1.6rem;
    line-height: 2.4rem;
    letter-spacing: .02rem;
    padding: 1.7rem 1.9rem;
    border-radius: .5rem;
    width: 98%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.mainvisualBackground--service .archive__nowBtn form.ad_fm button,.underlayerSeminar .archive__nowBtn form.ad_fm button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 5rem;
    height: 100%;
    background: none
}

.mainvisualBackground--service .archive__nowBtn form.ad_fm button svg,.underlayerSeminar .archive__nowBtn form.ad_fm button svg {
    display: block;
    width: 4.2rem;
    height: 2.6rem;
    margin: .8rem 0 0 auto
}

.mainvisualBackground--service .archive__nowBtn form.ad_fm button::after,.underlayerSeminar .archive__nowBtn form.ad_fm button::after {
    content: none
}

.underlayerSeminar .archive__nowBtn button.initial__open {
    border-radius: .5rem
}

@media(max-width: 768px) {
    .underlayerSeminar .archive__nowBtn {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .mainvisualBackground--service .archive__nowBtn {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    form.ad_fm input {
        width: 100%
    }

    .mainvisualBackground--service .archive__nowBtn button.initial__open,.underlayerSeminar .archive__nowBtn button.initial__open {
        width: 100% !important;
        margin: 1rem 0 0 0 !important;
        border-radius: .5rem !important;
        padding: 1.5rem 2.5rem 1.5rem 0 !important
    }
}

p#currentStatus {
    margin-bottom: 1rem
}

p#currentStatus::before {
    content: "現在の検索条件：";
    font-weight: bold
}

@media(max-width: 768px) {
    p#currentStatus {
        font-size:1.6rem;
        line-height: 2.4rem
    }
}

p.wds {
    margin: 0 auto 0rem;
    width: var(--innerW)
}

@media(max-width: 768px) {
    p.wds {
        width:100%;
        padding: 0 2rem
    }
}

p.ps_wd {
    position: absolute;
    top: -4rem
}

@media(max-width: 768px) {
    p.ps_wd {
        position:relative;
        top: 0;
        margin: 0 0 2rem 0
    }
}

.underlayerSeminarVideo .archiveResults {
    position: relative
}

.ttlSection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: 0 0 2.5rem 0
}

.ttlSection .ttl {
    font-size: 2.8rem;
    line-height: 4.3rem;
    font-weight: 700
}

.ttlSection .text {
    font-family: var(--fontEN);
    font-size: 1.2rem;
    color: #a1aeb7;
    letter-spacing: .11rem;
    margin: 0 0 .5rem 0
}

.search__ttl {
    position: relative;
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 2.5rem;
    padding: 0 0 0 1.5rem;
    margin: 0 0 1rem 0;
    letter-spacing: .05rem
}

.search__ttl::before {
    content: "";
    position: absolute;
    top: .45rem;
    left: 0;
    bottom: 0;
    margin: auto;
    width: .4rem;
    height: .4rem;
    background: var(--colorMain);
    border-radius: 50%
}

.search__link a {
    position: relative;
    display: block;
    border: solid 1px var(--colorMain);
    border-radius: .5rem;
    background: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2.1rem;
    color: var(--colorMain);
    padding: 1.5rem 5.2rem 1.5rem 2.2rem
}

.search__link a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 1.8rem;
    bottom: 0;
    margin: auto;
    display: block;
    width: .5rem;
    height: .5rem;
    border-left: solid 1px var(--colorMain);
    border-bottom: solid 1px var(--colorMain);
    -webkit-transform: rotate(-134deg);
    transform: rotate(-134deg);
    z-index: 1
}

@media(min-width: 769px) {
    .search__link a:hover {
        background:var(--colorMain);
        color: #fff
    }

    .search__link a:hover svg use {
        fill: #fff;
        stroke: var(--colorMain)
    }

    .search__link a:hover:after {
        border-left: solid 1px #fff;
        border-bottom: solid 1px #fff
    }
}

.search__link a svg {
    position: absolute;
    top: 0;
    right: 1.5rem;
    bottom: 0;
    margin: auto;
    width: 1.8rem;
    height: 1.8rem;
    z-index: 2
}

.search__link a svg use {
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
    fill: var(--colorMain);
    stroke: #fff
}

.linkBtn a {
    position: relative;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.1rem;
    color: var(--colorMain);
    border: solid 1px var(--colorMain);
    background: #fff;
    border-radius: .5rem;
    padding: 1.2rem 4.4rem 1.2rem 2.8rem;
    text-decoration: none !important
}

.linkBtn a::after {
    content: "";
    position: absolute;
    top: 0;
    right: 2.2rem;
    bottom: 0;
    margin: auto;
    display: block;
    width: .5rem;
    height: .5rem;
    border-left: solid 1px var(--colorMain);
    border-bottom: solid 1px var(--colorMain);
    -webkit-transform: rotate(-134deg);
    transform: rotate(-134deg);
    -webkit-transition: all ease .2s;
    transition: all ease .2s
}

@media(min-width: 769px) {
    .linkBtn a:hover {
        color:#fff !important;
        background: var(--colorMain)
    }

    .linkBtn a:hover::after {
        border-left: solid 1px #fff;
        border-bottom: solid 1px #fff
    }
}

.linkBtn--arrowBottom a::after {
    top: -0.2rem;
    right: 2.5rem;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.slick-arrow {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 1.7rem;
    height: 1.7rem;
    padding: 0;
    cursor: pointer;
    color: rgba(0,0,0,0);
    border: none;
    outline: none;
    background: rgba(0,0,0,0);
    border-left: solid 1.5px var(--colorMain);
    border-bottom: solid 1.5px var(--colorMain);
    z-index: 1
}

.slick-arrow.slick-next {
    left: -1.9rem;
    top: 12rem;
    margin: -4.5rem 0 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.slick-arrow.slick-prev {
    right: -1.7rem;
    top: 12rem;
    margin: -4.5rem 0 0 0;
    -webkit-transform: rotate(-134deg);
    transform: rotate(-134deg)
}

.label--green {
    background-color: #009f68 !important
}

.label--yellow {
    background-color: #cbb915
}

.label--blue {
    background-color: #0078bf !important
}

.label--news {
    background-color: #2f79b1 !important
}

.label--service {
    background-color: #6d4b28 !important
}

.label--seminar {
    background-color: #298279 !important
}

.label--column {
    background-color: #76948e !important
}

.label--casestudy {
    background-color: #334757 !important
}

.label--glossary {
    background-color: #005691 !important
}

.label--interview {
    background-color: #7f7698 !important
}

.label--report {
    background-color: #408db5 !important
}

.label--special {
    background-color: #bc4163 !important
}

.label--case {
    background-color: #334757 !important
}

.label--research {
    background-color: #004e81 !important
}

.mainvisualBackground--issue .issueCopy .label.label--column {
    background-color: #76948e !important
}

@media(max-width: 768px) {
    .ttlSection {
        margin:0 0 1.6rem 0
    }

    .ttlSection .ttl {
        font-size: 2.2rem;
        line-height: 3.5rem
    }

    .ttlSection .text {
        margin: 0
    }

    .search__ttl {
        font-size: 1.6rem;
        line-height: 2.4rem;
        letter-spacing: .02rem
    }

    .search__link a {
        width: 15.7rem;
        padding: 1.05rem 1.3rem
    }

    .search__link a svg {
        right: 1.4rem
    }
}

.underlayerSearch__contentItem .label--research {
    background-color: #004e81 !important
}

.underlayerSearch__contentItem .label--case {
    background-color: #334757 !important
}

.underlayerSearch__contentItem .label--seminar {
    background-color: #298279 !important
}

.underlayerSearch__contentItem .label--service {
    background-color: #2f79b1 !important
}

.underlayerSearch__contentItem .label--column {
    background-color: #bc4163 !important
}

.underlayerSearch__contentItem .label--news {
    background-color: #2e6a8a !important
}

.mainvisual {
    background: #f1f7fb
}

.mainvisual__slider {
    margin: 0 0 3rem 0
}

.mainvisual__card {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.mainvisual__cardArea {
    width: 50%;
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 2rem 0 8.5rem
}

.mainvisual__cardAreaCatch {
    font-size: 2rem;
    font-weight: 700;
    line-height: 3.4rem;
    letter-spacing: .1rem;
    margin: 0 0 0rem 0
}

.mainvisual__cardAreaTtl {
    font-size: 4.2rem;
    font-weight: 700;
    line-height: 5.8rem;
    letter-spacing: 0rem;
    margin: .5rem 0 1.3rem 0
}

.mainvisual__cardAreaText {
    font-size: 1.8rem;
    line-height: 3.2rem;
    letter-spacing: .08rem;
    margin: 0 0 4.1rem 0
}

.mainvisual__cardAreaLink {
    width: 26.8rem
}

.mainvisual__cardAreaLink a {
    position: relative;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.5rem;
    background: var(--colorMain);
    color: #fff;
    display: block;
    text-align: center;
    padding: 1.6rem 2.2rem 1.7rem 0;
    border-radius: .5rem
}

.mainvisual__cardAreaLink a::after {
    position: absolute;
    top: 0;
    right: 3.1rem;
    bottom: 0;
    margin: auto;
    content: "";
    width: .4em;
    height: .4em;
    -webkit-transform: translateX(0%) rotate(-45deg);
    transform: translateX(0%) rotate(-45deg);
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff
}

.mainvisual__card figure {
    width: 50%
}

.mainvisual__card figure img {
    width: 100%;
    height: 50rem;
    -o-object-fit: cover;
    object-fit: cover
}

.mainvisual__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .3rem;
    margin: 0 auto 6.1rem auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mainvisual__menuChild {
    width: calc(25% - .3rem)
}

.mainvisual__menuChild a {
    display: block;
    border: solid 1px #d4e2eb;
    font-size: 1.7rem;
    line-height: 4.3rem;
    font-weight: 500;
    padding: 1rem 3rem 1rem 7.7rem;
    border-radius: .5rem;
    color: var(--colorMain)
}

@media(min-width: 769px) {
    .mainvisual__menuChild a:hover {
        border:solid 1px var(--colorMain)
    }
}

.mainvisual__menuChild.menu01 a {
    background: #fff url(../img/common/icon_menu01.svg) no-repeat left 2.1rem center;
    background-size: 3rem 3.1rem;
    padding: 1rem 3rem .7rem 7.7rem
}

@media(min-width: 769px) {
    .mainvisual__menuChild.menu01 a:hover {
        background:var(--colorMain) url(../img/common/icon_menu01_on.svg) no-repeat left 2.1rem center;
        background-size: 3rem 3.1rem;
        color: #fff
    }
}

.mainvisual__menuChild.menu01 a:before {
    content: "";
    background: var(--colorMain) url(../img/common/icon_menu01_on.svg) no-repeat left 2.1rem center
}

.mainvisual__menuChild.menu02 a {
    background: #fff url(../img/common/icon_menu02.svg) no-repeat left 2.8rem center;
    background-size: 1.7rem 2.5rem;
    padding: 1rem 3rem .7rem 7.1rem
}

@media(min-width: 769px) {
    .mainvisual__menuChild.menu02 a:hover {
        background:var(--colorMain) url(../img/common/icon_menu02_on.svg) no-repeat left 2.8rem center;
        background-size: 1.7rem 2.5rem;
        color: #fff
    }
}

.mainvisual__menuChild.menu02 a:before {
    content: "";
    background: var(--colorMain) url(../img/common/icon_menu02_on.svg) no-repeat left 2.8rem center
}

.mainvisual__menuChild.menu03 a {
    background: #fff url(../img/common/icon_menu03.svg) no-repeat left 1.8rem center;
    background-size: 2.9rem 2.3rem;
    padding: 1rem 3rem .7rem 6.3rem
}

@media(min-width: 769px) {
    .mainvisual__menuChild.menu03 a:hover {
        background:var(--colorMain) url(../img/common/icon_menu03_on.svg) no-repeat left 1.8rem center;
        background-size: 2.9rem 2.3rem;
        color: #fff
    }
}

.mainvisual__menuChild.menu03 a:before {
    content: "";
    background: var(--colorMain) url(../img/common/icon_menu03_on.svg) no-repeat left 1.8rem center
}

.mainvisual__menuChild.menu04 a {
    background: #fff url(../img/common/icon_menu04.svg) no-repeat left 2.3rem center;
    background-size: 3.8rem 3.2rem;
    padding: 1rem 3rem .7rem 7.7rem
}

@media(min-width: 769px) {
    .mainvisual__menuChild.menu04 a:hover {
        background:var(--colorMain) url(../img/common/icon_menu04_on.svg) no-repeat left 2.3rem center;
        background-size: 3.8rem 3.2rem;
        color: #fff
    }
}

.mainvisual__menuChild.menu04 a:before {
    content: "";
    background: var(--colorMain) url(../img/common/icon_menu04_on.svg) no-repeat left 2.3rem center
}

.mainvisual__menuChild.menu05 a {
    background: #fff url(../img/common/icon_menu05.svg) no-repeat left 2.4rem center;
    background-size: 2.7rem 2.2rem;
    padding: 1rem 3rem .7rem 7.1rem
}

@media(min-width: 769px) {
    .mainvisual__menuChild.menu05 a:hover {
        background:var(--colorMain) url(../img/common/icon_menu05_on.svg) no-repeat left 2.4rem center;
        background-size: 2.7rem 2.2rem;
        color: #fff
    }
}

.mainvisual__menuChild.menu05 a:before {
    content: "";
    background: var(--colorMain) url(../img/common/icon_menu05_on.svg) no-repeat left 2.4rem center
}

.mainvisual__menuChild.menu06 a {
    background: #fff url(../img/common/icon_menu06.svg) no-repeat left 1.9rem center;
    background-size: 2.8rem 2.9rem;
    padding: 1rem 3rem .7rem 6.3rem
}

@media(min-width: 769px) {
    .mainvisual__menuChild.menu06 a:hover {
        background:var(--colorMain) url(../img/common/icon_menu06_on.svg) no-repeat left 1.9rem center;
        background-size: 2.8rem 2.9rem;
        color: #fff
    }
}

.mainvisual__menuChild.menu06 a:before {
    content: "";
    background: var(--colorMain) url(../img/common/icon_menu06_on.svg) no-repeat left 1.9rem center
}

.mainvisual__menuChild.menu07 a {
    background: #fff url(../img/common/icon_menu07.svg) no-repeat left 1.9rem center;
    background-size: 2.4rem 3rem;
    padding: 1rem 3rem .7rem 6.3rem
}
@media(min-width: 769px) {
    .mainvisual__menuChild.menu07 a:hover {
        background:var(--colorMain) url(../img/common/icon_menu07_on.svg) no-repeat left 1.9rem center;
        background-size: 2.4rem 3rem;
        color: #fff
    }
}
.mainvisual__menuChild.menu07 a:before {
    content: "";
    background: var(--colorMain) url(../img/common/icon_menu07_on.svg) no-repeat left 1.9rem center
}




.mainvisual__menuChild.menu08 a {
    background: #fff url(../img/common/icon_menu08.svg) no-repeat left 1.9rem center;
    background-size: 3.45rem 2.8rem;
    padding: 1rem 3rem .7rem 6.3rem
}
@media(min-width: 769px) {
    .mainvisual__menuChild.menu08 a:hover {
        background:var(--colorMain) url(../img/common/icon_menu08_on.svg) no-repeat left 1.9rem center;
        background-size: 3.45rem 2.8rem;
        color: #fff
    }
}
.mainvisual__menuChild.menu08 a:before {
    content: "";
    background: var(--colorMain) url(../img/common/icon_menu08_on.svg) no-repeat left 1.9rem center
}



.mainvisual__pickup {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(33.5%, transparent), color-stop(33.5%, #FFF), to(#FFF));
    background: linear-gradient(180deg, transparent 0%, transparent 33.5%, #FFF 33.5%, #FFF 100%);
    padding: 0 0 5.6rem 0
}

.mainvisual__pickupSlider {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto
}

.mainvisual__pickupSlider .slick-arrow {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 2rem;
    height: 2rem;
    padding: 0;
    cursor: pointer;
    color: rgba(0,0,0,0);
    border: none;
    outline: none;
    background: rgba(0,0,0,0);
    z-index: 1
}

.mainvisual__pickupSlider .slick-arrow.slick-next {
    left: 2.3rem;
    margin: -4.5rem 0 0 0;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    background: url(../../assets/images/top_ar_left.webp) left top no-repeat;
    background-size: 2rem 2rem
}

.mainvisual__pickupSlider .slick-arrow.slick-prev {
    right: 2.3rem;
    margin: -4.5rem 0 0 0;
    background: url(../../assets/images/top_ar_right.webp) left top no-repeat;
    background-size: 2rem 2rem;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.mainvisual__pickupSlider .pickupCard {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    -webkit-transition: all .5s;
    transition: all .5s
}

@media(min-width: 769px) {
    .mainvisual__pickupSlider .pickupCard a:hover {
        color:var(--colorMain)
    }

    .mainvisual__pickupSlider .pickupCard a:hover .pickupCard__text p {
        background-size: 100% 1px
    }
}

.mainvisual__pickupSlider .pickupCard.slick-current {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.mainvisual__pickupSlider .pickupCard.slick-current figure {
    margin: 0 0 1rem 0
}

.mainvisual__pickupSlider .pickupCard.slick-current .pickupCard__text {
    font-size: 1.8rem;
    line-height: 3.2rem;
    padding: 0 1rem;
    font-weight: 500
}

.mainvisual__pickupSlider .pickupCard__image {
    margin: 0 0 1rem 0
}

.mainvisual__pickupSlider .pickupCard__image img {
    border-radius: .5rem
}

.mainvisual__pickupSlider .pickupCard__text {
    font-size: 1.9rem;
    padding: 0 .1rem;
    line-height: 3.2rem
}

.mainvisual__pickupSlider .pickupCard__text p {
    display: inline;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--colorMain)), to(var(--colorMain))) 0 100%/0 1px no-repeat;
    background: linear-gradient(var(--colorMain), var(--colorMain)) 0 100%/0 1px no-repeat;
    -webkit-transition: background .3s;
    transition: background .3s;
    text-decoration: none
}

.mainvisualBackground {
    position: relative;
    background: #f1f7fb;
    padding: 0 0 4.5rem 0
}

.mainvisualBackground--small::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(../../assets/images/mainvisual_background01.webp) no-repeat;
    background-size: cover
}

.mainvisualBackground--medium::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(../../assets/images/mainvisual_background02.webp) no-repeat;
    background-size: cover
}

.mainvisualBackground--streaming::before {
    content: "";
    position: absolute;
    right: 15rem;
    bottom: 3rem;
    width: 28rem;
    height: 18.7rem;
    background: url(../../assets/images/mainvisual_streaming.svg) no-repeat;
    background-size: cover;
    z-index: 1
}

.mainvisualBackground--streaming::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(../../assets/images/mainvisual_background03.webp) no-repeat;
    background-size: cover
}

.mainvisualBackground--theme::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(../../assets/images/mainvisual_background04.webp) no-repeat;
    background-size: cover
}

.mainvisualBackground--single {
    height: 35.7rem
}

.mainvisualBackground--single.theme_height_01 {
    height: 41.7rem
}

.mainvisualBackground--support::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(../../assets/images/mainvisual_background05.webp) no-repeat;
    background-size: cover
}

.mainvisualBackground--casestudy::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(../../assets/images/mainvisual_background06.webp) top right no-repeat;
    background-size: 80rem
}

.mainvisualBackground .inner {
    position: relative;
    z-index: 1
}

.slick-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.5rem;
    margin: 2.6rem 0 0 0
}

.slick-dots .slick-active button::before {
    width: .5rem;
    background-color: var(--colorMain)
}

.slick-dots button {
    color: rgba(0,0,0,0);
    font-size: 0;
    display: block;
    width: .5rem;
    aspect-ratio: 1/1;
    position: relative
}

.slick-dots button::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #d6d6d6;
    border-radius: 50%;
    width: .5rem;
    aspect-ratio: 1/1;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

@media(max-width: 768px) {
    .mainvisual__card {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .mainvisual__cardArea {
        width: 100%;
        padding: 0 2rem
    }

    .mainvisual__cardAreaCatch {
        font-size: 1.6rem;
        font-weight: 500;
        line-height: 2.4rem;
        margin: 0;
        letter-spacing: 0rem
    }

    .mainvisual__cardAreaTtl {
        font-size: 2.4rem;
        line-height: 3.9rem;
        letter-spacing: 0rem;
        margin: 0 0 1rem 0
    }

    .mainvisual__cardAreaText {
        font-size: 1.5rem;
        line-height: 2.7rem;
        letter-spacing: .07rem;
        margin: 0 0 2rem 0
    }

    .mainvisual__cardAreaLink {
        width: 21.6rem;
        display: block;
        margin: 0 auto
    }

    .mainvisual__cardAreaLink a {
        font-size: 1.5rem;
        line-height: 2.1rem;
        padding: 1.1rem 0rem 1.1rem 0
    }

    .mainvisual__cardAreaLink a::after {
        right: 2.1rem
    }

    .mainvisual__card figure {
        width: 100%;
        margin: 0 0 2rem 0
    }

    .mainvisual__card figure img {
        height: 19.4rem;
        height: 26rem
    }

    .mainvisual__menu {
        padding: 0 2rem;
        width: 100%;
        margin: 0 auto 3.3rem auto
    }

    .mainvisual__menuChild {
        width: calc(50% - .15rem)
    }

    .mainvisual__menuChild a {
        font-size: 1.4rem;
        line-height: 2.1rem;
        color: var(--colorMain);
        height: 4.4rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .mainvisual__menuChild.menu01 a {
        background-size: 1.9rem auto;
        background-position: left 1.1rem top 1.1rem;
        padding: 0 0 0 4rem
    }

    .mainvisual__menuChild.menu02 a {
        background-size: 1.3rem auto;
        background-position: left 1.4rem top 1.1rem;
        padding: 0 0 0 4rem
    }

    .mainvisual__menuChild.menu03 a {
        background-size: 1.9rem auto;
        background-position: left 1rem top 1.5rem;
        padding: 0 0 0 4rem;
        height: 6.5rem
    }

    .mainvisual__menuChild.menu04 a {
        background-size: 2.3rem auto;
        background-position: left 1rem top 1.3rem;
        padding: 0 1rem 0 4rem;
        height: 6.5rem
    }

    .mainvisual__menuChild.menu05 a {
        background-size: 1.9rem auto;
        background-position: left 1.1rem top 1.3rem;
        padding: 0 0 0 4rem;
        height: 6.5rem
    }

    .mainvisual__menuChild.menu06 a {
        background-size: 1.9rem auto;
        background-position: left 1.1rem top 1.1rem;
        padding: 0 0 0 3.8rem
    }

    .mainvisual__menuChild.menu07 a {
        background-size: 1.9rem auto;
        background-position: left 1.1rem top 1.1rem;
        padding: 0 1rem 0 4rem;
        height: 6.5rem
    }

    .mainvisual__menuChild.menu08 a {
        background-size: 2.3rem auto;
        background-position: left 1.1rem top 1.1rem;
        padding: 0 1rem 0 4rem;
        height: 6.5rem
    }

    .mainvisual__pickup {
        padding: 0 0 2.7rem 0
    }

    .mainvisual__pickupSlider .pickupCard__text {
        font-size: 1.5rem;
        line-height: 2.6rem;
        letter-spacing: .05rem
    }

    .mainvisual__pickupSlider .pickupCard.slick-current figure {
        margin: 0 0 .7rem 0
    }

    .mainvisual__pickupSlider .pickupCard.slick-current p {
        font-size: 1.5rem;
        line-height: 2.6rem;
        letter-spacing: .05rem;
        padding: 0
    }

    .mainvisual__pickupSlider .slick-arrow.slick-prev {
        right: 3rem;
        margin: -4.5rem 0 0 0
    }

    .mainvisual__pickupSlider .slick-arrow.slick-next {
        left: 3rem;
        margin: -4.5rem 0 0 0
    }

    .mainvisualBackground {
        padding: 0 0 3.5rem 0
    }

    .mainvisualBackground--small::after {
        background: url(../../assets/images/mainvisual_background01_sp.webp) no-repeat;
        background-size: cover
    }

    .mainvisualBackground--streaming::before {
        background: url(../../assets/images/mainvisual_streaming.svg) no-repeat;
        background-size: 100%;
        width: 12.8rem;
        height: 8.5rem;
        z-index: 1;
        right: 2rem;
        bottom: 0;
        top: 3.2rem;
        margin: auto
    }

    .mainvisualBackground--streaming::after {
        background: url(../../assets/images/mainvisual_background02_sp.webp) no-repeat;
        background-size: cover
    }

    .mainvisualBackground--theme.mainvisualBackground--category {
        padding: 0;
        height: auto
    }

    .mainvisualBackground--single {
        height: auto;
        padding: 0
    }

    .mainvisualBackground--single .themeCategory__text .category {
        padding: 0 0 0 1.1rem
    }

    .mainvisualBackground--single .themeCategory__text .category::before {
        left: 0
    }

    .mainvisualBackground--single .themeCategory__text .underlayerMainvisual__ttl {
        padding: 0
    }

    .mainvisualBackground--support .underlayerMainvisual__ttl {
        letter-spacing: -0.01em
    }

    .mainvisualBackground--support .underlayerMainvisualSupport {
        background: #fff url(../../assets/images/support_back.webp) no-repeat top 2.5rem center;
        background-size: 22.6rem auto;
        margin: 3rem 0 0;
        padding: 20rem 2rem 3rem
    }

    .mainvisualBackground--support .underlayerMainvisualSupport__copy {
        width: 100%;
        font-size: 1.5rem;
        line-height: 2.8rem;
        text-align: center;
        padding: 0 0 1.1rem;
        margin: 0 0 1.2rem
    }

    .mainvisualBackground--support .underlayerMainvisualSupport__copy::before {
        top: inherit;
        bottom: 2.6rem;
        left: 2.4rem;
        height: .25rem
    }

    .mainvisualBackground--support .underlayerMainvisualSupport__copy::after {
        top: inherit;
        bottom: 2.6rem;
        right: 2.4rem;
        height: .25rem
    }

    .mainvisualBackground--support .underlayerMainvisualSupport__ttl {
        background: none;
        padding: 0;
        font-size: 2.2rem;
        line-height: 3.5rem
    }

    .mainvisualBackground--support .underlayerMainvisualSupport__text {
        font-size: 1.5rem;
        margin: 0 0 3rem
    }

    .mainvisualBackground--support .underlayerMainvisualSupport__link {
        text-align: center
    }

    .mainvisualBackground--support .inner {
        padding: 0 !important
    }

    .mainvisualBackground--casestudy::after {
        background-size: 66rem
    }

    .mainvisualBackground .inner {
        padding: 0 0 3.5rem;
        padding: 0
    }

    .slick-dots {
        margin: 2rem 0 0 0
    }
}

@media(max-width: 768px) {
    .mainvisualBackground--support .underlayerMainvisualSupport__copy::before {
        left:1rem
    }

    .mainvisualBackground--support .underlayerMainvisualSupport__copy::after {
        right: 1rem
    }

    .mainvisualBackground--single.theme_height_01 {
        height: auto
    }
}

.mainvisual__cardAreaLink {
    width: auto
}

@media(max-width: 768px) {
    .mainvisual__cardAreaLink {
        text-align:center
    }
}

.mainvisual__cardAreaLink a {
    display: inline-block;
    max-width: 60rem;
    padding: 1.6rem 5rem 1.7rem 2.5rem;
    text-align: left
}

@media(max-width: 768px) {
    .mainvisual__cardAreaLink a {
        padding:1.1rem 4rem 1.1rem 2rem;
        text-align: left;
        max-width: 100%
    }
}

.mainvisual__pickupSlider .pickupCard__image img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 26.668rem
}

@media(max-width: 768px) {
    .mainvisual__pickupSlider .pickupCard__image img {
        height:17.5rem
    }
}

@media(max-width: 768px) {
    .mainvisual__cardAreaText br {
        display:none
    }
}

.mainvisual__cardAreaText .mv02_ttl_01 {
    font-size: 3.2rem;
    line-height: 1.8;
    color: #397fc1;
    font-weight: 700;
    background: url(../../assets/images/mv/mv02_ttl_01_bg_01.webp) left top no-repeat,url(../../assets/images/mv/mv02_ttl_01_bg_02.webp) left bottom no-repeat;
    background-size: 43rem auto,43rem auto;
    padding: 4.2rem 0rem 2.6rem 0rem;
    width: 43rem;
    text-align: center
}

@media(max-width: 768px) {
    .mainvisual__cardAreaText .mv02_ttl_01 {
        font-size:1.8rem;
        background: url(../../assets/images/mv/mv02_ttl_01_bg_04.webp) left top no-repeat,url(../../assets/images/mv/mv02_ttl_01_bg_02.webp) left bottom no-repeat;
        background-size: 100% auto,100% auto;
        padding: .6rem 0rem 2rem 8rem;
        text-align: center;
        width: 100%
    }
}

.mainvisual__cardAreaText .mv02_ttl_02 {
    font-size: 6.2rem;
    line-height: 1.4;
    color: #397fc1;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: .5rem 0 1.5rem 0
}

@media(max-width: 768px) {
    .mainvisual__cardAreaText .mv02_ttl_02 {
        font-size:4.2rem;
        margin: 0rem 0 1.5rem 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.mainvisual__cardAreaText .mv02_ttl_02 span {
    margin: 0 0 0 1rem;
    background: #397fc1;
    color: #fffb84;
    font-size: 6.1rem;
    padding: .2rem 1rem;
    border-radius: .4rem;
    line-height: 1.3
}

@media(max-width: 768px) {
    .mainvisual__cardAreaText .mv02_ttl_02 span {
        font-size:4.2rem
    }
}

.mainvisual__cardAreaText .mv03_ttl_01 {
    font-size: 2.1rem;
    line-height: 1.8;
    color: #000;
    font-weight: 700;
    background: url(../../assets/images/mv/mv03_ttl_01_bg_01.webp) left top no-repeat,url(../../assets/images/mv/mv03_ttl_01_bg_03.webp) left bottom no-repeat;
    background-size: 42rem auto,42rem auto;
    padding: 2.2rem 0rem 1.2rem 0rem;
    display: inline-block
}

@media(max-width: 768px) {
    .mainvisual__cardAreaText .mv03_ttl_01 {
        font-size:1.6rem;
        background-size: 33.5rem auto,33.5rem auto;
        padding: 1.9rem 0rem .8rem 0rem
    }
}

.mainvisual__cardAreaText .mv03_ttl_02 {
    font-size: 4.8rem;
    line-height: 1.4;
    color: #193364;
    font-weight: 700;
    margin: 1.5rem 0 1.2rem 0
}

@media(max-width: 768px) {
    .mainvisual__cardAreaText .mv03_ttl_02 {
        font-size:3.2rem;
        line-height: 1.5
    }
}

.mainvisual__cardAreaText .mv03_ttl_02 span {
    font-size: 3.2rem
}

@media(max-width: 768px) {
    .mainvisual__cardAreaText .mv03_ttl_02 span {
        font-size:2.1rem
    }
}

.mainvisual__cardAreaText .mv03_ttl_02 em {
    font-style: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 0 7rem;
    background: url(../../assets/images/mv/mv03_ttl_01_bg_02.webp) left top 1rem no-repeat;
    background-size: 6rem auto
}

@media(max-width: 768px) {
    .mainvisual__cardAreaText .mv03_ttl_02 em {
        background-size:4rem auto;
        padding: 0 0 0 5rem
    }
}

.mainvisual__slider {
    display: none
}

.mainvisual__slider.slick-initialized {
    display: block
}

.mainvisual__pickupSlider {
    display: none
}

.mainvisual__pickupSlider.slick-initialized {
    display: block
}

.mainvisual__pickupSlider .pickupCard a figure {
    overflow: hidden;
    background: #fff;
    border-radius: .6rem
}

.mainvisual__pickupSlider .pickupCard a figure img {
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

@media(min-width: 769px) {
    .mainvisual__pickupSlider .pickupCard a:hover figure img {
        opacity:.8
    }
}

.pickupCard.slick-slide.slick-active a figure {
    height: 26.68rem
}

@media(max-width: 768px) {
    .pickupCard.slick-slide.slick-active a figure {
        height:100%
    }
}

.pickupCard.slick-slide.slick-active a figure img {
    height: 100%
}

.pickupCard.slick-slide.slick-current.slick-active.slick-center a figure {
    height: 26.667rem
}

@media(max-width: 768px) {
    .pickupCard.slick-slide.slick-current.slick-active.slick-center a figure {
        height:100%
    }
}

.pickupCard.slick-slide.slick-current.slick-active.slick-center a figure img {
    height: 100%
}

@media(max-width: 768px) {
    .mainvisual__pickupSlider .pickupCard.slick-current .pickupCard__text {
        padding:0 0rem;
        line-height: 1.5
    }
}

@media(min-width: 769px) {
    .mainvisual__pickupSlider .slick-arrow {
        width:2.5rem;
        height: 2.5rem
    }

    .mainvisual__pickupSlider .slick-arrow.slick-next {
        left: 1rem;
        margin: -5rem 0 0 0;
        background: url(../../assets/images/top_ar_left.webp) left top no-repeat;
        background-size: 2.5rem 2.5rem
    }

    .mainvisual__pickupSlider .slick-arrow.slick-prev {
        right: 1rem;
        margin: -5rem 0 0 0;
        background: url(../../assets/images/top_ar_right.webp) left top no-repeat;
        background-size: 2.5rem 2.5rem
    }
}

.pickupcategory {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.3rem;
    line-height: 1;
    color: #fff;
    padding: 1rem 1.5rem;
    z-index: 1
}

@media(max-width: 768px) {
    .pickupcategory {
        font-size:1.1rem;
        padding: .6rem 1rem
    }
}

.pickupcategory.service {
    background: #2f79b1;
    padding: 1rem 1.5rem
}

@media(max-width: 768px) {
    .pickupcategory.service {
        padding:.6rem 1rem
    }
}

.pickupcategory.online_seminar {
    background: #298279;
    padding: 1rem 1.5rem
}

@media(max-width: 768px) {
    .pickupcategory.online_seminar {
        padding:.6rem 1rem
    }
}

.pickupcategory.movie__seminar {
    background: #298279;
    padding: 1rem 1.5rem
}

@media(max-width: 768px) {
    .pickupcategory.movie__seminar {
        padding:.6rem 1rem
    }
}

.pickupcategory.case {
    background: #334757;
    padding: 1rem 1.5rem
}

@media(max-width: 768px) {
    .pickupcategory.case {
        padding:.6rem 1rem
    }
}

.pickupcategory.column {
    background: #bc4163;
    padding: 1rem 1.5rem
}

@media(max-width: 768px) {
    .pickupcategory.column {
        padding:.6rem 1rem
    }
}

.pickupcategory.special {
    background: #e29a3e;
    padding: 1rem 1.5rem
}

@media(max-width: 768px) {
    .pickupcategory.special {
        padding:.6rem 1rem
    }
}

.pickupcategory.research {
    background: #004e81;
    padding: 1rem 1.5rem
}

@media(max-width: 768px) {
    .pickupcategory.research {
        padding:.6rem 1rem
    }
}

.pickupcategory.summary {
    background: #2c8270;
    padding: 1rem 1.5rem
}

@media(max-width: 768px) {
    .pickupcategory.summary {
        padding:.6rem 1rem
    }
}

.pickupcategory.research_report {
    background: #876b50;
    padding: 1rem 1.5rem
}

@media(max-width: 768px) {
    .pickupcategory.research_report {
        padding:.6rem 1rem
    }
}

.pickupcategory.academic_report {
    background: #4d4172;
    padding: 1rem 1.5rem
}

@media(max-width: 768px) {
    .pickupcategory.academic_report {
        padding:.6rem 1rem
    }
}

.pickupcategory.papert {
    background: #9b7146;
    padding: 1rem 1.5rem
}

@media(max-width: 768px) {
    .pickupcategory.papert {
        padding:.6rem 1rem
    }
}

.pickupcategory.news {
    background: #377b9f;
    padding: 1rem 1.5rem
}

@media(max-width: 768px) {
    .pickupcategory.news {
        padding:.6rem 1rem
    }
}

.pickupcategory.message {
    background: #004d81;
    padding: 1rem 1.5rem
}

@media(max-width: 768px) {
    .pickupcategory.message {
        padding:.6rem 1rem
    }
}

.pickupcategory.hat {
    background: #3c7166;
    padding: 1rem 1.5rem
}

@media(max-width: 768px) {
    .pickupcategory.hat {
        padding:.6rem 1rem
    }
}

.pickupcategory.other {
    background: #2e6a8a;
    padding: 1rem 1.5rem
}

@media(max-width: 768px) {
    .pickupcategory.other {
        padding:.6rem 1rem
    }
}

.pickupcategory.sns {
    background: #4e4e4e;
    padding: 1rem 1.5rem
}

@media(max-width: 768px) {
    .pickupcategory.sns {
        padding:.6rem 1rem
    }
}

.service {
    background: linear-gradient(-45deg, #9EC5EC, #F8FAFC);
    padding: 6.4rem 0 8rem 0
}

.service__tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 0 1.1rem;
    margin: 0 0 3rem 0
}

.service__tabParent {
    cursor: pointer;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    color: var(--colorMain);
    font-size: 1.8rem;
    line-height: 2.6rem;
    width: 30.2rem;
    text-align: center;
    height: 5.6rem;
    padding: .5rem 0 0 0;
    -webkit-transition: .4s ease;
    transition: .4s ease
}

.service__tabParent span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    border-radius: .5rem .5rem 0 0;
    height: 100%;
    -webkit-transition: all .4s;
    transition: all .4s
}

.service__tabParent.isActive {
    padding: 0 0 0 0
}

.service__tabParent.isActive span {
    background: var(--colorMain);
    color: #fff
}

.service__tabParent.isActive+dd {
    display: block
}

@media(min-width: 769px) {
    .service__tabParent:hover span {
        background:var(--colorMain);
        color: #fff
    }
}

.service__tabChild {
    display: none;
    width: 100%;
    border: solid 1px var(--colorMain);
    background: var(--colorMain);
    border-radius: 0 .5rem .5rem .5rem
}

.service__tabChild table {
    width: 100%;
    border-collapse: separate;
    border-radius: .5rem;
    border-top: solid 2px var(--colorMain);
    border-left: solid 2px var(--colorMain);
    background: #fff
}

.service__tabChild table tr:last-child td:last-child {
    border-radius: 0 0 .5rem 0
}

.service__tabChild table tr th,.service__tabChild table tr td {
    border-bottom: solid 2px var(--colorMain);
    border-right: solid 2px var(--colorMain);
    width: 25%;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2.1rem
}

.service__tabChild table tr th a,.service__tabChild table tr td a {
    display: block;
    padding: 1.15rem 0
}

.service__tabChild table tr th a span,.service__tabChild table tr td a span {
    display: inline;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--colorMain)), to(var(--colorMain))) 0 100%/0 1px no-repeat;
    background: linear-gradient(var(--colorMain), var(--colorMain)) 0 100%/0 1px no-repeat;
    -webkit-transition: background .2s;
    transition: background .2s;
    text-decoration: none
}

@media(min-width: 769px) {
    .service__tabChild table tr td a:hover {
        background:#ecf3f9;
        color: var(--colorMain)
    }

    .service__tabChild table tr td a:hover span {
        background-size: 100% 1px
    }
}

.service__freeConditions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 2rem;
    margin: 0 0 3.3rem 0
}

.service__freeConditions .free {
    width: 72.7rem
}

.service__freeConditions .free form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.service__freeConditions .free input {
    width: 100%;
    background: #fff;
    font-size: 1.5rem;
    line-height: 2.1rem;
    padding: 1.5rem 5rem 1.6rem 2.1rem;
    display: block;
    border-radius: .5rem;
    letter-spacing: .13rem
}

.service__freeConditions .free ::-webkit-input-placeholder {
    color: #a2a2a2;
    font-size: 1.5rem
}

.service__freeConditions .free ::-moz-placeholder {
    color: #a2a2a2;
    font-size: 1.5rem
}

.service__freeConditions .free :-ms-input-placeholder {
    color: #a2a2a2;
    font-size: 1.5rem
}

.service__freeConditions .free ::-ms-input-placeholder {
    color: #a2a2a2;
    font-size: 1.5rem
}

.service__freeConditions .free ::placeholder {
    color: #a2a2a2;
    font-size: 1.5rem
}

.service__freeConditions .free button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 5rem;
    height: 100%
}

.service__freeConditions .free button svg {
    display: block;
    width: 4.2rem;
    height: 2.6rem;
    margin: .8rem 0 0 auto
}

.service__keywordList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.5rem
}

.service__keywordList a {
    display: inline-block;
    font-size: 1.5rem;
    text-decoration: underline
}

@media(min-width: 769px) {
    .service__keywordList a:hover {
        text-decoration:none
    }
}

.service__keywordList a span::before {
    content: "#"
}

.recommend {
    padding: 7.8rem 0 2.6rem 0;
    padding: 7.8rem 0 0rem 0
}

.recommend__slider .slick-arrow.slick-next {
    left: -1.9rem;
    top: 12rem;
    margin: -4.5rem 0 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.recommend__slider .slick-arrow.slick-prev {
    right: -1.7rem;
    top: 12rem;
    margin: -4.5rem 0 0 0;
    -webkit-transform: rotate(-134deg);
    transform: rotate(-134deg)
}

.recommend__slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.recommend__slider .slick-slide {
    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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: auto !important
}

.recommend__slider .slick-list {
    position: relative
}

.recommend__card {
    width: 24.8rem;
    margin: 0 0 0 3.5rem
}

@media(min-width: 769px) {
    .recommend__card a:hover img {
        opacity:.9;
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }

    .recommend__card a:hover .ttl {
        color: var(--colorMain)
    }

    .recommend__card a:hover .ttl span {
        background-size: 100% 1px
    }
}

.recommend__cardImage {
    margin: 0 0 1rem 0;
    width: 24.8rem;
    height: 16rem;
    overflow: hidden;
    background: #000;
    border-radius: .5rem
}

.recommend__cardImage img {
    width: 24.8rem;
    height: 16rem;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
    height: 101%
}

.recommend__cardCategory {
    font-size: 1.3rem;
    line-height: 1.9rem;
    font-weight: 500;
    padding: .2rem .9rem;
    display: inline-block;
    margin: 0 0 1.1rem 0;
    border-radius: .5rem;
    border: solid 1px #000
}

.recommend__cardCategory--blue {
    border: solid 1px #2f79b1;
    color: #2f79b1
}

.recommend__cardCategory--purple {
    border: solid 1px #c0007a;
    color: #c0007a
}

.recommend__cardCategory--orange {
    border: solid 1px #e94b18;
    color: #e94b18
}

.recommend__cardCategory--live {
    background: url(../../assets/images/icon_recommend_live.svg) no-repeat left 1.2rem top .4rem;
    background-size: 5.1rem 1.6rem;
    padding: .2rem .9rem .2rem 6.9rem;
    border: solid 1px #298279;
    color: #298279;
    font-size: 1.2rem
}

.recommend__cardCategory--movie {
    background: url(../../assets/images/icon_recommend_movie.svg) no-repeat left .7rem center;
    background-size: 3.1rem 1.7rem;
    padding: .2rem .9rem .2rem 4.4rem;
    border: solid 1px #824880;
    color: #824880;
    font-size: 1.2rem
}

.recommend__cardContents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.recommend__cardContents .copy {
    font-size: 1.4rem;
    line-height: 2.4rem
}

.recommend__cardContents .ttl {
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 3rem;
    margin: .3rem 0 0 0;
    letter-spacing: .05rem
}

.recommend__cardContents .ttl span {
    display: inline;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--colorMain)), to(var(--colorMain))) 0 100%/0 1px no-repeat;
    background: linear-gradient(var(--colorMain), var(--colorMain)) 0 100%/0 1px no-repeat;
    -webkit-transition: background .3s;
    transition: background .3s;
    text-decoration: none
}

.recommend__cardTag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .53rem;
    margin: 2rem 0 0 0
}

.recommend__cardTag a {
    display: inline-block;
    background: #fff;
    font-size: 1.4rem;
    line-height: 2rem;
    padding: .5rem 1.6rem;
    border-radius: 5rem;
    border: solid 1px #dcdcdc;
    -webkit-transition: all .4s;
    transition: all .4s
}

.recommend__cardTag a:hover {
    background: #dcdcdc
}

.pickup {
    padding: 7.8rem 0 8rem 0
}

.pickup .ttlSection {
    margin: 0 0 3rem 0
}

.seminar {
    background: linear-gradient(-45deg, #9EC5EC, #F5F9FC);
    padding: 7.8rem 0 8.7rem 0
}

.seminar .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 4.1rem
}

.seminar__area {
    width: 32.2rem
}

.seminar__areaText {
    font-size: 1.7rem;
    line-height: 3rem;
    margin: 0 0 3.5rem 0
}

.seminar__slider {
    width: 72.3rem;
    padding: .8rem 0 0 0
}

.seminar__slider .slick-dots {
    margin: 2.3rem 0 0 0
}

.seminar__slider .slick-dots button::before {
    background: #fff
}

.seminar__slider .slick-dots .slick-active button::before {
    background: var(--colorMain)
}

.seminar__slider .slick-arrow {
    top: 3rem;
    bottom: 0;
    margin: auto
}

.seminar__slider .slick-arrow.slick-next {
    left: .5rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.seminar__slider .slick-arrow.slick-prev {
    right: .5rem;
    -webkit-transform: rotate(-134deg);
    transform: rotate(-134deg)
}

.seminar__card {
    position: relative;
    padding: 3.6rem 3.6rem 0 3.6rem
}

.seminar__card a {
    background: #fff;
    border-radius: .5rem
}

.seminar__cardStatus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.8rem;
    font-weight: 500;
    color: #fff;
    line-height: 2.2rem;
    background: #e14f6d;
    border-radius: 50%;
    width: 7.3rem;
    height: 7.3rem
}

.seminar__cardArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 3rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-radius: .3rem;
    margin: 0 0 .6rem 0
}

.seminar__cardImage img {
    width: 22rem;
    height: 14.2rem;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: .5rem
}

.seminar__cardText {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.seminar__cardText .ttl {
    font-size: 2.1rem;
    font-weight: 700;
    line-height: 3.2rem;
    letter-spacing: .14rem
}

.seminar__cardText .ttl span {
    display: inline;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--colorMain)), to(var(--colorMain))) 0 100%/0 1px no-repeat;
    background: linear-gradient(var(--colorMain), var(--colorMain)) 0 100%/0 1px no-repeat;
    -webkit-transition: background .3s;
    transition: background .3s;
    text-decoration: none
}

.seminar__cardText .copy {
    font-size: 1.4rem;
    line-height: 2.4rem;
    margin: 0 0 .3rem 0
}

.seminar__cardText .copy .category {
    display: inline-block;
    font-size: 1.3rem;
    font-weight: 500;
    padding: 0 .6rem;
    margin: 0 0 .8rem 0;
    border-radius: .3rem;
    border: solid 1px #000
}

.seminar__cardText .copy .category--purple {
    border: solid 1px #c0007a;
    color: #c0007a
}

.seminar__cardText .copy .category--blue {
    border: solid 1px #2f79b1;
    color: #2f79b1
}

.seminar__cardText .copy .category--movie {
    background: url(../../assets/images/icon_recommend_movie.svg) no-repeat left .7rem center;
    background-size: 3.1rem 1.7rem;
    padding: 0rem .9rem 0rem 4.4rem;
    border: solid 1px #824880;
    color: #824880
}

.seminar__cardText .copy .category--live {
    background: url(../../assets/images/icon_recommend_live.svg) no-repeat left 1.2rem center;
    background-size: 5.1rem 1.6rem;
    padding: 0rem .9rem 0rem 6.9rem;
    border: solid 1px #298279;
    color: #298279
}

.seminar__cardText .copy p {
    letter-spacing: .14rem
}

.seminar__cardData {
    font-size: 1.4rem;
    margin: 0 0 1.3rem 0
}

.seminar__cardData span {
    display: inline-block;
    font-weight: 500;
    background: #efefef;
    padding: 0 1rem;
    border-radius: .5rem;
    margin: 0 1.6rem 0 0
}

.seminar__cardTag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .53rem
}

.seminar__cardTag li {
    background: #fff;
    font-size: 1.4rem;
    line-height: 2rem;
    padding: .5rem 1.6rem;
    border-radius: 5rem;
    border: solid 1px #dcdcdc
}

.seminar__card a {
    display: block;
    padding: 2.9rem;
    border: solid 1px #fff
}

@media(min-width: 769px) {
    .seminar__card a:hover {
        border:solid 1px var(--colorMain)
    }

    .seminar__card a:hover .ttl span {
        color: var(--colorMain);
        background-size: 100% 1px
    }
}

.banner {
    width: 90rem;
    margin: 3.4rem auto 6rem auto
}

.banner a:hover img {
    opacity: .7
}

.introduction {
    padding: 1.5rem 0 8.1rem 0
}

.introduction__slider .slick-arrow.slick-next {
    left: -1.9rem;
    top: 15.5rem;
    margin: -4.5rem 0 0 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.introduction__slider .slick-arrow.slick-prev {
    right: -1.7rem;
    top: 15.5rem;
    margin: -4.5rem 0 0 0;
    -webkit-transform: rotate(-134deg);
    transform: rotate(-134deg)
}

.introduction__slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.introduction__slider .slick-slide {
    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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: auto !important
}

.introduction__slider .slick-list {
    position: relative
}

.introduction__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    width: 34rem;
    margin: 0 0 0 4rem
}

@media(min-width: 769px) {
    .introduction__card a:hover img {
        opacity:.9;
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }

    .introduction__card a:hover .introduction__cardTtl p {
        color: var(--colorMain);
        background-size: 100% 1px
    }
}

.introduction__cardImage {
    margin: 0 0 1.5rem 0;
    width: 34rem;
    height: 21.6rem;
    overflow: hidden;
    background: #000;
    border-radius: .5rem
}

.introduction__cardImage img {
    width: 34rem;
    height: 21.6rem;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: .5rem;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

.introduction__cardTtl {
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 3rem;
    margin: 0 0 2rem 0;
    letter-spacing: .05rem
}

.introduction__cardTtl p {
    display: inline;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--colorMain)), to(var(--colorMain))) 0 100%/0 1px no-repeat;
    background: linear-gradient(var(--colorMain), var(--colorMain)) 0 100%/0 1px no-repeat;
    -webkit-transition: background .3s;
    transition: background .3s;
    text-decoration: none
}

.introduction__cardCompany .company {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2rem;
    margin: 0 0 1.7rem 0;
    letter-spacing: .04rem;
    color: #3d3d3d
}

.introduction__cardCompany .catch {
    display: table;
    font-size: 1.4rem;
    line-height: 2rem;
    margin: 0 0 1rem 0;
    padding: .5rem 1.6rem;
    border-radius: 5rem;
    border: solid 1px #dcdcdc;
    letter-spacing: .05rem
}

.introduction__cardCompany .catch:hover {
    background: #dcdcdc
}

.introduction__cardCompany .job {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 2.2rem 0;
    font-size: 1.4rem;
    line-height: 1
}

.introduction__cardCompany .job span {
    display: block;
    border-radius: .3rem;
    background-color: #e2e2e2;
    width: 4.8rem;
    height: 2.8rem;
    margin-right: .8rem;
    padding: 0 .5rem;
    line-height: 2.7rem;
    text-align: center;
    white-space: nowrap
}

.introduction__cardCompany .tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 1.8rem;
    font-size: 1.4rem;
    margin: .5rem 0 0 0
}

.introduction__cardCompany .tag span {
    color: var(--colorMain);
    text-decoration: underline
}

.introduction__cardCompany .tag span::before {
    content: "#"
}

@media(min-width: 769px) {
    .introduction__cardCompany .tag a:hover {
        text-decoration:none
    }

    .introduction__cardCompany .tag a:hover span {
        border-bottom: none;
        text-decoration: none
    }
}

.introduction__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: -6rem
}

.introduction__list .introduction__card {
    margin: 0 0 6rem 4rem
}

.introduction__list .introduction__card:nth-of-type(3n-2) {
    margin-left: 0
}

@media(min-width: 769px) {
    .introduction a:hover img {
        opacity:.9;
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }

    .introduction a:hover .introduction__cardTtl p {
        color: var(--colorMain);
        background-size: 100% 1px
    }
}

.implementingCompanies {
    background: #ecf3f9;
    padding: 7.3rem 0 7.8rem 0
}

.implementingCompanies .ttlSection .ttl {
    text-align: center;
    font-size: 2.4rem;
    line-height: 4.1rem
}

.implementingCompanies__slider {
    margin: 0 0 .4rem 0
}

.implementingCompanies__slider li {
    width: 16rem;
    margin: 0 .2rem
}

.implementingCompanies .linkBtn {
    text-align: center;
    margin: 4.6rem 0 0 0
}

.column {
    padding: 7.7rem 0 8rem 0
}

.column .ttlSection {
    margin: 0 0 2.3rem 0
}

.column__slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.column__slider .slick-slide {
    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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: auto !important
}

.column__card {
    width: 24.4rem;
    margin: 0 0 0 4.07rem
}

.column__cardImage {
    margin: 0 0 1.5rem 0;
    width: 24.4rem;
    height: 15.9rem;
    overflow: hidden;
    background: #000;
    border-radius: .5rem
}

.column__cardImage img {
    width: 24.4rem;
    height: 15.9rem;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: .5rem;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

.column__cardDate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 .9rem 0;
    z-index: 3
}

.column__cardDate .category {
    font-size: 1.3rem;
    line-height: 1.9rem;
    font-weight: 500;
    color: #fff;
    padding: .4rem 1rem;
    border-radius: .3rem;
    background: #b8b8b8
}

.column__cardDate .category--green {
    background-color: #009f68
}

.column__cardDate .category--yellow {
    background-color: #cbb915
}

.column__cardDate .category--blue {
    background-color: #0078bf
}

.column__cardDate .category--news {
    background-color: #2f79b1
}

.column__cardDate .category--service {
    background-color: #6d4b28
}

.column__cardDate .category--seminar {
    background-color: #298279
}

.column__cardDate .category--column {
    background-color: #76948e
}

.column__cardDate .category--casestudy {
    background-color: #334757
}

.column__cardDate .category--glossary {
    background-color: #005691
}

.column__cardDate .category--interview {
    background-color: #7f7698
}

.column__cardDate .category--report {
    background-color: #408db5
}

.column__cardDate .category--special {
    background-color: #bc4163
}

.column__cardDate .category--special {
    background-color: #bc4163
}

.column__cardDate .category--interview {
    background-color: #7f7698
}

.column__cardDate .category--interview {
    background-color: #7f7698
}

.column__cardDate .category--casestudy {
    background-color: #334757
}

.column__cardDate .category--report {
    background-color: #408db5
}

.column__cardDate time {
    font-size: 1.3rem;
    line-height: 2rem;
    color: #929292
}

.column__cardText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right
}

.column__cardText .ttl {
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 3rem;
    letter-spacing: .05rem
}

.column__cardText .ttl span {
    display: inline;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--colorMain)), to(var(--colorMain))) 0 100%/0 1px no-repeat;
    background: linear-gradient(var(--colorMain), var(--colorMain)) 0 100%/0 1px no-repeat;
    -webkit-transition: background .3s;
    transition: background .3s;
    text-decoration: none
}

.column__cardText .copy {
    font-size: 1.4rem;
    line-height: 2.6rem;
    margin: 0 0 .3rem 0
}

.column__cardTagHash {
    margin: 1.2rem 0 0 0
}

.column__cardTag {
    margin: 0 0 1.1rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .53rem
}

.column__cardTag a {
    display: inline-block;
    background: #fff;
    font-size: 1.4rem;
    line-height: 2rem;
    padding: .5rem 1.6rem;
    border-radius: 5rem;
    border: solid 1px #dcdcdc
}

.column__cardTag a:hover {
    background: #dcdcdc
}

.column__cardHash {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 1.87rem;
    font-size: 1.4rem
}

.column__cardHash span {
    color: var(--colorMain);
    text-decoration: underline
}

.column__cardHash span::before {
    content: "#"
}

@media(min-width: 769px) {
    .column__cardHash a:hover {
        text-decoration:none
    }

    .column__cardHash a:hover span {
        border-bottom: none;
        text-decoration: none
    }
}

@media(min-width: 769px) {
    .column__card a:hover img {
        opacity:.9;
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }

    .column__card a:hover .column__cardText span {
        color: var(--colorMain);
        background-size: 100% 1px
    }
}

.column .linkBtn {
    text-align: center;
    margin: 4.6rem 0 0 0
}

.think {
    background: #193858;
    color: #fff;
    padding: 7rem 0 7.9rem 0
}

.think__ttl {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 4.1rem;
    letter-spacing: .11rem;
    margin: 0 0 2.3rem 0
}

.think__area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 5.5rem
}

.think__areaLink {
    width: 64.9rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 3rem 2.1rem
}

.think__areaLink dl {
    width: 31.4rem
}

.think__areaLink dl:nth-child(1) dt a {
    background: #fff url(../img/common/icon_think01.svg) no-repeat left 2rem center;
    background-size: 2.5rem 3rem;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

@media(min-width: 769px) {
    .think__areaLink dl:nth-child(1) dt a:hover {
        background:#3273a7 url(../img/common/icon_think01_on.svg) no-repeat left 2rem center;
        background-size: 2.5rem 3rem
    }
}

.think__areaLink dl:nth-child(1) dt a:before {
    content: "";
    background: url(../img/common/icon_think01_on.svg) no-repeat left 2rem center
}

.think__areaLink dl:nth-child(2) dt a {
    background: #fff url(../img/common/icon_think02.svg) no-repeat left 2rem center;
    background-size: 2.4rem 1.6rem;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

@media(min-width: 769px) {
    .think__areaLink dl:nth-child(2) dt a:hover {
        background:#3273a7 url(../img/common/icon_think02_on.svg) no-repeat left 2rem center;
        background-size: 2.4rem 1.6rem
    }
}

.think__areaLink dl:nth-child(2) dt a:before {
    content: "";
    background: url(../img/common/icon_think02_on.svg) no-repeat left 2rem center
}

.think__areaLink dl:nth-child(3) dt a {
    background: #fff url(../img/common/icon_think03.svg) no-repeat left 1.2rem top 1.7rem;
    background-size: 3.9rem 1.7rem;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

@media(min-width: 769px) {
    .think__areaLink dl:nth-child(3) dt a:hover {
        background:#3273a7 url(../img/common/icon_think03_on.svg) no-repeat left 1.2rem top 1.7rem;
        background-size: 3.9rem 1.7rem
    }
}

.think__areaLink dl:nth-child(3) dt a:before {
    content: "";
    background: url(../img/common/icon_think03_on.svg) no-repeat left 1.2rem top 1.7rem
}

.think__areaLink dl:nth-child(4) dt a {
    background: #fff url(../img/common/icon_think04.svg) no-repeat left 2.1rem top 1.7rem;
    background-size: 2.7rem 1.7rem;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

@media(min-width: 769px) {
    .think__areaLink dl:nth-child(4) dt a:hover {
        background:#3273a7 url(../img/common/icon_think04_on.svg) no-repeat left 2.1rem top 1.7rem;
        background-size: 2.7rem 1.7rem
    }
}

.think__areaLink dl:nth-child(4) dt a:before {
    content: "";
    background: url(../img/common/icon_think04_on.svg) no-repeat left 2.1rem top 1.7rem
}

.think__areaLink dl dt {
    margin: 0 0 1rem 0;
    background: #fff;
    border-radius: .5rem
}

.think__areaLink dl dt a {
    position: relative;
    display: block;
    padding: 1.2rem 1.3rem 1.2rem 5.9rem;
    border-radius: .5rem;
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--colorMain)
}

@media(min-width: 769px) {
    .think__areaLink dl dt a:hover {
        color:#fff
    }

    .think__areaLink dl dt a:hover::after {
        border-left: solid 1px #fff;
        border-bottom: solid 1px #fff
    }
}

.think__areaLink dl dt a::after {
    content: "";
    position: absolute;
    top: 0;
    right: 2.4rem;
    bottom: 0;
    margin: auto;
    display: block;
    width: .5rem;
    height: .5rem;
    border-left: solid 1px var(--colorMain);
    border-bottom: solid 1px var(--colorMain);
    -webkit-transform: rotate(-134deg);
    transform: rotate(-134deg)
}

.think__areaLink dl dd {
    font-size: 1.6rem;
    line-height: 2.7rem
}

.think__areaTel {
    margin: -0.4rem 0 0 0
}

.think__areaTel dl {
    margin: 0 0 4rem 0
}

.think__areaTel dl dt {
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-weight: 700;
    letter-spacing: .05rem;
    margin: 0 0 1rem 0
}

.think__areaTel dl dd a {
    display: block;
    font-family: var(--fontEN);
    font-size: 3.3rem;
    line-height: 3.3rem;
    padding: 0 0 0 3rem;
    background: url(../img/common/icon_tel.svg) no-repeat left center;
    background-size: 2.1rem auto;
    margin: 0 0 1rem 0
}

.think__areaTel dl dd p {
    font-size: 1.6rem;
    line-height: 2.7rem;
    letter-spacing: .02rem
}

.think__areaTel .sns {
    margin: 0rem 0 0 0;
    width: 12.6rem
}

.think__areaTel .sns a:hover img {
    opacity: .7
}

.underlayerIssue.bottom_extra {
    margin-bottom: 8rem
}

@media(max-width: 768px) {
    .underlayerIssue.bottom_extra {
        margin-bottom:6.3rem
    }
}

.flow {
    background: #f2f2f2;
    padding: 8rem 0 7.2rem 0
}

.flow .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8rem
}

.flow__area {
    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
}

@media(min-width: 769px) {
    .flow__area:hover .flow__areaImage {
        background:var(--colorMain)
    }

    .flow__area:hover .flow__areaImage svg use {
        fill: #fff;
        stroke: #fff
    }

    .flow__area:hover .flow__areaTtl {
        color: var(--colorMain)
    }

    .flow__area:hover .flow__areaTtl span::after {
        width: 100%
    }
}

.flow__area:nth-child(1) {
    width: 27rem
}

.flow__area:nth-child(1) svg {
    width: 36%
}

.flow__area:nth-child(1) svg use {
    fill: var(--colorMain);
    stroke: var(--colorMain)
}

.flow__area:nth-child(2) {
    width: 26.9rem
}

.flow__area:nth-child(2) svg {
    width: 56%
}

.flow__area:nth-child(2) svg use {
    fill: var(--colorMain);
    stroke: var(--colorMain)
}

.flow__area:nth-child(3) {
    width: 27.6rem
}

.flow__area:nth-child(3) svg {
    width: 36%
}

.flow__area:nth-child(3) svg use {
    fill: var(--colorMain);
    stroke: var(--colorMain)
}

.flow__areaBox {
    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
}

.flow__areaImage {
    background: #fff;
    border-radius: 50%;
    width: 12.2rem;
    height: 12.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 1.7rem 0;
    -webkit-transition: all .4s;
    transition: all .4s
}

.flow__areaTtl {
    position: relative;
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 2.5rem;
    padding: 0 3rem 0 0;
    margin: 0 0 1.2rem 0;
    letter-spacing: .09rem;
    color: #000
}

.flow__areaTtl::before {
    content: "";
    position: absolute;
    top: 0;
    right: .5rem;
    bottom: 0;
    margin: auto;
    width: 1.9rem;
    height: 1.9rem;
    background: var(--colorMain);
    border-radius: 50%
}

.flow__areaTtl::after {
    content: "";
    position: absolute;
    top: .1rem;
    right: 1.3rem;
    bottom: 0;
    margin: auto;
    display: block;
    width: .5rem;
    height: .5rem;
    border-left: solid 1.5px #fff;
    border-bottom: solid 1.5px #fff;
    -webkit-transform: rotate(-134deg);
    transform: rotate(-134deg)
}

.flow__areaTtl span {
    position: relative
}

.flow__areaTtl span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: 0;
    height: 1px;
    background: var(--colorMain);
    -webkit-transition: all .2s;
    transition: all .2s
}

.flow__areaText {
    font-size: 1.5rem;
    line-height: 2.7rem;
    color: #000;
}

.lowerBoxes__banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: solid 1px #eaedef;
    margin: 0 0 6rem 0
}

.lowerBoxes__banner li {
    width: 25%;
    border-top: solid 1px #eaedef;
    border-left: solid 1px #eaedef
}

.lowerBoxes__banner li:nth-child(1),.lowerBoxes__banner li:nth-child(2),.lowerBoxes__banner li:nth-child(3) {
    width: 33.3333333333%
}

@media(min-width: 769px) {
    .lowerBoxes__banner li a:hover img {
        opacity:.6
    }
}

.lowerBoxes__banner li a {
    padding: 2rem 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width: 768px) {
    .lowerBoxes__banner li a {
        padding:1.2rem 3rem
    }
}

.lowerBoxes__banner li:nth-child(4) a,.lowerBoxes__banner li:nth-child(5) a,.lowerBoxes__banner li:nth-child(6) a,.lowerBoxes__banner li:nth-child(7) a {
    padding: 1.3rem 6rem
}

@media(max-width: 768px) {
    .lowerBoxes__banner li:nth-child(4) a,.lowerBoxes__banner li:nth-child(5) a,.lowerBoxes__banner li:nth-child(6) a,.lowerBoxes__banner li:nth-child(7) a {
        padding:1rem 2rem
    }
}

.lowerBoxes__banner li a img {
    width: 100%;
    max-width: 45rem
}

.lowerBoxes__banner li:nth-child(4) a img,.lowerBoxes__banner li:nth-child(5) a img,.lowerBoxes__banner li:nth-child(6) a img,.lowerBoxes__banner li:nth-child(7) a img {
    width: 100%;
    max-width: 30rem
}

.lowerBoxes__link {
    position: relative;
    width: 74rem;
    margin: 0 auto 6.3rem;
    background: url(../img/common/link_bg.webp) no-repeat center center;
    background-size: cover;
    border-radius: .7rem;
    background-color: #1896cb;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

.lowerBoxes__link::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 3.3rem;
    margin: auto;
    width: 4.3rem;
    height: 4.3rem;
    background: #fff;
    border-radius: 50%;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

.lowerBoxes__link a {
    position: relative;
    display: block;
    color: #fff;
    font-size: 1.5rem;
    line-height: 2.1rem;
    padding: 3.8rem 4rem 4rem 4rem;
    font-weight: 500;
    z-index: 1;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

.lowerBoxes__link a span {
    display: block;
    font-size: 2.1rem;
    line-height: 3rem;
    font-weight: 700;
    margin: 0 0 .7rem 0
}

.lowerBoxes__link a::after {
    content: "";
    position: absolute;
    top: 0;
    right: 5.2rem;
    bottom: 0;
    margin: auto;
    display: block;
    width: .8rem;
    height: .8rem;
    border-left: solid 1px var(--colorMain);
    border-bottom: solid 1px var(--colorMain);
    -webkit-transform: rotate(-134deg);
    transform: rotate(-134deg)
}

.lowerBoxes__link a:before {
    content: "";
    background: url(../img/common/blank_icon.svg) left top no-repeat;
    background-size: 1.65rem 1.32rem;
    position: absolute;
    right: 1rem;
    top: 1rem;
    width: 1.65rem;
    height: 1.32rem;
    z-index: 1
}

@media(max-width: 768px) {
    .lowerBoxes__link a:before {
        background-size:1.25rem 1rem;
        width: 1.25rem;
        height: 1rem
    }
}

@media(min-width: 769px) {
    .lowerBoxes__link:hover a {
        padding:3.8rem 3rem 4rem 5rem
    }

    .lowerBoxes__link:hover::after {
        width: 5.1rem;
        height: 5.1rem;
        right: 2.9rem
    }
}

@media(max-width: 768px) {
    .service {
        padding:5.7rem 0 6rem 0
    }

    .service__tab {
        gap: 0 .2rem;
        margin: 0 0 2.7rem 0
    }

    .service__tabParent {
        width: calc(33.3333333333% - .15rem);
        font-size: 1.5rem;
        line-height: 2.1rem;
        height: 6.5rem;
        padding: .8rem 0 0 0
    }

    .service__tabChild table {
        display: block
    }

    .service__tabChild table tbody {
        display: block;
        width: 100%
    }

    .service__tabChild table tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%
    }

    .service__tabChild table tr:last-child td:last-child {
        width: 100%
    }

    .service__tabChild table tr th,.service__tabChild table tr td {
        display: block;
        width: 50%;
        text-align: left
    }

    .service__tabChild table tr th a,.service__tabChild table tr td a {
        padding: 1.15rem 0 1.15rem 1.15rem
    }

    .service__freeConditions {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 2.4rem;
        margin: 0 0 2.6rem 0
    }

    .service__freeConditions .free {
        width: 100%
    }

    .service__freeConditions .free input {
        padding: 1.4rem 5rem 1.4rem 1.1rem
    }

    .service__freeConditions .free ::-webkit-input-placeholder {
        font-size: 1.3rem
    }

    .service__freeConditions .free ::-moz-placeholder {
        font-size: 1.3rem
    }

    .service__freeConditions .free :-ms-input-placeholder {
        font-size: 1.3rem
    }

    .service__freeConditions .free ::-ms-input-placeholder {
        font-size: 1.3rem
    }

    .service__freeConditions .free ::placeholder {
        font-size: 1.3rem
    }

    .service__keywordList a {
        padding: .5rem 1.6rem .5rem 1rem
    }

    .recommend {
        padding: 4.8rem 0 0 0
    }

    .recommend .inner {
        padding: 0 0 0 2rem
    }

    .recommend__card {
        width: 28rem;
        margin: 0 0 0 2rem
    }

    .recommend__cardImage {
        margin: 0 0 1.1rem 0;
        width: 28rem;
        height: 18.2rem
    }

    .recommend__cardImage img {
        width: 28rem;
        height: 18.2rem
    }

    .recommend__cardContents .ttl {
        letter-spacing: .04rem
    }

    .recommend__cardCategory {
        padding: .3rem .9rem
    }

    .recommend__cardCategory--live {
        padding: .2rem .9rem .2rem 6.9rem
    }

    .recommend__cardCategory--movie {
        padding: .2rem .9rem .2rem 4.4rem
    }

    .recommend__cardTag {
        margin: .6rem 0 0 0
    }

    .recommend__cardTag a {
        padding: .5rem 1.6rem .5rem 1.8rem
    }

    .pickup {
        padding: 4.4rem 0 6.1rem 0
    }

    .pickup .ttlSection {
        margin: 0 0 1.5rem 0
    }

    .seminar {
        position: relative;
        padding: 5.7rem 0 13.4rem 0
    }

    .seminar .inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .seminar .ttlSection {
        margin: 0 0 1.3rem 0
    }

    .seminar .ttlSection .ttl {
        line-height: 3.8rem;
        margin: .4rem 0 0 0
    }

    .seminar__areaText {
        margin: 0 0 1.6rem 0;
        font-size: 1.5rem;
        line-height: 2.7rem;
        letter-spacing: .03rem
    }

    .seminar .linkBtn {
        position: absolute;
        bottom: 6rem;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center
    }

    .seminar__slider {
        width: calc(100% + 4rem);
        margin: 0 0 0 -2rem;
        padding: 0
    }

    .seminar__slider .slick-arrow {
        top: 0
    }

    .seminar__slider .slick-arrow.slick-prev {
        right: .8rem
    }

    .seminar__slider .slick-arrow.slick-next {
        left: .8rem
    }

    .seminar__slider .slick-dots {
        margin: 3.3rem 0 0 0
    }

    .seminar__card {
        padding: 2.3rem 1.9rem 0 1.9rem
    }

    .seminar__card a {
        padding: 2rem
    }

    .seminar__cardArea {
        gap: 2rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 0 3rem 0
    }

    .seminar__cardImage img {
        width: 100%;
        height: 19.1rem
    }

    .seminar__cardText .copy p {
        letter-spacing: .04rem
    }

    .seminar__cardText .copy .category {
        margin: 0 0 .9rem 0
    }

    .seminar__cardText .copy .category--movie {
        padding: 0rem .9rem 0rem 4.4rem
    }

    .seminar__cardText .ttl {
        font-size: 1.8rem;
        line-height: 2.8rem;
        letter-spacing: .04rem
    }

    .seminar__cardData {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        line-height: 2rem;
        margin: 0 0 2rem 0;
        letter-spacing: .03rem
    }

    .seminar__cardData span {
        width: 6.3rem;
        padding: .3rem 0;
        margin: 0 1.6rem 0 0;
        width: 9.2rem;
        display: block;
        text-align: center
    }

    .seminar__cardTag li {
        padding: .5rem 1.6rem .5rem 1.6rem
    }

    .seminar__cardStatus {
        width: 5.8rem;
        height: 5.8rem;
        font-size: 1.4rem;
        line-height: 1.6rem;
        left: .5rem
    }

    .slick-arrow {
        width: 1rem;
        height: 1rem
    }

    .banner {
        width: 100%;
        margin: 4rem auto 3.9rem;
        padding: 0 2rem
    }

    .banner img {
        margin: auto
    }

    .introduction {
        padding: 1.5rem 0 3.8rem 0
    }

    .introduction__slider {
        margin-bottom: 6rem;
        margin-bottom: 2rem
    }

    .introduction__slider .slick-slide {
        height: 100% !important
    }

    .introduction__slider .slick-arrow.slick-prev {
        right: -1.2rem
    }

    .introduction__slider .slick-arrow.slick-next {
        left: -1.2rem
    }

    .introduction__card {
        width: 100%;
        margin: 0 !important
    }

    .introduction__card:last-child {
        margin-bottom: 0 !important
    }

    .introduction__cardImage {
        margin: 0 0 1.3rem 0;
        width: 33.5rem;
        height: 21.3rem
    }

    .introduction__cardImage img {
        width: 33.5rem;
        height: 21.3rem
    }

    .introduction__cardTtl {
        font-size: 1.9rem;
        line-height: 3rem;
        margin: 0 0 2rem 0;
        letter-spacing: .04rem
    }

    .introduction__cardCompany .catch {
        margin: 0 0 .8rem 0;
        letter-spacing: .03rem
    }

    .introduction__cardCompany .job {
        margin-bottom: 2rem
    }

    .introduction__cardCompany .company {
        letter-spacing: .03rem
    }

    .introduction__list {
        margin: 0
    }

    .introduction__list .introduction__card {
        margin-bottom: 4rem !important
    }

    .implementingCompanies {
        padding: 3rem 0 4rem 0
    }

    .implementingCompanies .ttlSection {
        margin: 0 0 1.2rem 0
    }

    .implementingCompanies .ttlSection .ttl {
        font-size: 1.8rem;
        line-height: 3rem
    }

    .implementingCompanies__slider li {
        width: 12rem;
        height: 4.5rem
    }

    .implementingCompanies .linkBtn {
        margin: 2.2rem 0 0 0
    }

    .column {
        padding: 5.8rem 0 6.3rem 0
    }

    .column .ttlSection {
        margin: 0 0 2.6rem 0
    }

    .column__slider {
        width: calc(100% + 2rem)
    }

    .column__slider .slick-slide {
        height: 100% !important
    }

    .column__card {
        width: 28rem;
        margin: 0 0 0 2rem
    }

    .column__cardImage {
        margin: 0 0 2.1rem 0;
        width: 28rem;
        height: 18.2rem
    }

    .column__cardImage img {
        width: 28rem;
        height: 18.2rem
    }

    .column__cardText .ttl {
        letter-spacing: .04rem
    }

    .column__cardTag {
        gap: .3rem .5rem;
        margin: 0 0 .8rem 0
    }

    .column__cardTagHash {
        margin: 1.2rem 0 0 0
    }

    .column .linkBtn {
        margin: 3rem 0 0 0
    }

    .think {
        padding: 5.4rem 0 6rem 0
    }

    .think__ttl {
        font-size: 2.4rem;
        line-height: 3.6rem;
        margin: 0 0 3.5rem 0;
        letter-spacing: .07rem
    }

    .think__area {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 5.4rem
    }

    .think__areaLink {
        width: 100%;
        gap: 2.55rem 0
    }

    .think__areaLink dl {
        width: 100%
    }

    .think__areaLink dl:nth-child(1) dt {
        background-size: 1.9rem auto;
        background-position: left 1.5rem center
    }

    .think__areaLink dl:nth-child(3) dt a {
        background: #fff url(../img/common/icon_think03.svg) no-repeat left 1.2rem top 1.7rem;
        background-size: 3.9rem 1.7rem
    }

    .think__areaLink dl:nth-child(4) dt a {
        background: #fff url(../img/common/icon_think04.svg) no-repeat left 2.1rem top 1.6rem;
        background-size: 2.7rem 1.7rem
    }

    .think__areaLink dl dt {
        margin: 0 0 .8rem 0
    }

    .think__areaLink dl dt a {
        font-size: 1.5rem;
        padding: 1rem 1.3rem 1rem 6rem
    }

    .think__areaLink dl dt a::after {
        right: 1.6rem
    }

    .think__areaLink dl dd {
        font-size: 1.4rem;
        line-height: 2.4rem
    }

    .think__areaTel dl {
        margin: 0 0 2.8rem 0
    }

    .think__areaTel dl dt {
        font-size: 1.9rem;
        line-height: 3rem;
        margin: 0 0 1.2rem 0;
        letter-spacing: .11rem
    }

    .think__areaTel dl dd p {
        margin: .2rem 0 0 0;
        font-size: 1.4rem;
        line-height: 2.1rem;
        letter-spacing: .07rem
    }

    .think__areaTel .sns {
        margin: 4rem 0 0 0
    }

    .think__areaTel .sns img {
        width: 2rem
    }

    .flow {
        padding: 5rem 0 5.3rem 0
    }

    .flow .inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0
    }

    .flow__area {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .flow__area:nth-child(1),.flow__area:nth-child(2),.flow__area:nth-child(3) {
        width: 100%;
        border-bottom: solid 1px #d5d5d5;
        padding: 0 0 2.7rem 0;
        margin: 0 0 2.5rem 0
    }

    .flow__area:nth-child(3) {
        border-bottom: none;
        padding: 0;
        margin: 0
    }

    .flow__areaImage {
        width: 9rem;
        height: 9rem;
        margin: 0
    }

    .flow__areaTtl {
        margin: 0 0 .5rem 0;
        font-size: 1.7rem;
        letter-spacing: .08rem
    }

    .flow__areaTtl::before {
        right: .2rem
    }

    .flow__areaTtl::after {
        right: 1.1rem
    }

    .flow__areaText {
        letter-spacing: .04rem
    }

    .flow__areaBox {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: .4rem 0 0 2rem
    }

    .lowerBoxes__banner {
        border-top: solid 1px #eaedef;
        border-bottom: none;
        margin: 0 0 4rem 0
    }

    .lowerBoxes__banner li {
        width: 50%;
        border-top: none;
        border-bottom: solid 1px #eaedef
    }

    .lowerBoxes__banner li:nth-child(1),.lowerBoxes__banner li:nth-child(2),.lowerBoxes__banner li:nth-child(3) {
        width: 100%
    }

    .lowerBoxes__banner li:nth-child(7) {
        border-bottom: solid 1px #eaedef
    }

    .lowerBoxes__banner li:nth-child(8) {
        border-right: solid 1px #eaedef
    }

    .lowerBoxes__link {
        width: calc(100% - 4rem);
        margin: 0 auto 4rem
    }

    .lowerBoxes__link::after {
        bottom: 0;
        right: 2rem;
        width: 3.9rem;
        height: 3.9rem
    }

    .lowerBoxes__link a {
        font-size: 1.6rem;
        line-height: 2.4rem;
        padding: 2.4rem 8rem 3rem 2rem
    }

    .lowerBoxes__link a::after {
        right: 3.7rem
    }

    .lowerBoxes__link a svg {
        top: 5.5rem;
        right: 3.3rem
    }
}

.service__keywordList a {
    color: var(--colorMain)
}

@media(min-width: 769px) {
    .mainvisual .mainvisual__cardAreaLink a:hover {
        background:#186abc
    }

    .mainvisual__cardAreaLink a::after {
        -webkit-transition: .4s ease;
        transition: .4s ease
    }

    .mainvisual__cardAreaLink a:hover::after {
        right: 2.8rem
    }
}

@media(max-width: 768px) {
    .service__tabParent em.u-sp {
        display:none
    }

    .service__keywordList {
        gap: .1rem
    }

    .service__keywordList li {
        line-height: 1.5
    }

    .service__keywordList a {
        padding: 0rem 1.2rem 0rem 1rem
    }
}

.checkList__block.popularity__card form {
    width: 110rem
}

@media(max-width: 768px) {
    .checkList__block.popularity__card form {
        width:100%
    }
}

@media(max-width: 768px) {
    .service__tabChild:nth-of-type(2) table tr:last-child td:last-child,.service__tabChild:nth-of-type(3) table tr:last-child td:last-child {
        width:50%
    }
}

.recommend__slider .slick-slide {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media(max-width: 768px) {
    .recommend__cardContents .ttl {
        height:auto !important
    }

    .recommend__cardContents .copy {
        height: auto !important
    }
}

._keywordranking ._label {
    position: relative;
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 2.5rem;
    padding: 0 0 0 1.5rem;
    margin: 0 0 1rem 0;
    letter-spacing: .05rem
}

@media(max-width: 768px) {
    ._keywordranking ._label {
        font-size:1.6rem;
        line-height: 2.4rem;
        letter-spacing: .02rem;
        margin: 0 0 1.2rem 0
    }
}

._keywordranking ._label:before {
    content: "";
    position: absolute;
    top: .45rem;
    left: 0;
    bottom: 0;
    margin: auto;
    width: .4rem;
    height: .4rem;
    background: var(--colorMain);
    border-radius: 50%
}

._keywordranking ._keywords {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.5rem;
    line-height: 1.5
}

@media(max-width: 768px) {
    ._keywordranking ._keywords {
        gap:1rem
    }
}

._keywordranking ._keywords ._keyword {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

._keywordranking ._keywords ._keyword ._word a {
    display: inline-block;
    font-size: 1.5rem;
    text-decoration: underline;
    color: var(--colorMain)
}

@media(min-width: 769px) {
    ._keywordranking ._keywords ._keyword ._word a:hover {
        text-decoration:none
    }
}

._keywordranking ._keywords ._keyword ._word a:before {
    content: "#"
}

.mainvisualBackground.mainvisualBackground.search ._popfind_component ._keywordranking ._label {
    position: relative;
    margin: 3.5rem 0 1.4rem 0;
    padding-left: 1.6rem;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
    color: #000
}

@media(max-width: 768px) {
    .mainvisualBackground.mainvisualBackground.search ._popfind_component ._keywordranking ._label {
        position:relative;
        margin: 2.5rem 0 1rem 0;
        padding-left: 1.4rem;
        font-size: 1.6rem
    }
}

._keywordranking ._keywords ._keyword ._rank {
    display: none
}

.introduction__cardCompany dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 2rem 0
}

.introduction__cardCompany .catch {
    margin: 0 .5rem .5rem 0
}

.introduction__cardCompany dd .job {
    margin: 1rem 0 0 0;
    width: 100%
}

.column__slider .slick-slide {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

._keywordranking ._keywords {
    gap: .5rem
}

._keywordranking ._keywords ._keyword {
    margin-right: 1rem
}

.service__tabParent em {
    font-style: normal
}

@media(max-width: 768px) {
    .pickup .recommend__slider .slick-arrow.slick-next {
        left:-1.4rem;
        top: 13rem
    }

    .pickup .recommend__slider .slick-arrow.slick-prev {
        right: -1.3rem;
        top: 13rem
    }

    .pickup .recommend__slider .recommend__card {
        margin: 0
    }

    .pickup .recommend__slider .recommend__cardImage {
        width: 100%;
        height: 21.3rem
    }

    .pickup .recommend__slider .recommend__cardImage img {
        width: 100%;
        height: 21.3rem
    }

    .pickup .recommend__slider .slick-arrow.slick-prev {
        top: 15rem
    }

    .pickup .recommend__slider .slick-arrow.slick-next {
        top: 15rem
    }

    .column .column__slider .slick-arrow.slick-next {
        left: -1.4rem;
        top: 15rem
    }

    .column .column__slider .slick-arrow.slick-prev {
        right: -1.3rem;
        top: 15rem
    }

    .column .column__slider {
        width: 100%
    }

    .column .column__slider .column__card {
        width: 100%;
        margin: 0
    }

    .column .column__slider .column__cardImage {
        width: 100%;
        height: 21.3rem
    }

    .column .column__slider .column__cardImage img {
        width: 100%;
        height: 21.3rem
    }
}

.pickup .slick-slide {
    position: relative
}

.pickup .slick-slide .recommend__cardCategory {
    color: #fff;
    position: absolute;
    top: 12.9rem;
    right: 1.1rem
}

@media(max-width: 768px) {
    .pickup .slick-slide .recommend__cardCategory {
        top:17.8rem;
        right: 1rem
    }
}

.pickup .slick-slide .recommend__cardCategory.recommend__cardCategory--blue {
    border: none;
    background: #2087ce
}

.service__freeConditions .free div.poplink {
    top: 5.3rem;
    font-size: 1.4rem;
    line-height: 1.8
}

@media(max-width: 768px) {
    .service__freeConditions .free div.poplink {
        top:4.6rem
    }
}

.recommend__cardCategory--training {
    background: #2087ce;
    border: none;
    color: #fff
}

.recommend__cardCategory--coaching {
    background: #9284be;
    border: none;
    color: #fff
}

.recommend__cardCategory--consulting {
    background: #10a485;
    border: none;
    color: #fff
}

.recommend__cardCategory--assessment {
    background: #cc5c79;
    border: none;
    color: #fff
}

.recommend__cardCategory--talent {
    background: #bb5548;
    border: none;
    color: #fff
}

.mainvisualBackground--glossary:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(../../assets/images/mainvisual_background07.webp) right top no-repeat;
    background-size: cover
}

.mainvisualBackground--glossary .underlayerMainvisual .glossaryWord {
    background: #fff url(../../assets/images/glossary_back.webp) right 6rem center no-repeat;
    background-size: 26rem;
    width: 100%;
    min-height: 26rem;
    margin-top: 3.6rem;
    padding: 3.6rem
}

.mainvisualBackground--glossary .underlayerMainvisual .glossaryWord h2 {
    border-bottom: 1.5px dotted #c5c5c5;
    background: url(../../assets/images/glossary_icon.svg) left .8rem no-repeat;
    background-size: 4.4rem;
    width: 66rem;
    min-height: 6.8rem;
    margin-bottom: 2rem;
    padding-left: 6rem;
    padding-bottom: 1.8rem;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.5
}

.mainvisualBackground--glossary .underlayerMainvisual .glossaryWord dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 66rem
}

.mainvisualBackground--glossary .underlayerMainvisual .glossaryWord dl dt {
    position: relative;
    width: 17.6rem;
    height: 3.5rem;
    padding-left: 1.4rem;
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 3.5rem
}

.mainvisualBackground--glossary .underlayerMainvisual .glossaryWord dl dt:before {
    content: "";
    position: absolute;
    top: 1.6rem;
    left: 0;
    display: block;
    border-radius: .4rem;
    background-color: #005691;
    width: .4rem;
    height: .4rem
}

.mainvisualBackground--glossary .underlayerMainvisual .glossaryWord dl dd {
    width: calc(100% - 17.6rem)
}

.mainvisualBackground--glossary .underlayerMainvisual .glossaryWord dl dd ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.mainvisualBackground--glossary .underlayerMainvisual .glossaryWord dl dd ul li {
    margin: 0 .5rem .5rem 0
}

.mainvisualBackground--glossary .underlayerMainvisual .glossaryWord dl dd ul li a {
    display: table;
    border-radius: .4rem;
    background-color: #ecf3f9;
    padding: 1.2rem 1.4rem;
    font-size: 1.5rem;
    font-family: 400;
    line-height: 1;
    white-space: nowrap
}

.mainvisualBackground--glossary .underlayerMainvisual .glossaryWord dl dd ul li a:hover {
    background-color: #005691;
    color: #fff
}

.mainvisualBackground--glossary .underlayerMainvisual .glossarySingle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.mainvisualBackground--glossary .underlayerMainvisual .glossarySingle .label {
    margin: 1.5rem 0 0 0
}

.mainvisualBackground--glossary .underlayerMainvisual .glossarySingle div {
    width: calc(100% - 9rem)
}

.underlayerGlossaryDetai {
    margin: 0;
    padding: 8rem 0 10rem 0
}

.underlayerGlossaryDetai h2 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 8rem 0 2.5rem 0;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1;
    padding: 1rem 0 0 0
}

.underlayerGlossaryDetai h2:first-child {
    margin-top: 0
}

.underlayerGlossaryDetai h2 span {
    display: block;
    border-radius: 5.4rem;
    background-color: #005691;
    width: 5.4rem;
    height: 5.4rem;
    margin-right: .8rem;
    font-size: 2.4rem;
    text-align: center;
    line-height: 5.4rem;
    color: #fff
}

.underlayerGlossaryDetai h2:after {
    content: "";
    position: absolute;
    top: 60%;
    right: 0;
    display: block;
    background-color: #005691;
    width: calc(100% - 12rem);
    height: 1px
}

.underlayerGlossaryDetai .wordList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.underlayerGlossaryDetai .wordList h3 {
    border-radius: 5.4rem;
    background-color: #e5f3fb;
    width: 5.4rem;
    height: 5.4rem;
    margin-bottom: 2rem;
    font-size: 2.4rem;
    font-weight: 700;
    text-align: center;
    line-height: 5.4rem;
    color: #005691
}

.underlayerGlossaryDetai .wordList ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: calc(100% - 9rem);
    gap: .5rem;
    margin-bottom: 2rem
}

.underlayerGlossaryDetai .wordList ul:last-child {
    margin-bottom: 0
}

.underlayerGlossaryDetai .wordList ul li {
    width: 24.87rem
}

.underlayerGlossaryDetai .wordList ul li a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    border: 1px solid #d4e2eb;
    border-radius: .3rem;
    background-color: #fff;
    width: 100%;
    height: 100%;
    padding: 2rem 3rem 2rem 2rem;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.6;
    color: #005691
}

.underlayerGlossaryDetai .wordList ul li a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 1.5rem;
    display: block;
    width: .5rem;
    height: .5rem;
    margin-top: -0.2rem;
    border-right: solid 1px var(--colorMain);
    border-bottom: solid 1px var(--colorMain);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: .3s;
    transition: .3s
}

.underlayerGlossaryDetai .wordList ul li a dl {
    word-break: break-all
}

.underlayerGlossaryDetai .wordList ul li a dl dt {
    font-weight: 500
}

.underlayerGlossaryDetai .wordList ul li a dl dd {
    margin-top: .3rem;
    font-size: 1.4rem;
    line-height: 1.55;
    color: #3d3d3d;
    height: 3em;
    overflow: hidden;
    position: relative;
    word-wrap: break-word
}

.underlayerGlossaryDetai .wordList ul li a dl dd span {
    margin-right: 2em
}

.underlayerGlossaryDetai .wordList ul li a dl dd:before {
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(30%, rgb(255, 255, 255)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 30%);
    bottom: 0;
    content: "……";
    padding-left: .85rem;
    padding-left: 2rem;
    position: absolute;
    right: 0
}

@media(max-width: 768px) {
    .underlayerGlossaryDetai .wordList ul li a dl dd:before {
        padding-left:.98rem;
        padding-left: 2rem
    }
}

.underlayerGlossaryDetai .wordList ul li a dl dd:after {
    background: #fff;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%
}

.underlayerGlossaryDetai .wordList ul li a span {
    display: inline;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--colorMain)), to(var(--colorMain))) 0 100%/0 1px no-repeat;
    background: linear-gradient(var(--colorMain), var(--colorMain)) 0 100%/0 1px no-repeat;
    -webkit-transition: background .3s;
    transition: background .3s
}

.underlayerGlossaryDetai .wordList ul li a:hover {
    border: 1px solid #005691
}

.underlayerGlossaryDetai .wordList ul li a:hover:after {
    right: 1rem
}

.underlayerGlossaryDetai .wordList ul li a:hover span {
    background-size: 100% 1px
}

.underlayerGlossarySingle {
    margin: 0;
    padding: 5rem 0 10rem 0
}

.underlayerGlossarySingle .glossarySingle {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 3rem;
    padding-bottom: 8rem
}

.underlayerGlossarySingle .glossarySingle .singleRead {
    font-size: 1.7rem;
    line-height: 1.75
}

.underlayerGlossarySingle .glossarySingle .singleRead h2 {
    border-left: 4px solid #005691;
    margin: 8rem 0 3rem 0;
    padding: 0 0 .3rem 3rem;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.5;
    color: #000
}

.underlayerGlossarySingle .glossarySingle .singleRead h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 6rem 0 2.5rem 0;
    font-size: 2.1rem;
    font-weight: 700;
    line-height: 1.6;
    color: #000
}

.underlayerGlossarySingle .glossarySingle .singleRead h3:after {
    content: "";
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: #dcdcdc;
    height: 1px;
    margin-left: 2rem
}

.underlayerGlossarySingle .glossarySingle .singleRead h4 {
    margin: 5rem 0 2.5rem 0;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.6;
    color: #000
}

.underlayerGlossarySingle .glossarySingle .singleRead h5 {
    margin: 4rem 0 2.5rem 0;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.6;
    color: #000
}

.underlayerGlossarySingle .glossarySingle .singleRead h6 {
    margin: 3rem 0 2.5rem 0;
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 1.6;
    color: #000
}

.underlayerGlossarySingle .glossarySingle .singleRead p {
    margin: 2.5rem 0
}

.underlayerGlossarySingle .glossarySingle .singleRead p:first-child {
    margin-top: 0
}

.underlayerGlossarySingle .glossarySingle .singleRead p:last-child {
    margin-bottom: 0
}

.underlayerGlossarySingle .glossarySingle .singleRead ul {
    margin: 2.5rem 0
}

.underlayerGlossarySingle .glossarySingle .singleRead ul:first-child {
    margin-top: 0
}

.underlayerGlossarySingle .glossarySingle .singleRead ul:last-child {
    margin-bottom: 0
}

.underlayerGlossarySingle .glossarySingle .singleRead ul li {
    padding-left: 1.4rem;
    position: relative
}

.underlayerGlossarySingle .glossarySingle .singleRead ul li:before {
    content: "";
    position: absolute;
    top: 1.3rem;
    left: 0;
    display: block;
    border-radius: .4rem;
    background-color: #005691;
    width: .4rem;
    height: .4rem
}

.underlayerGlossarySingle .glossarySingle .singleRead ol {
    counter-reset: item;
    margin: 2.5rem 0
}

.underlayerGlossarySingle .glossarySingle .singleRead ol:first-child {
    margin-top: 0
}

.underlayerGlossarySingle .glossarySingle .singleRead ol:last-child {
    margin-bottom: 0
}

.underlayerGlossarySingle .glossarySingle .singleRead ol li {
    padding-left: 2.6rem;
    position: relative
}

.underlayerGlossarySingle .glossarySingle .singleRead ol li:before {
    counter-increment: item;
    content: counter(item) ".";
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 700;
    color: #005691
}

.underlayerGlossarySingle .glossarySingle .singleRead strong,.underlayerGlossarySingle .glossarySingle .singleRead .font-bold {
    font-weight: 700
}

.underlayerGlossarySingle .glossarySingle .singleRead .subBox {
    position: relative;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    margin: 3rem 0
}

.underlayerGlossarySingle .glossarySingle .singleRead .subBox+.subBox {
    margin-top: -2rem
}

.underlayerGlossarySingle .glossarySingle .singleRead .subBox.planner {
    margin-top: 6rem
}

.underlayerGlossarySingle .glossarySingle .singleRead .subBox .read {
    padding: 2.5rem 3rem
}

.underlayerGlossarySingle .glossarySingle .singleRead .subBox .read h3 {
    border-bottom: 1px solid #0078bf;
    margin: 0 0 2rem 0;
    padding: 0 0 1rem 0;
    font-size: 2.1rem;
    font-weight: 700;
    line-height: 1.4;
    color: #000
}

.underlayerGlossarySingle .glossarySingle .singleRead .subBox .read .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 1rem
}

.underlayerGlossarySingle .glossarySingle .singleRead .subBox .read .title img {
    width: 6rem
}

.underlayerGlossarySingle .glossarySingle .singleRead .subBox .read .title h3 {
    width: calc(100% - 7.5rem);
    padding: .4rem 0 1rem 0
}

.underlayerGlossarySingle .glossarySingle .singleRead .subBox .read .planner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 1.5rem 0 2.5rem 0
}

.underlayerGlossarySingle .glossarySingle .singleRead .subBox .read .planner figure {
    width: 12rem;
    margin: 0
}

.underlayerGlossarySingle .glossarySingle .singleRead .subBox .read .planner h4 {
    width: calc(100% - 15rem);
    margin: 0;
    font-weight: 500;
    color: #000
}

.underlayerGlossarySingle .glossarySingle .singleRead .subBox .read .company {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 3rem 0
}

.underlayerGlossarySingle .glossarySingle .singleRead .subBox .read .company figure {
    width: 17rem;
    margin: 0
}

.underlayerGlossarySingle .glossarySingle .singleRead .subBox .read .company h4 {
    width: 43rem;
    margin: 0;
    font-weight: 500;
    color: #000
}

.underlayerGlossarySingle .glossarySingle .singleRead .subBox .jump {
    width: 100%;
    margin: 0
}

.underlayerGlossarySingle .glossarySingle .singleRead .subBox .jump a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f1f7fb;
    width: 100%;
    height: 4.8rem;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    color: #204f74
}

.underlayerGlossarySingle .glossarySingle .singleRead .subBox .jump a:after {
    content: "";
    bottom: 0;
    display: block;
    width: .5rem;
    height: .5rem;
    margin-left: 1rem;
    border-right: solid 1px var(--colorMain);
    border-bottom: solid 1px var(--colorMain);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.underlayerGlossarySingle .glossarySingle .singleRead .subBox .jump a:hover {
    background-color: #204f74;
    color: #fff
}

.underlayerGlossarySingle .glossarySingle .singleRead .subBox .jump a:hover:after {
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff
}

.underlayerGlossarySingle .glossarySingle .singleRead .subBox .day {
    text-align: right;
    font-size: 85%
}

.underlayerGlossarySingle .glossarySingle .singleRead .subBox:first-child {
    margin-top: 0
}

.underlayerGlossarySingle .glossarySingle .singleRead .subBox:last-child {
    margin-bottom: 0
}

.underlayerGlossarySingle .glossarySingle .singleRead .column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin: 3rem 0;
    padding: 0
}

.underlayerGlossarySingle .glossarySingle .singleRead .column figure {
    width: 32rem;
    margin: 0
}

.underlayerGlossarySingle .glossarySingle .singleRead .column div {
    width: 35rem;
    margin: 0
}

.underlayerGlossarySingle .glossarySingle .singleRead .column.rev {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.underlayerGlossarySingle .glossarySingle .singleRead .column:first-child {
    margin-top: 0
}

.underlayerGlossarySingle .glossarySingle .singleRead .column:last-child {
    margin-bottom: 0
}

.underlayerGlossarySingle .glossarySingle .singleRead hr {
    border-top: 1px solid #ccc;
    margin: 4rem 0
}

.underlayerGlossarySingle .glossarySingle .singleRead hr:first-child {
    margin-top: 0
}

.underlayerGlossarySingle .glossarySingle .singleRead hr:last-child {
    margin-bottom: 0
}

.underlayerGlossarySingle .glossarySingle .singleRead table {
    border: 1px solid #ccc;
    width: 100%;
    margin: 2.5rem 0 4rem 0
}

.underlayerGlossarySingle .glossarySingle .singleRead table th {
    vertical-align: middle;
    border: 1px solid #ccc;
    background-color: #eef7fe;
    min-width: 15rem;
    padding: 1.2rem 1.5rem;
    font-size: 1.6rem;
    font-weight: 500;
    text-align: center
}

.underlayerGlossarySingle .glossarySingle .singleRead table td {
    vertical-align: middle;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 1.2rem 1.5rem;
    font-size: 1.6rem
}

.underlayerGlossarySingle .glossarySingle .singleRead figure {
    width: 100%;
    margin: 2.5rem 0 4rem 0;
    text-align: center
}

.underlayerGlossarySingle .glossarySingle .singleRead figure:first-child {
    margin-top: 0
}

.underlayerGlossarySingle .glossarySingle .singleRead figure:last-child {
    margin-bottom: 0
}

.underlayerGlossarySingle .glossarySingle .singleRead figure figcaption {
    margin-top: .8rem;
    font-size: 80%;
    line-height: 1.4;
    text-align: center;
    color: #888
}

.underlayerGlossarySingle .glossarySingle .singleRead figure img {
    width: 100%;
    -webkit-transition: all .4s;
    transition: all .4s
}

.underlayerGlossarySingle .glossarySingle .singleRead figure a:hover img {
    opacity: .7
}

.underlayerGlossarySingle .glossarySingle .singleRead blockquote {
    position: relative;
    border-radius: .5rem;
    background-color: #f8f8f8;
    margin: 4rem 0;
    padding: 3rem 6rem
}

.underlayerGlossarySingle .glossarySingle .singleRead blockquote:before {
    content: "";
    position: absolute;
    top: 2.5rem;
    left: 2.2rem;
    background: url(/service/assets/images/icon_bq_left.svg) center center no-repeat;
    background-size: 2.1rem;
    width: 2.2rem;
    height: 2rem
}

.underlayerGlossarySingle .glossarySingle .singleRead blockquote:after {
    content: "";
    position: absolute;
    bottom: 2.5rem;
    right: 2.2rem;
    background: url(/service/assets/images/icon_bq_right.svg) center center no-repeat;
    background-size: 2.1rem;
    width: 2.2rem;
    height: 2rem
}

.underlayerGlossarySingle .glossarySingle .singleRead blockquote:first-child {
    margin-top: 0
}

.underlayerGlossarySingle .glossarySingle .singleRead blockquote:last-child {
    margin-bottom: 0
}

.underlayerGlossarySingle .glossarySingle .singleRead .container {
    display: block;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    width: 100%;
    margin: 4rem 0;
    padding: 3rem
}

.underlayerGlossarySingle .glossarySingle .singleRead .container dt {
    margin-bottom: 1.5rem;
    font-size: 2.1rem;
    font-weight: 700;
    line-height: 1
}

.underlayerGlossarySingle .glossarySingle .singleRead .container dd {
    position: relative;
    margin-top: 1rem;
    padding-left: 4rem;
    font-size: 1.7rem;
    font-weight: 500;
    line-height: 1.4
}

.underlayerGlossarySingle .glossarySingle .singleRead .container dd:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    background-color: #acacac;
    width: 2.3rem;
    height: 1px
}

.underlayerGlossarySingle .glossarySingle .singleRead .container dd a {
    position: relative;
    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;
    text-decoration: none;
    color: #000
}

.underlayerGlossarySingle .glossarySingle .singleRead .container dd a:after {
    content: "";
    margin: auto;
    display: block;
    top: 0;
    width: .9rem;
    height: .9rem;
    margin: -0.1rem 0 0 1rem;
    border-right: solid 1.5px var(--colorMain);
    border-bottom: solid 1.5px var(--colorMain);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .4s;
    transition: all .4s
}

.underlayerGlossarySingle .glossarySingle .singleRead .container dd a:hover {
    text-decoration: underline;
    color: #204f74
}

.underlayerGlossarySingle .glossarySingle .singleRead .container dd a:hover:after {
    margin: .4rem 0 0 1rem
}

.underlayerGlossarySingle .glossarySingle__main {
    width: 76rem
}

.underlayerGlossarySingle .glossarySingle__main .linkBtn {
    margin-top: 6rem;
    text-align: center
}

.underlayerGlossarySingle .glossarySingle__side {
    width: 28rem
}

.underlayerGlossarySingle .glossarySingle__side .glossarySidemenu {
    position: sticky;
    top: 0;
    right: 0;
    margin-top: -4rem;
    padding-top: 4rem
}

.underlayerGlossarySingle .glossarySingle__side .glossarySidemenu dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: .25rem;
    border-radius: .5rem;
    background-color: #f1f7fb;
    margin-bottom: 2rem;
    padding: 2.2rem 1rem 1rem 1rem
}

.underlayerGlossarySingle .glossarySingle__side .glossarySidemenu dl dt {
    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;
    width: 100%;
    margin-bottom: 1.6rem;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.3rem;
    text-align: center
}

.underlayerGlossarySingle .glossarySingle__side .glossarySidemenu dl dt span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 0 1.8rem;
    margin-bottom: 1.2rem;
    font-size: 1.5rem
}

.underlayerGlossarySingle .glossarySingle__side .glossarySidemenu dl dt span:before {
    content: "";
    display: block;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: #b2c1cb;
    height: 1px;
    margin-right: 1.5rem
}

.underlayerGlossarySingle .glossarySingle__side .glossarySidemenu dl dt span:after {
    content: "";
    display: block;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background-color: #b2c1cb;
    height: 1px;
    margin-left: 1.5rem
}

.underlayerGlossarySingle .glossarySingle__side .glossarySidemenu dl dd {
    width: 8.5rem
}

.underlayerGlossarySingle .glossarySingle__side .glossarySidemenu dl dd:last-child {
    width: 17.2rem
}

.underlayerGlossarySingle .glossarySingle__side .glossarySidemenu dl dd a {
    position: relative;
    display: block;
    border: 1px solid #d4e2eb;
    border-radius: .3rem;
    background-color: #fff;
    width: 100%;
    height: 100%;
    padding: 1.4rem 2.8rem 1.4rem 1.4rem;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1;
    color: #005691
}

.underlayerGlossarySingle .glossarySingle__side .glossarySidemenu dl dd a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 1.5rem;
    display: block;
    width: .5rem;
    height: .5rem;
    margin-top: -0.2rem;
    border-right: solid 1px var(--colorMain);
    border-bottom: solid 1px var(--colorMain);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: .3s;
    transition: .3s
}

.underlayerGlossarySingle .glossarySingle__side .glossarySidemenu dl dd a:hover {
    border: 1px solid #005691
}

.underlayerGlossarySingle .glossarySingle__side .glossarySidemenu dl dd a:hover:after {
    right: 1.1rem
}

.underlayerGlossarySingle .glossarySingle__side .btn {
    margin-top: 1rem;
    text-align: center
}

.underlayerGlossarySingle .glossarySingle__side .btn a {
    position: relative;
    display: block;
    border-radius: .5rem;
    background: #2f79b1;
    width: 100%;
    padding: 1.1rem 2rem 1.1rem 2rem;
    font-size: 1.7rem;
    line-height: 2.6rem;
    font-weight: 700;
    color: #fff;
    -webkit-box-shadow: 0 .3rem 0 #0f4771;
    box-shadow: 0 .3rem 0 #0f4771;
    -webkit-transition: all .4s;
    transition: all .4s;
    top: 0
}

.underlayerGlossarySingle .glossarySingle__side .btn a span {
    position: relative;
    padding: 0 1.5rem 0 0
}

.underlayerGlossarySingle .glossarySingle__side .btn a span:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: .6rem;
    height: .6rem;
    border-left: solid 2px #fff;
    border-bottom: solid 2px #fff;
    -webkit-transform: rotate(-134deg);
    transform: rotate(-134deg);
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

@media(min-width: 769px) {
    .underlayerGlossarySingle .glossarySingle__side .btn a:hover {
        background:#4e95cb;
        top: .3rem;
        -webkit-box-shadow: 0 0 0 #005691;
        box-shadow: 0 0 0 #005691
    }
}

.singleMeta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 2rem 0
}

.singleMeta .day {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.2rem;
    margin: 0;
    font-size: 1.3rem;
    color: #7c8388
}

.singleMeta .day strong {
    color: #000
}

.singleMeta .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .3rem;
    margin: 0
}

.singleMeta .btn li button,.singleMeta .btn li .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    width: 4rem;
    height: 4rem;
    background: #f1f1f1;
    -webkit-transition: all .4s;
    transition: all .4s
}

.singleMeta .btn li button.copy,.singleMeta .btn li .btn.copy {
    position: relative;
    margin: 0;
    padding: 0
}

.singleMeta .btn li button.copy svg,.singleMeta .btn li .btn.copy svg {
    width: 2rem;
    height: 1.901rem
}

.singleMeta .btn li button.item__like,.singleMeta .btn li .btn.item__like {
    position: relative;
    margin: 0;
    padding: 0
}

.singleMeta .btn li button.item__like svg,.singleMeta .btn li .btn.item__like svg {
    width: 1.55rem;
    height: 1.352rem
}

.singleMeta .btn li button.item__like svg use,.singleMeta .btn li .btn.item__like svg use {
    fill: #d56272;
    stroke: #d56272
}

.singleMeta .btn li button.item__like.isActive,.singleMeta .btn li .btn.item__like.isActive {
    background-color: #d56272
}

.singleMeta .btn li button.item__like.isActive svg,.singleMeta .btn li .btn.item__like.isActive svg {
    width: 1.55rem;
    height: 1.352rem
}

.singleMeta .btn li button.item__like.isActive svg use,.singleMeta .btn li .btn.item__like.isActive svg use {
    fill: #f1f1f1;
    stroke: #f1f1f1
}

.singleMeta .btn li button:hover,.singleMeta .btn li .btn:hover {
    background-color: #d3d3d3
}

.singleMeta .btn li.share {
    position: relative;
    margin: 0;
    padding: 0
}

.singleMeta .btn li.share .btn {
    background: #f1f1f1 url(/assets/images/share.svg) center center no-repeat;
    background-size: 1.6rem;
    font-size: 0;
    color: #fff;
    cursor: pointer
}

.singleMeta .btn li.share ul {
    left: 0
}

.singleMeta .btn li.share ul:before {
    left: 1.2rem
}

.singleMeta .btn2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem;
    margin: 0
}

.singleMeta .btn2 li.share {
    position: relative;
    margin: 0;
    padding: 0
}

.singleMeta .btn2 li.share .btn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 3rem;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s
}

.singleMeta .btn2 li.share .btn:before {
    content: "";
    display: block;
    border-radius: 3rem;
    background: #f1f1f1 url(/assets/images/share.svg) center center no-repeat;
    background-size: 1.6rem;
    width: 3rem;
    height: 3rem;
    margin-right: .8rem
}

.singleMeta .btn2 li.share .btn:hover {
    opacity: .6
}

.singleMeta .btn2 li.share ul {
    right: 0
}

.singleMeta .btn2 li.share ul:before {
    right: 1.5rem
}

.singleMeta .btn2 li.favorite {
    position: relative;
    margin: 0;
    padding: 0
}

.singleMeta .btn2 li.favorite button {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 3rem;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1
}

.singleMeta .btn2 li.favorite button:before {
    content: "";
    display: block;
    border-radius: 3rem;
    background: #f1f1f1 url(/service/assets/images/icon_sidebar03.svg) center center no-repeat;
    background-size: 1.2rem;
    width: 3rem;
    height: 3rem;
    margin-right: .8rem
}

.singleMeta .btn2 li.favorite button:hover {
    opacity: .7
}

.singleMeta .btn2 li.favorite button.isActive:before {
    background: #d56272 url(/service/assets/images/icon_sidebar03_h.svg) center center no-repeat;
    background-size: 1.2rem
}

.singleMeta .share ul {
    display: block;
    display: none;
    position: absolute;
    top: 100%;
    border: 3px solid #d8d8d8;
    border-radius: .5rem;
    background-color: #fff;
    width: 20rem;
    margin: 0 !important;
    padding: 1.5rem !important;
    font-size: 1.5rem;
    line-height: 1.75;
    z-index: 5
}

.singleMeta .share ul li {
    margin: 0 !important;
    padding: 0 !important
}

.singleMeta .share ul li a,.singleMeta .share ul li button,.singleMeta .share ul li .urlCopyBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    border: none;
    border-radius: 0;
    background: none !important;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    text-decoration: none;
    color: var(--colorMain)
}

.singleMeta .share ul li a img,.singleMeta .share ul li button img,.singleMeta .share ul li .urlCopyBtn img {
    width: 3.4rem;
    margin-right: 1.5rem
}

.singleMeta .share ul li a:hover,.singleMeta .share ul li button:hover,.singleMeta .share ul li .urlCopyBtn:hover {
    opacity: .7
}

.singleMeta .share ul li:not(:last-child) {
    margin-bottom: 1rem !important
}

.singleMeta .share ul li:before,.singleMeta .share ul li:after {
    display: none !important
}

.singleMeta .share ul:before {
    content: "";
    position: absolute;
    top: -1.2rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 .5rem 1rem .5rem;
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #d8d8d8 rgba(0,0,0,0)
}

@media(max-width: 768px) {
    .mainvisualBackground--glossary:after {
        background:url(../../assets/images/mainvisual_background07.webp) right top no-repeat;
        background-size: cover
    }

    .mainvisualBackground--glossary .underlayerMainvisual .glossaryWord {
        background: #fff url(../../assets/images/glossary_back.webp) center top 2rem no-repeat;
        background-size: 60%;
        width: 100%;
        margin-top: 2.6rem;
        padding: 19rem 2rem 2rem 2rem
    }

    .mainvisualBackground--glossary .underlayerMainvisual .glossaryWord h2 {
        border-bottom: 1.5px dotted #c5c5c5;
        background: none;
        width: 100%;
        min-height: none;
        margin-bottom: 1.5rem;
        padding-left: 0;
        padding-bottom: 1.5rem;
        font-size: 1.8rem;
        line-height: 1.5
    }

    .mainvisualBackground--glossary .underlayerMainvisual .glossaryWord dl {
        display: block;
        width: 100%
    }

    .mainvisualBackground--glossary .underlayerMainvisual .glossaryWord dl dt {
        width: 100%;
        height: inherit;
        margin-bottom: 1.5rem;
        padding-left: 1.4rem;
        font-size: 1.6rem;
        font-weight: 700;
        line-height: 1
    }

    .mainvisualBackground--glossary .underlayerMainvisual .glossaryWord dl dt:before {
        top: .7rem
    }

    .mainvisualBackground--glossary .underlayerMainvisual .glossaryWord dl dd {
        width: 100%
    }

    .mainvisualBackground--glossary .underlayerMainvisual .glossaryWord dl dd ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .mainvisualBackground--glossary .underlayerMainvisual .glossaryWord dl dd ul li {
        margin: 0 .4rem .4rem 0
    }

    .mainvisualBackground--glossary .underlayerMainvisual .glossaryWord dl dd ul li a {
        padding: .8rem;
        font-size: 1.4rem;
        letter-spacing: 0
    }

    .mainvisualBackground--glossary .underlayerMainvisual .glossarySingle {
        display: block
    }

    .mainvisualBackground--glossary .underlayerMainvisual .glossarySingle .label {
        margin: 0 0 1rem 0
    }

    .mainvisualBackground--glossary .underlayerMainvisual .glossarySingle div {
        width: 100%
    }

    .mainvisualBackground--glossary .underlayerMainvisual .glossarySingle div .underlayerMainvisual__text {
        margin-top: .5rem;
        font-size: 1.6rem;
        line-height: 1.7
    }

    .underlayerGlossaryDetai {
        padding: 4rem 0 5rem 0
    }

    .underlayerGlossaryDetai h2 {
        margin: 5rem 0 2rem 0;
        font-size: 2.1rem
    }

    .underlayerGlossaryDetai h2 span {
        border-radius: 4.2rem;
        width: 4.2rem;
        height: 4.2rem;
        margin-right: .7rem;
        font-size: 2.1rem;
        line-height: 4.2rem
    }

    .underlayerGlossaryDetai h2:after {
        width: calc(100% - 8rem)
    }

    .underlayerGlossaryDetai .wordList h3 {
        border-radius: 4rem;
        width: 4rem;
        height: 4rem;
        margin-bottom: 2.5rem;
        font-size: 1.8rem;
        line-height: 4rem
    }

    .underlayerGlossaryDetai .wordList ul {
        width: calc(100% - 5rem);
        margin-bottom: 2.5rem;
        gap: .4rem
    }

    .underlayerGlossaryDetai .wordList ul li {
        width: 100%
    }

    .underlayerGlossaryDetai .wordList ul li a {
        padding: 1rem 3rem 1rem 1.5rem;
        font-size: 1.5rem;
        line-height: 1.5;
        color: #005691
    }

    .underlayerGlossaryDetai .wordList ul li a dl dd {
        margin-top: .2rem;
        font-size: 1.3rem;
        line-height: 1.5
    }

    .underlayerGlossarySingle {
        padding: 3.5rem 0 10rem 0
    }

    .underlayerGlossarySingle .glossarySingle {
        border-bottom: none;
        display: block;
        padding-bottom: 0
    }

    .underlayerGlossarySingle .glossarySingle .singleRead {
        font-size: 1.5rem;
        line-height: 1.8
    }

    .underlayerGlossarySingle .glossarySingle .singleRead h2 {
        position: relative;
        border: none;
        margin: -3rem 0 2rem 0;
        padding: 7rem 0 0 1.6rem;
        font-size: 2rem
    }

    .underlayerGlossarySingle .glossarySingle .singleRead h2+h3 {
        margin-top: 2rem;
        font-size: 1.8rem
    }

    .underlayerGlossarySingle .glossarySingle .singleRead h2:before {
        content: "";
        position: absolute;
        top: 8.2rem;
        left: 0;
        display: block;
        border-radius: .6rem;
        background-color: #005691;
        width: .6rem;
        height: .6rem
    }

    .underlayerGlossarySingle .glossarySingle .singleRead h3 {
        margin: 4rem 0 2rem 0;
        font-size: 1.8rem
    }

    .underlayerGlossarySingle .glossarySingle .singleRead h4 {
        margin: 3.5rem 0 2rem 0;
        font-size: 1.7rem
    }

    .underlayerGlossarySingle .glossarySingle .singleRead h5 {
        margin: 3rem 0 2rem 0;
        font-size: 1.6rem
    }

    .underlayerGlossarySingle .glossarySingle .singleRead h6 {
        margin: 3rem 0 2rem 0;
        font-size: 1.5rem
    }

    .underlayerGlossarySingle .glossarySingle .singleRead hr {
        margin: 3rem 0
    }

    .underlayerGlossarySingle .glossarySingle .singleRead p {
        margin: 2rem 0
    }

    .underlayerGlossarySingle .glossarySingle .singleRead table {
        margin: 2rem 0 3rem 0
    }

    .underlayerGlossarySingle .glossarySingle .singleRead table th {
        min-width: 11rem;
        padding: .8rem 1rem;
        font-size: 1.3rem
    }

    .underlayerGlossarySingle .glossarySingle .singleRead table td {
        padding: .8rem 1rem;
        font-size: 1.3rem
    }

    .underlayerGlossarySingle .glossarySingle .singleRead figure {
        margin: 2rem 0 3rem 0
    }

    .underlayerGlossarySingle .glossarySingle .singleRead blockquote {
        margin: 3rem 0;
        padding: 2rem 5rem
    }

    .underlayerGlossarySingle .glossarySingle .singleRead blockquote:before {
        top: 1.5rem;
        left: 1.5rem
    }

    .underlayerGlossarySingle .glossarySingle .singleRead blockquote:after {
        bottom: 1.5rem;
        right: 1.5rem
    }

    .underlayerGlossarySingle .glossarySingle .singleRead .subBox {
        margin: 2rem 0
    }

    .underlayerGlossarySingle .glossarySingle .singleRead .subBox+.subBox {
        margin-top: -1rem
    }

    .underlayerGlossarySingle .glossarySingle .singleRead .subBox.planner {
        margin-top: 4rem
    }

    .underlayerGlossarySingle .glossarySingle .singleRead .subBox .read {
        padding: 2rem
    }

    .underlayerGlossarySingle .glossarySingle .singleRead .subBox .read .title {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 1rem
    }

    .underlayerGlossarySingle .glossarySingle .singleRead .subBox .read .title img {
        width: 5rem
    }

    .underlayerGlossarySingle .glossarySingle .singleRead .subBox .read .title h3 {
        border-bottom: 1px solid #0078bf;
        width: calc(100% - 6rem);
        padding: 0 0 1rem 0;
        font-size: 1.6rem
    }

    .underlayerGlossarySingle .glossarySingle .singleRead .subBox .read .planner {
        display: block;
        margin: 1.5rem 0
    }

    .underlayerGlossarySingle .glossarySingle .singleRead .subBox .read .planner figure {
        width: 12rem;
        margin: 0 auto 1.5rem auto
    }

    .underlayerGlossarySingle .glossarySingle .singleRead .subBox .read .planner h4 {
        width: 100%;
        font-size: 1.5rem
    }

    .underlayerGlossarySingle .glossarySingle .singleRead .subBox .read .company {
        display: block;
        margin: 1rem 0
    }

    .underlayerGlossarySingle .glossarySingle .singleRead .subBox .read .company figure {
        width: 100%;
        margin-bottom: 1rem;
        padding: 2rem 6rem
    }

    .underlayerGlossarySingle .glossarySingle .singleRead .subBox .read .company h4 {
        width: 100%;
        font-size: 1.5rem
    }

    .underlayerGlossarySingle .glossarySingle .singleRead .subBox .read p {
        margin: 1rem 0 0 0
    }

    .underlayerGlossarySingle .glossarySingle .singleRead .subBox .jump {
        width: 100%;
        margin: 0
    }

    .underlayerGlossarySingle .glossarySingle .singleRead .subBox+h2 {
        margin-top: -2rem
    }

    .underlayerGlossarySingle .glossarySingle .singleRead .column {
        display: block;
        margin: 3rem 0;
        padding: 0
    }

    .underlayerGlossarySingle .glossarySingle .singleRead .column figure {
        width: 100%;
        margin: 0 0 3rem 0
    }

    .underlayerGlossarySingle .glossarySingle .singleRead .column div {
        width: 100%;
        margin: 0
    }

    .underlayerGlossarySingle .glossarySingle .singleRead .container {
        margin: 3rem 0;
        padding: 2rem
    }

    .underlayerGlossarySingle .glossarySingle .singleRead .container dt {
        margin-bottom: 1.4rem;
        font-size: 1.8rem;
        font-weight: 700;
        line-height: 1
    }

    .underlayerGlossarySingle .glossarySingle .singleRead .container dd {
        margin-top: .8rem;
        padding-left: 1.8rem;
        font-size: 1.5rem
    }

    .underlayerGlossarySingle .glossarySingle .singleRead .container dd:before {
        top: 1rem;
        width: 1rem
    }

    .underlayerGlossarySingle .glossarySingle .singleRead .container dd a {
        display: block
    }

    .underlayerGlossarySingle .glossarySingle .singleRead .container dd a:after {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: .8rem;
        height: .8rem;
        margin: -0.6rem 0 0 .6rem
    }

    .underlayerGlossarySingle .glossarySingle__main {
        border-bottom: 1px solid #dcdcdc;
        width: 100%;
        padding-bottom: 6rem
    }

    .underlayerGlossarySingle .glossarySingle__main .linkBtn {
        margin-top: 4rem
    }

    .underlayerGlossarySingle .glossarySingle__side {
        display: none
    }

    .singleMeta {
        margin: 0 0 1.5rem 0
    }

    .singleMeta .day {
        display: block
    }

    .singleMeta .day li {
        margin: 0
    }

    .singleMeta .btn {
        position: relative
    }

    .singleMeta .btn li button,.singleMeta .btn li .btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 100%;
        width: 4rem;
        height: 4rem;
        background: #f1f1f1;
        -webkit-transition: all .4s;
        transition: all .4s
    }

    .singleMeta .btn li button.copy,.singleMeta .btn li .btn.copy {
        position: relative;
        margin: 0;
        padding: 0
    }

    .singleMeta .btn li button.copy svg,.singleMeta .btn li .btn.copy svg {
        width: 2rem;
        height: 1.901rem
    }

    .singleMeta .btn li button.item__like,.singleMeta .btn li .btn.item__like {
        position: relative;
        margin: 0;
        padding: 0
    }

    .singleMeta .btn li button.item__like svg,.singleMeta .btn li .btn.item__like svg {
        width: 1.55rem;
        height: 1.352rem
    }

    .singleMeta .btn li button.item__like svg use,.singleMeta .btn li .btn.item__like svg use {
        fill: #d56272;
        stroke: #d56272
    }

    .singleMeta .btn li button.item__like.isActive,.singleMeta .btn li .btn.item__like.isActive {
        background-color: #d56272
    }

    .singleMeta .btn li button.item__like.isActive svg,.singleMeta .btn li .btn.item__like.isActive svg {
        width: 1.55rem;
        height: 1.352rem
    }

    .singleMeta .btn li button.item__like.isActive svg use,.singleMeta .btn li .btn.item__like.isActive svg use {
        fill: #f1f1f1;
        stroke: #f1f1f1
    }

    .singleMeta .btn li button:hover,.singleMeta .btn li .btn:hover {
        background-color: #d3d3d3
    }

    .singleMeta .btn li.share {
        position: relative;
        margin: 0;
        padding: 0
    }

    .singleMeta .btn li.share .btn {
        background: #f1f1f1 url(/assets/images/share.svg) center center no-repeat;
        background-size: 1.6rem;
        font-size: 0;
        color: #fff;
        cursor: pointer
    }

    .singleMeta .btn li.share ul {
        left: 0
    }

    .singleMeta .btn li.share ul:before {
        left: 1.2rem
    }

    .singleMeta .btn2 {
        gap: .4rem
    }

    .singleMeta .btn2 li.share .btn {
        position: relative;
        display: block;
        width: 4.6rem;
        height: 4.6rem;
        font-size: 0
    }

    .singleMeta .btn2 li.share .btn:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        border-radius: 4.6rem;
        background: #f1f1f1 url(/assets/images/share.svg) center center no-repeat;
        background-size: 2.4rem;
        width: 4.6rem;
        height: 4.6rem;
        margin-right: 0
    }

    .singleMeta .btn2 li.favorite button {
        position: relative;
        display: block;
        width: 4.6rem;
        height: 4.6rem;
        font-size: 0
    }

    .singleMeta .btn2 li.favorite button:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        border-radius: 4.6rem;
        background: #f1f1f1 url(/service/assets/images/icon_sidebar03.svg) center center no-repeat;
        background-size: 1.8rem;
        width: 4.6rem;
        height: 4.6rem;
        margin-right: 0
    }

    .singleMeta .btn2 li.favorite button.isActive:before {
        background: #d56272 url(/service/assets/images/icon_sidebar03_h.svg) center center no-repeat;
        background-size: 1.8rem
    }

    .singleMeta .share ul {
        display: block;
        display: none;
        position: absolute;
        top: 100%;
        border: 3px solid #d8d8d8;
        border-radius: .5rem;
        background-color: #fff;
        width: 20rem;
        margin: 0 !important;
        padding: 1.5rem !important;
        font-size: 1.5rem;
        line-height: 1.75;
        z-index: 5
    }

    .singleMeta .share ul li {
        margin: 0 !important;
        padding: 0 !important
    }

    .singleMeta .share ul li a,.singleMeta .share ul li button,.singleMeta .share ul li .urlCopyBtn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        white-space: nowrap;
        border: none;
        border-radius: 0;
        background: none !important;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        text-decoration: none;
        color: var(--colorMain)
    }

    .singleMeta .share ul li a img,.singleMeta .share ul li button img,.singleMeta .share ul li .urlCopyBtn img {
        width: 3.4rem;
        margin-right: 1.5rem
    }

    .singleMeta .share ul li a:hover,.singleMeta .share ul li button:hover,.singleMeta .share ul li .urlCopyBtn:hover {
        opacity: .7
    }

    .singleMeta .share ul li:not(:last-child) {
        margin-bottom: 1rem !important
    }

    .singleMeta .share ul li:before,.singleMeta .share ul li:after {
        display: none !important
    }

    .singleMeta .share ul:before {
        content: "";
        position: absolute;
        top: -1.2rem;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 .5rem 1rem .5rem;
        border-color: rgba(0,0,0,0) rgba(0,0,0,0) #d8d8d8 rgba(0,0,0,0)
    }
}

figure a img {
    -webkit-transition: all .4s;
    transition: all .4s
}

figure a:hover img {
    opacity: .7
}

.glossarySingle__main .singleMeta .btn2 {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end
}

@media(max-width: 768px) {
    .glossarySingle__main .singleMeta .btn2 {
        width:auto
    }
}

.glossarySingle__main a {
    color: var(--colorMain);
    text-decoration: underline
}

@media(min-width: 769px) {
    .glossarySingle__main a:hover {
        text-decoration:none
    }

    .glossarySingle__main a:hover u {
        text-decoration: none
    }
}

.underlayerGlossarySingle .glossarySingle .singleRead figure img {
    width: auto
}

.bg_light_gray {
    background: #f8f8f8;
    padding: 4rem;
    margin: 2.5rem 0
}

@media(max-width: 768px) {
    .bg_light_gray {
        padding:2rem;
        margin: 2rem 0
    }
}

.bg_gray {
    background: #f2f2f2;
    padding: 4rem;
    margin: 2.5rem 0
}

@media(max-width: 768px) {
    .bg_gray {
        padding:2rem;
        margin: 2rem 0
    }
}

.bg_light_yellow {
    background: #fffceb;
    padding: 4rem;
    margin: 2.5rem 0
}

@media(max-width: 768px) {
    .bg_light_yellow {
        padding:2rem;
        margin: 2rem 0
    }
}

.bg_light_blue {
    background: #f1f7fb;
    padding: 4rem;
    margin: 2.5rem 0
}

@media(max-width: 768px) {
    .bg_light_blue {
        padding:2rem;
        margin: 2rem 0
    }
}

.bg_light_pink {
    background: #faf0f1;
    padding: 4rem;
    margin: 2.5rem 0
}

@media(max-width: 768px) {
    .bg_light_pink {
        padding:2rem;
        margin: 2rem 0
    }
}

.underlayerGlossarySingle .glossarySingle__side .glossary_banner {
    margin: 2rem 0 0 0
}

.underlayerGlossarySingle .glossarySingle__side .glossary_banner .onlysp {
    display: none
}

@media(min-width: 769px) {
    .underlayerGlossarySingle .glossarySingle__side .glossary_banner a:hover img {
        opacity:.7
    }
}

@media(max-width: 768px) {
    .underlayerGlossarySingle .glossarySingle__side {
        width:100%
    }

    .underlayerGlossarySingle .glossarySingle__side .glossarySidemenu dl dd {
        width: 32.5%
    }

    .underlayerGlossarySingle .glossarySingle__side .glossarySidemenu dl dd:last-child {
        width: 66%
    }

    .underlayerGlossarySingle .glossarySingle__side .glossarySidemenu {
        margin: 4rem 0 0 0;
        padding: 0;
        position: unset
    }

    .underlayerGlossarySingle .glossarySingle__side {
        display: block
    }

    .underlayerGlossarySingle .glossarySingle__side .glossarySidemenu {
        position: unset;
        top: unset;
        right: unset
    }

    .underlayerGlossarySingle .glossarySingle__side .glossary_banner .onlysp {
        display: block
    }

    .underlayerGlossarySingle .glossarySingle__side .glossary_banner .onlypc {
        display: none
    }

    .underlayerGlossarySingle .glossarySingle__side .glossary_banner {
        position: fixed;
        left: 2rem;
        right: 2rem;
        margin: auto;
        bottom: 6rem;
        z-index: 2
    }

    .underlayerGlossarySingle .glossarySingle {
        position: unset
    }

    .underlayerGlossarySingle .glossarySingle__side .glossarySidemenu dl {
        display: none
    }

    .underlayerGlossarySingle .glossarySingle__side .btn {
        display: none
    }
}

dl.five_sounds {
    border-bottom: 1.5px dotted #c5c5c5;
    padding: 0 0 1rem 0;
    margin: 0 0 1.5rem 0
}

.mainvisualBackground--glossary .underlayerMainvisual .glossaryWord dl.five_sounds dd ul li a {
    position: relative;
    display: block;
    border: 1px solid #d4e2eb;
    border-radius: .3rem;
    background-color: #fff;
    width: 100%;
    height: 100%;
    padding: 1.4rem 2.8rem 1.4rem 1.4rem;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1;
    color: #005691
}

.mainvisualBackground--glossary .underlayerMainvisual .glossaryWord dl.five_sounds dd ul li a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 1.5rem;
    display: block;
    width: .5rem;
    height: .5rem;
    margin-top: -0.2rem;
    border-right: solid 1px var(--colorMain);
    border-bottom: solid 1px var(--colorMain);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: .3s;
    transition: .3s
}

@media(min-width: 769px) {
    .mainvisualBackground--glossary .underlayerMainvisual .glossaryWord dl.five_sounds dd ul li a:hover {
        border:1px solid #005691
    }

    .mainvisualBackground--glossary .underlayerMainvisual .glossaryWord dl.five_sounds dd ul li a:hover:after {
        right: 1.1rem
    }
}

@media(max-width: 768px) {
    .mainvisualBackground--glossary .underlayerMainvisual .glossaryWord dl.five_sounds dd ul li a {
        padding:1.2rem 2.5rem 1.2rem 1rem
    }

    .mainvisualBackground--glossary .underlayerMainvisual .glossaryWord dl dd ul li a {
        padding: .8rem .7rem
    }

    .underlayerGlossaryDetai h2 {
        padding: 6.5rem 0 2rem 0;
        margin: 0
    }

    .underlayerGlossaryDetai h2:after {
        content: "";
        position: absolute;
        top: 8.5rem
    }

    .underlayer.extra_glossary {
        padding: 0 0 9rem
    }
}

.mainvisualBackground--issue:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(../../assets/images/mainvisual_background09.webp) right top no-repeat;
    background-size: cover
}

.mainvisualBackground--issue h1 span {
    font-size: 2.1rem;
    font-weight: 500
}

.mainvisualBackground--issue .issueCopy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .8rem
}

.mainvisualBackground--issue .issueCopy .label {
    margin: 0 !important;
    white-space: nowrap
}

.mainvisualBackground--issue .issueCopy .copy {
    margin: 0;
    padding-left: 1.8rem;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1.5
}

.mainvisualBackground--issue .issueTime {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1.5rem;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1
}

.mainvisualBackground--issue .issueTime strong {
    font-size: 2.1rem;
    color: #005691;
    display: contents
}

.mainvisualBackground--issue .issueTime:before {
    content: "";
    display: block;
    background: url(/service/assets/images/icon_time2.svg) no-repeat left center;
    background-size: 2.2rem auto;
    width: 2.2rem;
    height: 2.4rem;
    margin-right: 1rem
}

.mainvisualBackground--issue .issueTag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1.8rem
}

.mainvisualBackground--issue .issueTag .column__cardTag {
    margin: 0 2rem 0 0 !important
}

.mainvisualBackground--issue .issueTag .column__cardHash {
    margin: 0 !important
}

.underlayerIssue .issueSingle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 2rem;
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 3rem;
    padding-bottom: 8rem
}

.underlayerIssue .issueSingle__main {
    width: 76rem
}

.underlayerIssue .issueSingle__main .issueTop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 3rem
}

.underlayerIssue .issueSingle__main .issueTop h2 {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .04rem
}

.underlayerIssue .issueSingle__main .issueTop .results {
    font-size: 3.4rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .04rem
}

.underlayerIssue .issueSingle__main .issueTop .results span {
    font-size: 1.8rem;
    font-weight: 400
}

.underlayerIssue .issueSingle__main .issueTop .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem
}

.underlayerIssue .issueSingle__main .issueTop .menu .select {
    position: relative
}

.underlayerIssue .issueSingle__main .issueTop .menu .select::after {
    content: "";
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    bottom: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #005691;
    -webkit-transform: translateX(0%) rotate(90deg);
    transform: translateX(0%) rotate(90deg);
    pointer-events: none
}

.underlayerIssue .issueSingle__main .issueTop .menu .select select {
    border: solid 1px #d0d6db;
    padding: .8rem 4.5rem .8rem 1rem;
    font-size: 1.4rem;
    line-height: 2.1rem;
    letter-spacing: .02rem;
    border-radius: .5rem;
    cursor: pointer
}

.underlayerIssue .issueSingle__main .issueTop .menu .change {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .8rem
}

.underlayerIssue .issueSingle__main .issueTop .menu .change li {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 2.6rem;
    width: 2.5rem;
    height: 2.5rem;
    cursor: pointer;
    opacity: .2
}

.underlayerIssue .issueSingle__main .issueTop .menu .change li.one {
    background-image: url(/service/assets/images/issue_mode_a.svg)
}

.underlayerIssue .issueSingle__main .issueTop .menu .change li.two {
    background-image: url(/service/assets/images/issue_mode_b.svg)
}

.underlayerIssue .issueSingle__main .issueTop .menu .change li.on {
    opacity: 1
}

.underlayerIssue .issueSingle__main .issueEnd {
    margin: 6rem 0 4rem 0;
    font-size: 1.3rem;
    line-height: 2.2rem
}

.underlayerIssue .issueSingle__main .issueEnd h3 {
    margin: 0 0 1rem 0;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.2
}

.underlayerIssue .issueSingle__main .issueEnd .issueTag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 2.4rem
}

.underlayerIssue .issueSingle__main .issueEnd .issueTag .column__cardTag {
    margin: 0 2rem 0 0 !important
}

.underlayerIssue .issueSingle__main .issueEnd .issueTag .column__cardHash {
    margin: 0 !important
}

.underlayerIssue .issueSingle__main .issueService {
    margin: 6rem 0 4rem 0
}

.underlayerIssue .issueSingle__main .issueService h2 {
    margin-bottom: 3rem;
    font-size: 2.8rem;
    line-height: 1.2;
    font-weight: 700;
    color: #000
}

.underlayerIssue .issueSingle__main .issueService .item {
    margin-bottom: 2rem
}

.underlayerIssue .issueSingle__main .issueService .item:last-child {
    margin-bottom: 0
}

.underlayerIssue .issueSingle__main .issueService a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.underlayerIssue .issueSingle__main .issueService a figure {
    border-radius: .4rem;
    width: 15rem;
    height: 9.8rem;
    overflow: hidden
}

.underlayerIssue .issueSingle__main .issueService a figure img {
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

.underlayerIssue .issueSingle__main .issueService a .column__cardDate {
    position: relative;
    top: 0;
    right: 0;
    margin: 0 0 .5rem 0
}

.underlayerIssue .issueSingle__main .issueService a .column__cardDate .category {
    padding: .3rem .8rem;
    font-size: 1.2rem;
    line-height: 1.6rem
}

.underlayerIssue .issueSingle__main .issueService a .item__service {
    width: calc(100% - 17rem)
}

.underlayerIssue .issueSingle__main .issueService a .categorySub {
    min-height: initial;
    margin: 0 0 .5rem 0
}

.underlayerIssue .issueSingle__main .issueService a .item__areaTtl {
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 1.6;
    color: #000
}

.underlayerIssue .issueSingle__main .issueService a .item__areaTtl span {
    display: inline;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--colorMain)), to(var(--colorMain))) 0 100%/0 1px no-repeat;
    background: linear-gradient(var(--colorMain), var(--colorMain)) 0 100%/0 1px no-repeat;
    -webkit-transition: background .3s;
    transition: background .3s;
    text-decoration: none
}

@media(min-width: 769px) {
    .underlayerIssue .issueSingle__main .issueService a:hover img {
        opacity:.9;
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }

    .underlayerIssue .issueSingle__main .issueService a:hover .item__areaTtl span {
        color: var(--colorMain);
        background-size: 100% 1px
    }
}

.underlayerIssue .issueSingle__main .issueTalent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 6rem
}

.underlayerIssue .issueSingle__main .issueTalent h3 {
    font-size: 2.1rem;
    font-weight: 700;
    line-height: 1
}

.underlayerIssue .issueSingle__main .issueTalent .talent {
    width: 65rem;
    font-size: 1.4rem;
    line-height: 2.4rem
}

.underlayerIssue .issueSingle__main .issueTalent .talent .data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 1.6rem
}

.underlayerIssue .issueSingle__main .issueTalent .talent .data figure {
    width: 10rem
}

.underlayerIssue .issueSingle__main .issueTalent .talent .data div {
    width: calc(100% - 12rem)
}

.underlayerIssue .issueSingle__main .issueTalent .talent .data div .profile {
    font-size: 1.3rem;
    line-height: 1.6;
    color: #888
}

.underlayerIssue .issueSingle__main .issueTalent .talent .data div .name {
    margin-top: 1rem;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
    color: #000
}

.underlayerIssue .issueSingle__main .issueTalent .talent .linkBtn {
    margin-top: 2rem;
    text-align: left
}

.underlayerIssue .issueSingle__main .talentMenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .6%
}

.underlayerIssue .issueSingle__main .talentMenu li {
    width: 24.5%
}

.underlayerIssue .issueSingle__main .talentMenu li a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: solid 1px #ccc;
    border-radius: .4rem;
    width: 100%;
    height: 100%;
    padding: 1.4rem 4rem 1.4rem 1.6rem;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.4;
    color: var(--colorMain);
    white-space: nowrap
}

.underlayerIssue .issueSingle__main .talentMenu li a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 1.8rem;
    margin: auto;
    display: block;
    width: 1rem;
    height: 1rem;
    margin-top: -0.8rem;
    border-right: solid 1.5px var(--colorMain);
    border-bottom: solid 1.5px var(--colorMain);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 1;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.underlayerIssue .issueSingle__main .talentMenu li a:hover {
    border: solid 1px var(--colorMain)
}

.underlayerIssue .issueSingle__main .talentMenu li a:hover:after {
    margin-top: -0.4rem
}

.underlayerIssue .issueSingle__main .talentHead {
    margin: 8rem 0 2.8rem 0;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1
}

.underlayerIssue .issueSingle__main .talentList {
    border-radius: .5rem;
    width: 100%;
    background-color: #f1f7fb;
    margin: 2rem 0 4rem 0;
    padding: 3rem
}

.underlayerIssue .issueSingle__main .talentList a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #fff;
    background-color: #fff;
    border-radius: .4rem;
    margin-bottom: 1rem;
    padding: 2rem;
    color: #333
}

.underlayerIssue .issueSingle__main .talentList a:last-child {
    margin-bottom: 0
}

.underlayerIssue .issueSingle__main .talentList a figure {
    width: 8.5rem;
    height: 8.5rem;
    overflow: hidden
}

.underlayerIssue .issueSingle__main .talentList a .data {
    -ms-flex-item-align: start;
    align-self: flex-start;
    width: 30.5rem
}

.underlayerIssue .issueSingle__main .talentList a .data .profile {
    font-size: 1.3rem;
    line-height: 1.5
}

.underlayerIssue .issueSingle__main .talentList a .data .name {
    margin-top: 1rem;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
    color: #000
}

.underlayerIssue .issueSingle__main .talentList a .data .name span {
    font-size: 1.5rem;
    font-weight: 500
}

.underlayerIssue .issueSingle__main .talentList a .btn {
    position: relative;
    border: 1px solid #204f74;
    border-radius: .5rem;
    background-color: #fff;
    width: 22rem;
    padding: 1.6rem 3rem 1.6rem 2rem;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    color: #204f74;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.underlayerIssue .issueSingle__main .talentList a .btn:after {
    content: "";
    position: absolute;
    top: 0;
    right: 2rem;
    bottom: 0;
    margin: auto;
    display: block;
    width: .6rem;
    height: .6rem;
    border-left: solid 1.5px var(--colorMain);
    border-bottom: solid 1.5px var(--colorMain);
    -webkit-transform: rotate(-134deg);
    transform: rotate(-134deg);
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.underlayerIssue .issueSingle__main .talentList a:hover {
    border: 1px solid #204f74
}

.underlayerIssue .issueSingle__main .talentList a:hover .btn {
    background-color: #204f74;
    color: #fff
}

.underlayerIssue .issueSingle__main .talentList a:hover .btn:after {
    right: 1.7rem;
    border-left: solid 1.5px #fff;
    border-bottom: solid 1.5px #fff
}

.underlayerIssue .issueSingle__main .talentMeta {
    border-radius: .5rem;
    width: 100%;
    background-color: #f1f7fb;
    padding: 3rem
}

.underlayerIssue .issueSingle__main .talentMeta .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    padding: 2rem
}

.underlayerIssue .issueSingle__main .talentMeta .item figure {
    width: 15rem;
    height: 15rem;
    overflow: hidden
}

.underlayerIssue .issueSingle__main .talentMeta .item .data {
    width: calc(100% - 18rem);
    line-height: 1.6
}

.underlayerIssue .issueSingle__main .talentMeta .item .data .profile {
    font-size: 1.5rem;
    color: #333
}

.underlayerIssue .issueSingle__main .talentMeta .item .data .name {
    margin-top: .6rem;
    font-size: 2.6rem;
    font-weight: 700
}

.underlayerIssue .issueSingle__main .talentMeta .item .data .name span {
    font-size: 1.5rem;
    font-weight: 500
}

.underlayerIssue .issueSingle__main .talentDay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 1.2rem;
    margin-top: 1.5rem;
    font-size: 1.3rem;
    color: #7c8388
}

.underlayerIssue .issueSingle__main .talentDay strong {
    color: #000
}

.underlayerIssue .issueSingle__main .talentProfile {
    width: 100%;
    margin-top: 4rem
}

.underlayerIssue .issueSingle__main .talentProfile .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #dcdcdc;
    width: 100%;
    margin-bottom: 3rem;
    padding-bottom: 3rem
}

.underlayerIssue .issueSingle__main .talentProfile .item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.underlayerIssue .issueSingle__main .talentProfile .item h3 {
    width: 11rem;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.5
}

.underlayerIssue .issueSingle__main .talentProfile .item div {
    width: calc(100% - 13rem);
    font-size: 1.6rem;
    line-height: 1.8
}

.underlayerIssue .issueSingle__main .talentProfile .item div a {
    text-decoration: underline;
    color: var(--colorMain)
}

.underlayerIssue .issueSingle__main .talentProfile .item div a:hover {
    text-decoration: none;
    color: #000
}

.underlayerIssue .issueSingle__main .talentProfile .item div p {
    margin: 1.5rem 0
}

.underlayerIssue .issueSingle__main .talentProfile .item div p:first-child {
    margin-top: 0
}

.underlayerIssue .issueSingle__main .talentProfile .item div p:last-child {
    margin-bottom: 0
}

.underlayerIssue .issueSingle__main .talentProfile .item div ul {
    margin: 1.5rem 0
}

.underlayerIssue .issueSingle__main .talentProfile .item div ul:first-child {
    margin-top: 0
}

.underlayerIssue .issueSingle__main .talentProfile .item div ul:last-child {
    margin-bottom: 0
}

.underlayerIssue .issueSingle__main .talentProfile .item div ul li {
    padding-left: 1.4rem;
    position: relative
}

.underlayerIssue .issueSingle__main .talentProfile .item div ul li:before {
    content: "";
    position: absolute;
    top: 1.3rem;
    left: 0;
    display: block;
    border-radius: .4rem;
    background-color: #005691;
    width: .4rem;
    height: .4rem
}

.underlayerIssue .issueSingle__main .talentProfile .item div ol {
    counter-reset: item;
    margin: 1.5rem 0
}

.underlayerIssue .issueSingle__main .talentProfile .item div ol:first-child {
    margin-top: 0
}

.underlayerIssue .issueSingle__main .talentProfile .item div ol:last-child {
    margin-bottom: 0
}

.underlayerIssue .issueSingle__main .talentProfile .item div ol li {
    padding-left: 2.6rem;
    position: relative
}

.underlayerIssue .issueSingle__main .talentProfile .item div ol li:before {
    counter-increment: item;
    content: counter(item) ".";
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 700;
    color: #005691
}

.underlayerIssue .issueSingle__main .talentProfile .item div strong,.underlayerIssue .issueSingle__main .talentProfile .item div .font-bold {
    font-weight: 700
}

.underlayerIssue .issueSingle__main .talentProfile .item div hr {
    border-top: 1px solid #ccc;
    margin: 2.5rem 0
}

.underlayerIssue .issueSingle__main .talentProfile .item div hr:first-child {
    margin-top: 0
}

.underlayerIssue .issueSingle__main .talentProfile .item div hr:last-child {
    margin-bottom: 0
}

.underlayerIssue .issueSingle__main .talentProfile .item div figure {
    width: 100%;
    margin: 2.5rem 0;
    text-align: center
}

.underlayerIssue .issueSingle__main .talentProfile .item div figure:first-child {
    margin-top: 0
}

.underlayerIssue .issueSingle__main .talentProfile .item div figure:last-child {
    margin-bottom: 0
}

.underlayerIssue .issueSingle__main .talentProfile .item div figure figcaption {
    margin-top: .8rem;
    font-size: 80%;
    line-height: 1.4;
    text-align: center;
    color: #888
}

.underlayerIssue .issueSingle__side {
    width: 28rem
}

.underlayerIssue .issueSingle__side .sideBox {
    border-radius: .4rem;
    background-color: #f1f7fb;
    width: 100%;
    margin-bottom: 1rem;
    padding: 1rem
}

.underlayerIssue .issueSingle__side .sideBox.v2 {
    padding: 2rem
}

.underlayerIssue .issueSingle__side .sideBox:last-child {
    margin-bottom: 0
}

.underlayerIssue .issueSingle__side .sideBox h3 {
    position: relative;
    margin-bottom: 1.6rem;
    padding-left: 1.4rem;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1
}

.underlayerIssue .issueSingle__side .sideBox h3:before {
    content: "";
    position: absolute;
    top: .8rem;
    left: 0;
    display: block;
    border-radius: .4rem;
    background-color: #104c75;
    width: .4rem;
    height: .4rem
}

.underlayerIssue .issueSingle__side .sideBox .search {
    position: relative
}

.underlayerIssue .issueSingle__side .sideBox .search input[type=text] {
    vertical-align: middle;
    border-radius: .3rem;
    background-color: #fff;
    width: 100%;
    height: 4.2rem;
    padding: 1rem 4.2rem 1rem 1.5rem;
    font-size: 1.4rem
}

.underlayerIssue .issueSingle__side .sideBox .search button {
    position: absolute;
    top: 0;
    right: 0;
    width: 4.2rem;
    height: 4.2rem
}

.underlayerIssue .issueSingle__side .sideBox .search button svg {
    display: block;
    max-width: 100%;
    width: 2.2rem;
    height: 2.2rem;
    margin: .6rem 0 0 1.4rem
}

.underlayerIssue .issueSingle__side .sideBox .column__cardHash {
    gap: .8rem;
    margin: 0;
    font-size: 1.5rem;
    line-height: 1.3
}

.underlayerIssue .issueSingle__side .sideBox .category {
    border: 1px solid #e3ebf1;
    border-radius: .4rem;
    width: 100%;
    overflow: hidden
}

.underlayerIssue .issueSingle__side .sideBox .category li {
    border-bottom: 1px solid #e3ebf1
}

.underlayerIssue .issueSingle__side .sideBox .category li:last-child {
    border-bottom: none
}

.underlayerIssue .issueSingle__side .sideBox .category a {
    position: relative;
    display: block;
    background-color: #fff;
    padding: 1.7rem 3rem 1.7rem 2rem;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1;
    color: #204f74
}

.underlayerIssue .issueSingle__side .sideBox .category a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 2rem;
    bottom: 0;
    margin: auto;
    display: block;
    width: .5rem;
    height: .5rem;
    border-top: solid 1.5px var(--colorMain);
    border-right: solid 1.5px var(--colorMain);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

@media(min-width: 769px) {
    .underlayerIssue .issueSingle__side .sideBox .category a:hover {
        background-color:#e3ebf1
    }
}

.underlayerIssue .issueSingle__side .sideBox .ranking li {
    margin-top: 1.5rem
}

.underlayerIssue .issueSingle__side .sideBox .ranking a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%
}

.underlayerIssue .issueSingle__side .sideBox .ranking a figure {
    border-radius: .4rem;
    width: 8rem;
    height: 5.2rem;
    margin-top: .5rem;
    overflow: hidden
}

.underlayerIssue .issueSingle__side .sideBox .ranking a figure img {
    width: 8rem;
    height: 5.2rem;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

.underlayerIssue .issueSingle__side .sideBox .ranking a p {
    width: 15rem;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.5;
    color: #000
}

.underlayerIssue .issueSingle__side .sideBox .ranking a p span {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--colorMain)), to(var(--colorMain))) 0 100%/0 1px no-repeat;
    background: linear-gradient(var(--colorMain), var(--colorMain)) 0 100%/0 1px no-repeat;
    -webkit-transition: .3s;
    transition: .3s
}

@media(min-width: 769px) {
    .underlayerIssue .issueSingle__side .sideBox .ranking a:hover img {
        opacity:.9;
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }

    .underlayerIssue .issueSingle__side .sideBox .ranking a:hover p {
        color: var(--colorMain)
    }

    .underlayerIssue .issueSingle__side .sideBox .ranking a:hover p span {
        background-size: 100% 1px
    }
}

.underlayerIssue .issueSingle__side .sideBox .ranking a .num {
    position: absolute;
    top: -0.7rem;
    left: -1.1rem;
    border-radius: 2.4rem;
    background-color: #a2b1d9;
    width: 2.4rem;
    height: 2.4rem;
    font-size: .9rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 2.4rem;
    text-align: center;
    color: #fff;
    z-index: 5
}

.underlayerIssue .issueSingle__side .sideBox .ranking a .num:before {
    content: "";
    display: block;
    position: absolute;
    top: .2rem;
    left: .2rem;
    border: 1px dotted #fff;
    border-radius: 3rem;
    width: 2rem;
    height: 2rem
}

.underlayerIssue .issueSingle__side .sideBox .ranking a .num.no1 {
    background-color: #e9d46a
}

.underlayerIssue .issueSingle__side .sideBox .ranking a .num.no2 {
    background-color: #aaa
}

.underlayerIssue .issueSingle__side .sideBox .ranking a .num.no3 {
    background-color: #855369
}

.underlayerIssue .popularity__card.list_A {
    display: block;
    width: 100%
}

.underlayerIssue .popularity__card.list_A .item {
    position: relative;
    width: 100%;
    margin-bottom: 5rem;
    padding-left: 21rem
}

.underlayerIssue .popularity__card.list_A .item__area {
    display: block
}

@media(min-width: 769px) {
    .underlayerIssue .popularity__card.list_A .item__area:hover img {
        opacity:.9;
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }

    .underlayerIssue .popularity__card.list_A .item__area:hover .item__areaTtl {
        color: var(--colorMain)
    }

    .underlayerIssue .popularity__card.list_A .item__area:hover .item__areaTtl span {
        background-size: 100% 1px
    }
}

.underlayerIssue .popularity__card.list_A .item__areaImg {
    position: absolute;
    top: 0;
    left: 0;
    width: 19rem;
    height: 12.4rem;
    overflow: hidden;
    margin: 0;
    border-radius: .5rem;
    overflow: hidden
}

.underlayerIssue .popularity__card.list_A .item__areaImg img {
    width: 19rem;
    height: 12.4rem;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

.underlayerIssue .popularity__card.list_A .item__areaDivision {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding-right: 5rem;
    line-height: 1
}

.underlayerIssue .popularity__card.list_A .item__area .column__cardDate {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    white-space: nowrap
}

.underlayerIssue .popularity__card.list_A .item__area .column__cardDate .category {
    margin: 0 0 0 1rem;
    padding: .5rem .8rem;
    font-size: 1.2rem;
    line-height: 1;
    white-space: nowrap
}

.underlayerIssue .popularity__card.list_A .item__areaCopy {
    margin: 0 0 0 1rem;
    font-size: 1.4rem;
    line-height: 1;
    letter-spacing: .03rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.underlayerIssue .popularity__card.list_A .item__areaTtl {
    margin: .5rem 0 0 0;
    padding-right: 5rem;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.55;
    letter-spacing: .05rem
}

.underlayerIssue .popularity__card.list_A .item__areaTtl span {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--colorMain)), to(var(--colorMain))) 0 100%/0 1px no-repeat;
    background: linear-gradient(var(--colorMain), var(--colorMain)) 0 100%/0 1px no-repeat;
    -webkit-transition: .3s;
    transition: .3s
}

.underlayerIssue .popularity__card.list_A .item__like {
    position: absolute;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 3.4rem;
    height: 3.4rem;
    background: #f1f1f1;
    border-radius: 100%;
    z-index: 5;
    -webkit-transition: all .4s;
    transition: all .4s
}

.underlayerIssue .popularity__card.list_A .item__like.isActive {
    background: #d56272
}

.underlayerIssue .popularity__card.list_A .item__like.isActive svg use {
    fill: #f1f1f1;
    stroke: #f1f1f1
}

.underlayerIssue .popularity__card.list_A .item__like svg {
    width: 1.307rem;
    height: 1.14rem
}

.underlayerIssue .popularity__card.list_A .item__like svg use {
    fill: #d56272;
    stroke: #d56272
}

@media(min-width: 769px) {
    .underlayerIssue .popularity__card.list_A .item__like:hover {
        background:#d3d3d3
    }
}

.underlayerIssue .popularity__card.list_A .item .column__cardTag {
    gap: .4rem;
    margin: .9rem 0 0 0;
    font-size: 1.4rem
}

.underlayerIssue .popularity__card.list_A .item .column__cardTag a {
    font-size: 1.3rem;
    padding: .4rem 1.4rem
}

.underlayerIssue .popularity__card.list_A .item .column__cardHash {
    margin: .7rem 0 0 0;
    gap: 0 1.2rem;
    line-height: 1.4
}

.underlayerIssue .popularity__card.list_A .item .column__cardHash span {
    line-height: 1.4
}

.underlayerIssue .popularity__card.list_B {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4rem
}

.underlayerIssue .popularity__card.list_B .item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    width: 36rem;
    margin-bottom: 3rem
}

.underlayerIssue .popularity__card.list_B .item__area {
    position: relative;
    display: block
}

@media(min-width: 769px) {
    .underlayerIssue .popularity__card.list_B .item__area:hover img {
        opacity:.9;
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }

    .underlayerIssue .popularity__card.list_B .item__area:hover .item__areaTtl {
        color: var(--colorMain)
    }

    .underlayerIssue .popularity__card.list_B .item__area:hover .item__areaTtl span {
        background-size: 100% 1px
    }
}

.underlayerIssue .popularity__card.list_B .item__areaDivision {
    width: 100%
}

.underlayerIssue .popularity__card.list_B .item__areaImg {
    width: 36rem;
    height: 23.2rem;
    overflow: hidden;
    margin: 0 0 1.8rem 0;
    border-radius: .5rem;
    overflow: hidden
}

.underlayerIssue .popularity__card.list_B .item__areaImg img {
    width: 36rem;
    height: 23.2rem;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

.underlayerIssue .popularity__card.list_B .item__area .column__cardDate {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding-right: 4.5rem
}

.underlayerIssue .popularity__card.list_B .item__areaCopy {
    margin: 1.5rem 0 0 0;
    font-size: 1.6rem;
    line-height: 1.6;
    letter-spacing: .03rem
}

.underlayerIssue .popularity__card.list_B .item__areaTtl {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: .05rem;
    margin: .4rem 0 0 0
}

.underlayerIssue .popularity__card.list_B .item__areaTtl span {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--colorMain)), to(var(--colorMain))) 0 100%/0 1px no-repeat;
    background: linear-gradient(var(--colorMain), var(--colorMain)) 0 100%/0 1px no-repeat;
    -webkit-transition: .3s;
    transition: .3s
}

.underlayerIssue .popularity__card.list_B .item__like {
    position: absolute;
    top: 24.6rem;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 3.4rem;
    height: 3.4rem;
    background: #f1f1f1;
    border-radius: 100%;
    z-index: 5;
    -webkit-transition: all .4s;
    transition: all .4s
}

.underlayerIssue .popularity__card.list_B .item__like.isActive {
    background: #d56272
}

.underlayerIssue .popularity__card.list_B .item__like.isActive svg use {
    fill: #f1f1f1;
    stroke: #f1f1f1
}

.underlayerIssue .popularity__card.list_B .item__like svg {
    width: 1.307rem;
    height: 1.14rem
}

.underlayerIssue .popularity__card.list_B .item__like svg use {
    fill: #d56272;
    stroke: #d56272
}

@media(min-width: 769px) {
    .underlayerIssue .popularity__card.list_B .item__like:hover {
        background:#d3d3d3
    }
}

.underlayerIssue .popularity__card.list_B .item .column__cardTag {
    gap: .5rem;
    margin: 1.5rem 0 0 0
}

.underlayerIssue .popularity__card.list_B .item .column__cardHash {
    margin: 1.2rem 0 0 0;
    gap: 0 1.2rem;
    line-height: 1.6
}

.underlayerIssue .popularity__card.list_B .item .column__cardHash span {
    line-height: 1.6
}

.underlayerIssue .issueRanking {
    background: #ecf3f9;
    margin-top: 8rem;
    padding: 8rem 0
}

.underlayerIssue .issueRanking .popularity__card.list_A .item {
    background-color: #fff;
    margin: 1rem 0 0 0;
    padding: 3rem 3rem 3rem 25rem;
    min-height: 18.4rem
}

.underlayerIssue .issueRanking .popularity__card.list_A .item__areaImg {
    top: 3rem;
    left: 3rem
}

.underlayerIssue .issueRanking .popularity__card.list_A .item__areaDivision {
    padding-right: 0
}

.underlayerIssue .issueRanking .popularity__card.list_A .item__areaTtl {
    padding-right: 0
}

.underlayerIssue .issueRanking .popularity__card.list_A .item .num {
    position: absolute;
    top: 1.3rem;
    left: 1.3rem;
    border-radius: 3.6rem;
    background-color: #a2b1d9;
    width: 3.6rem;
    height: 3.6rem;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 3.6rem;
    text-align: center;
    color: #fff;
    z-index: 5
}

.underlayerIssue .issueRanking .popularity__card.list_A .item .num:before {
    content: "";
    display: block;
    position: absolute;
    top: .3rem;
    left: .3rem;
    border: 1px dotted #fff;
    border-radius: 3rem;
    width: 3rem;
    height: 3rem
}

.underlayerIssue .issueRanking .popularity__card.list_A .item .num.no1 {
    background-color: #e9d46a
}

.underlayerIssue .issueRanking .popularity__card.list_A .item .num.no2 {
    background-color: #aaa
}

.underlayerIssue .issueRanking .popularity__card.list_A .item .num.no3 {
    background-color: #855369
}

.underlayerIssue .searchZero {
    background-color: #f5f5f5;
    padding: 4rem
}

.underlayerIssue .searchZero h2 {
    border-bottom: 1px solid #ccc;
    margin-bottom: 3rem;
    padding-bottom: 2rem;
    font-size: 2.1rem;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    color: #000
}

.underlayerIssue .searchZero dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.underlayerIssue .searchZero dl dt {
    position: relative;
    width: 42%;
    padding-left: 1.4rem;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap
}

.underlayerIssue .searchZero dl dt:before {
    content: "";
    position: absolute;
    top: .8rem;
    left: 0;
    display: block;
    border-radius: .4rem;
    background-color: #104c75;
    width: .4rem;
    height: .4rem
}

.underlayerIssue .searchZero dl dd {
    width: 58%
}

.underlayerIssue .searchZero dl dd.search {
    position: relative
}

.underlayerIssue .searchZero dl dd.search input[type=text] {
    vertical-align: middle;
    border-radius: .3rem;
    background-color: #fff;
    width: 100%;
    height: 4.2rem;
    padding: 1rem 4.2rem 1rem 1.5rem;
    font-size: 1.4rem
}

.underlayerIssue .searchZero dl dd.search button {
    position: absolute;
    top: 0;
    right: 0;
    width: 4.2rem;
    height: 4.2rem
}

.underlayerIssue .searchZero dl dd.search button svg {
    display: block;
    max-width: 100%;
    width: 2.2rem;
    height: 2.2rem;
    margin: .6rem 0 0 1.4rem
}

.underlayerIssue .linkBtn {
    margin-top: 5rem;
    text-align: center
}

.underlayerIssueSingle {
    padding-bottom: 10rem !important
}

.underlayerIssueSingle .singleMeta {
    margin-bottom: 1rem
}

.underlayerIssueSingle .mainImg {
    margin-bottom: 3rem
}

.underlayerIssueSingle .singleRead {
    font-size: 1.7rem;
    line-height: 1.75
}

.underlayerIssueSingle .singleRead h2 {
    border-left: 4px solid #005691;
    margin: 8rem 0 3rem 0;
    padding: 0 0 .3rem 3rem;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.5;
    color: #000
}

.underlayerIssueSingle .singleRead h2+h3 {
    margin-top: 3rem
}

.underlayerIssueSingle .singleRead h3 {
    margin: 5rem 0 2rem 0;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1.6;
    color: #000
}

.underlayerIssueSingle .singleRead h4 {
    margin: 4rem 0 2rem 0;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.6;
    color: #000
}

.underlayerIssueSingle .singleRead h5 {
    margin: 3.5rem 0 2rem 0;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.6;
    color: #000
}

.underlayerIssueSingle .singleRead h6 {
    margin: 3rem 0 2rem 0;
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 1.6;
    color: #000
}

.underlayerIssueSingle .singleRead p {
    margin: 2rem 0
}

.underlayerIssueSingle .singleRead p:first-child {
    margin-top: 0
}

.underlayerIssueSingle .singleRead p:last-child {
    margin-bottom: 0
}

.underlayerIssueSingle .singleRead ul {
    margin: 2rem 0
}

.underlayerIssueSingle .singleRead ul:first-child {
    margin-top: 0
}

.underlayerIssueSingle .singleRead ul:last-child {
    margin-bottom: 0
}

.underlayerIssueSingle .singleRead ul li {
    padding-left: 1.4rem;
    position: relative
}

.underlayerIssueSingle .singleRead ul li:before {
    content: "";
    position: absolute;
    top: 1.3rem;
    left: 0;
    display: block;
    border-radius: .4rem;
    background-color: #005691;
    width: .4rem;
    height: .4rem
}

.underlayerIssueSingle .singleRead ol {
    counter-reset: item;
    margin: 2rem 0
}

.underlayerIssueSingle .singleRead ol:first-child {
    margin-top: 0
}

.underlayerIssueSingle .singleRead ol:last-child {
    margin-bottom: 0
}

.underlayerIssueSingle .singleRead ol li {
    padding-left: 2.6rem;
    position: relative
}

.underlayerIssueSingle .singleRead ol li:before {
    counter-increment: item;
    content: counter(item) ".";
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 700;
    color: #005691
}

.underlayerIssueSingle .singleRead hr {
    border-top: 1px solid #ccc;
    margin: 4rem 0
}

.underlayerIssueSingle .singleRead hr:first-child {
    margin-top: 0
}

.underlayerIssueSingle .singleRead hr:last-child {
    margin-bottom: 0
}

.underlayerIssueSingle .singleRead table {
    border: 1px solid #ccc;
    width: 100%;
    margin: 2rem 0 4rem 0
}

.underlayerIssueSingle .singleRead table th {
    vertical-align: middle;
    border: 1px solid #ccc;
    background-color: #eef7fe;
    padding: 1.2rem 1.5rem;
    font-size: 1.6rem;
    font-weight: 500;
    text-align: center
}

.underlayerIssueSingle .singleRead table td {
    vertical-align: middle;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 1.2rem 1.5rem;
    font-size: 1.6rem
}

.underlayerIssueSingle .singleRead figure {
    width: 100%;
    margin: 4rem 0;
    text-align: center
}

.underlayerIssueSingle .singleRead figure:first-child {
    margin-top: 0
}

.underlayerIssueSingle .singleRead figure:last-child {
    margin-bottom: 0
}

.underlayerIssueSingle .singleRead figure figcaption {
    margin-top: .8rem;
    font-size: 80%;
    line-height: 1.4;
    text-align: center;
    color: #888
}

.underlayerIssueSingle .singleRead blockquote {
    position: relative;
    border-radius: .5rem;
    background-color: #f8f8f8;
    margin: 4rem 0;
    padding: 3rem 6rem
}

.underlayerIssueSingle .singleRead blockquote:before {
    content: "";
    position: absolute;
    top: 2.5rem;
    left: 2.2rem;
    background: url(/service/assets/images/icon_bq_left.svg) center center no-repeat;
    background-size: 2.1rem;
    width: 2.2rem;
    height: 2rem
}

.underlayerIssueSingle .singleRead blockquote:after {
    content: "";
    position: absolute;
    bottom: 2.5rem;
    right: 2.2rem;
    background: url(/service/assets/images/icon_bq_right.svg) center center no-repeat;
    background-size: 2.1rem;
    width: 2.2rem;
    height: 2rem
}

.underlayerIssueSingle .singleRead blockquote:first-child {
    margin-top: 0
}

.underlayerIssueSingle .singleRead blockquote:last-child {
    margin-bottom: 0
}

.underlayerIssueSingle .singleRead a {
    text-decoration: underline;
    color: #204f74
}

.underlayerIssueSingle .singleRead a:hover {
    text-decoration: none
}

.underlayerIssueSingle .singleRead strong,.underlayerIssueSingle .singleRead .font-bold {
    font-weight: 700
}

.underlayerIssueSingle .singleRead .subBox {
    position: relative;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    margin: 3rem 0
}

.underlayerIssueSingle .singleRead .subBox+.subBox {
    margin-top: -2rem
}

.underlayerIssueSingle .singleRead .subBox.planner {
    margin-top: 6rem
}

.underlayerIssueSingle .singleRead .subBox .read {
    padding: 2.5rem 3rem
}

.underlayerIssueSingle .singleRead .subBox .read h3 {
    border-bottom: 1px solid #0078bf;
    margin: 0 0 2rem 0;
    padding: 0 0 1rem 0;
    font-size: 2.1rem;
    font-weight: 700;
    line-height: 1.4;
    color: #000
}

.underlayerIssueSingle .singleRead .subBox .read .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 1rem
}

.underlayerIssueSingle .singleRead .subBox .read .title img {
    width: 6rem
}

.underlayerIssueSingle .singleRead .subBox .read .title h3 {
    width: calc(100% - 7.5rem);
    padding: .4rem 0 1rem 0
}

.underlayerIssueSingle .singleRead .subBox .read .planner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 1.5rem 0 2.5rem 0
}

.underlayerIssueSingle .singleRead .subBox .read .planner figure {
    width: 12rem;
    margin: 0
}

.underlayerIssueSingle .singleRead .subBox .read .planner h4 {
    width: calc(100% - 15rem);
    margin: 0;
    font-weight: 500;
    color: #000
}

.underlayerIssueSingle .singleRead .subBox .read .company {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 3rem 0
}

.underlayerIssueSingle .singleRead .subBox .read .company figure {
    width: 17rem;
    margin: 0
}

.underlayerIssueSingle .singleRead .subBox .read .company h4 {
    width: 43rem;
    margin: 0;
    font-weight: 500;
    color: #000
}

.underlayerIssueSingle .singleRead .subBox .jump {
    width: 100%;
    margin: 0
}

.underlayerIssueSingle .singleRead .subBox .jump a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f1f7fb;
    width: 100%;
    height: 4.8rem;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    color: #204f74
}

.underlayerIssueSingle .singleRead .subBox .jump a:after {
    content: "";
    bottom: 0;
    display: block;
    width: .5rem;
    height: .5rem;
    margin-left: 1rem;
    border-right: solid 1px var(--colorMain);
    border-bottom: solid 1px var(--colorMain);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.underlayerIssueSingle .singleRead .subBox .jump a:hover {
    background-color: #204f74;
    color: #fff
}

.underlayerIssueSingle .singleRead .subBox .jump a:hover:after {
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff
}

.underlayerIssueSingle .singleRead .subBox .day {
    text-align: right;
    font-size: 85%
}

.underlayerIssueSingle .singleRead .subBox:first-child {
    margin-top: 0
}

.underlayerIssueSingle .singleRead .subBox:last-child {
    margin-bottom: 0
}

.underlayerIssueSingle .singleRead .column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    margin: 4rem 0;
    padding: 0
}

.underlayerIssueSingle .singleRead .column figure {
    width: 32rem;
    margin: 0
}

.underlayerIssueSingle .singleRead .column div {
    width: 40rem;
    margin: 0
}

.underlayerIssueSingle .singleRead .column.rev {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.underlayerIssueSingle .singleRead .column:first-child {
    margin-top: 0
}

.underlayerIssueSingle .singleRead .column:last-child {
    margin-bottom: 0
}

.underlayerIssueSingle .singleRead .container {
    display: block;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    width: 100%;
    margin: 4rem 0;
    padding: 3rem
}

.underlayerIssueSingle .singleRead .container dt {
    margin-bottom: 1.5rem;
    font-size: 2.1rem;
    font-weight: 700;
    line-height: 1
}

.underlayerIssueSingle .singleRead .container dd {
    position: relative;
    margin-top: 1rem;
    padding-left: 4rem;
    font-size: 1.7rem;
    font-weight: 500;
    line-height: 1.4
}

.underlayerIssueSingle .singleRead .container dd:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    background-color: #acacac;
    width: 2.3rem;
    height: 1px
}

.underlayerIssueSingle .singleRead .container dd a {
    position: relative;
    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;
    text-decoration: none;
    color: #000
}

.underlayerIssueSingle .singleRead .container dd a:after {
    content: "";
    margin: auto;
    display: block;
    top: 0;
    width: .9rem;
    height: .9rem;
    margin: -0.1rem 0 0 1rem;
    border-right: solid 1.5px var(--colorMain);
    border-bottom: solid 1.5px var(--colorMain);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .4s;
    transition: all .4s
}

.underlayerIssueSingle .singleRead .container dd a:hover {
    text-decoration: underline;
    color: #204f74
}

.underlayerIssueSingle .singleRead .container dd a:hover:after {
    margin: .4rem 0 0 1rem
}

.underlayerIssueSingle .singleRead .container.issue_list {
    border: 1px solid #005691
}

.underlayerIssueSingle .singleRead .container.issue_list dt {
    padding: 0 0 1.5rem 0;
    border-bottom: 1px solid #dcdcdc
}

.underlayerIssueSingle .singleRead .container.issue_list dt span {
    display: inline-block;
    position: relative;
    padding: 0 0 0 2.5rem
}

.underlayerIssueSingle .singleRead .container.issue_list dt span:before {
    content: "■ ";
    color: #005691;
    font-size: 1.1rem;
    position: absolute;
    top: .8rem;
    left: 0
}

@media(max-width: 768px) {
    .underlayerIssueSingle .singleRead .container.issue_list dt span:before {
        top:.5rem
    }
}

.underlayerIssueSingle .singleRead .container.issue_list dd {
    padding-left: 2rem
}

.underlayerIssueSingle .singleRead .container.issue_list dd:before {
    width: .4rem;
    height: .4rem;
    background: #005691;
    border-radius: 1rem
}

.underlayerIssue.bottom_rank {
    padding: 5rem 0 0 0
}

@media(max-width: 768px) {
    .mainvisualBackground--issue h1 span {
        font-size:1.6rem
    }

    .mainvisualBackground--issue .issueCopy {
        display: block;
        margin-bottom: .8rem
    }

    .mainvisualBackground--issue .issueCopy .label {
        margin: 0 !important;
        padding: .7rem 1rem !important;
        font-size: 1.2rem !important
    }

    .mainvisualBackground--issue .issueCopy .copy {
        margin: 1.2rem 0 0 0;
        padding-left: 0;
        font-size: 1.6rem;
        line-height: 1.6
    }

    .mainvisualBackground--issue .issueTime {
        margin-top: 1.5rem;
        font-size: 1.4rem
    }

    .mainvisualBackground--issue .issueTime strong {
        font-size: 1.8rem;
        color: #005691
    }

    .mainvisualBackground--issue .issueTime:before {
        background: url(/service/assets/images/icon_time2.svg) no-repeat left center;
        background-size: 2rem auto;
        width: 2rem;
        height: 2.3rem
    }

    .mainvisualBackground--issue .issueTag {
        margin-top: 1.5rem
    }

    .mainvisualBackground--issue .issueTag .column__cardTag {
        margin: 0 1.5rem 0 0 !important
    }

    .mainvisualBackground--issue .issueTag .column__cardTag a {
        padding: .4rem 1rem;
        font-size: 1.3rem
    }

    .mainvisualBackground--issue .issueTag .column__cardHash {
        gap: 0 1.2rem;
        margin: 0 !important;
        line-height: 1.8
    }

    .underlayerIssue .issueSingle {
        display: block;
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0
    }

    .underlayerIssue .issueSingle__main {
        width: 100%;
        padding-bottom: 6rem
    }

    .underlayerIssue .issueSingle__main .issueTop {
        margin-bottom: 2.5rem
    }

    .underlayerIssue .issueSingle__main .issueTop h2 {
        font-size: 2.2rem
    }

    .underlayerIssue .issueSingle__main .issueTop .results {
        font-size: 2.8rem
    }

    .underlayerIssue .issueSingle__main .issueTop .results span {
        font-size: 1.2rem
    }

    .underlayerIssue .issueSingle__main .issueTop .results span.num {
        display: block;
        margin-top: .5rem
    }

    .underlayerIssue .issueSingle__main .issueTop .menu {
        gap: 1rem
    }

    .underlayerIssue .issueSingle__main .issueTop .menu .select:after {
        right: 1.2rem
    }

    .underlayerIssue .issueSingle__main .issueTop .menu .select select {
        padding: .8rem 3rem .8rem 1rem
    }

    .underlayerIssue .issueSingle__main .issueTop .menu .change {
        gap: .6rem
    }

    .underlayerIssue .issueSingle__main .issueEnd {
        margin: 5rem 0 4rem 0
    }

    .underlayerIssue .issueSingle__main .issueEnd .issueTag {
        margin-top: 1.5rem
    }

    .underlayerIssue .issueSingle__main .issueEnd .issueTag .column__cardTag {
        margin: 0 1.5rem 0 0 !important
    }

    .underlayerIssue .issueSingle__main .issueEnd .issueTag .column__cardTag a {
        padding: .4rem 1rem;
        font-size: 1.3rem
    }

    .underlayerIssue .issueSingle__main .issueEnd .issueTag .column__cardHash {
        gap: 0 1.2rem;
        margin: 0 !important;
        line-height: 1.8
    }

    .underlayerIssue .issueSingle__main .issueService {
        margin: 5rem 0 4rem 0
    }

    .underlayerIssue .issueSingle__main .issueService h2 {
        margin-bottom: 2.5rem;
        font-size: 2.2rem
    }

    .underlayerIssue .issueSingle__main .issueService .item {
        margin-bottom: 2rem
    }

    .underlayerIssue .issueSingle__main .issueService .item:last-child {
        margin-bottom: 0
    }

    .underlayerIssue .issueSingle__main .issueService a {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .underlayerIssue .issueSingle__main .issueService a figure {
        width: 10rem;
        height: 6.6rem
    }

    .underlayerIssue .issueSingle__main .issueService a .column__cardDate .category {
        padding: .2rem .8rem;
        font-size: 1.1rem
    }

    .underlayerIssue .issueSingle__main .issueService a .item__service {
        width: calc(100% - 11.5rem)
    }

    .underlayerIssue .issueSingle__main .issueService a .categorySub {
        gap: .4rem;
        min-height: initial;
        margin: 0 0 .5rem 0;
        font-size: 1.1rem
    }

    .underlayerIssue .issueSingle__main .issueService a .item__areaTtl {
        font-size: 1.4rem
    }

    .underlayerIssue .issueSingle__main .issueTalent {
        display: block;
        width: 100%;
        margin-top: 5rem
    }

    .underlayerIssue .issueSingle__main .issueTalent h3 {
        margin-bottom: 2rem;
        font-size: 1.8rem;
        font-weight: 700;
        line-height: 1
    }

    .underlayerIssue .issueSingle__main .issueTalent .talent {
        width: 100%;
        font-size: 1.4rem
    }

    .underlayerIssue .issueSingle__main .issueTalent .talent .data {
        margin-bottom: 2rem
    }

    .underlayerIssue .issueSingle__main .issueTalent .talent .data figure {
        width: 9rem
    }

    .underlayerIssue .issueSingle__main .issueTalent .talent .data div {
        width: calc(100% - 11rem)
    }

    .underlayerIssue .issueSingle__main .issueTalent .talent .data div .profile {
        font-size: 1.2rem
    }

    .underlayerIssue .issueSingle__main .issueTalent .talent .data div .name {
        font-size: 1.7rem
    }

    .underlayerIssue .issueSingle__main .issueTalent .talent .linkBtn {
        margin-top: 2rem;
        text-align: center
    }

    .underlayerIssue .issueSingle__main .talentMenu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: .4rem 1%
    }

    .underlayerIssue .issueSingle__main .talentMenu li {
        width: 49.5%
    }

    .underlayerIssue .issueSingle__main .talentMenu li a {
        padding: 1.4rem 3rem 1.4rem 1.5rem;
        font-size: 1.5rem
    }

    .underlayerIssue .issueSingle__main .talentMenu li a:after {
        right: 1.6rem;
        width: .8rem;
        height: .8rem;
        margin-top: -0.6rem
    }

    .underlayerIssue .issueSingle__main .talentMenu li a:hover:after {
        margin-top: -0.3rem
    }

    .underlayerIssue .issueSingle__main .talentHead {
        margin: 0 0 2.5rem 0;
        padding: 6rem 0 0 0;
        font-size: 2.2rem
    }

    .underlayerIssue .issueSingle__main .talentList {
        position: relative;
        border-radius: 0;
        width: calc(100% + 4rem);
        margin: 2rem -2rem 0 -2rem;
        padding: 2rem
    }

    .underlayerIssue .issueSingle__main .talentList a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .underlayerIssue .issueSingle__main .talentList a .data {
        -ms-flex-item-align: start;
        align-self: flex-start;
        width: calc(100% - 10.2rem)
    }

    .underlayerIssue .issueSingle__main .talentList a .data .name {
        margin-top: .5rem;
        font-size: 1.5rem
    }

    .underlayerIssue .issueSingle__main .talentList a .data .name span {
        font-size: 1.1rem
    }

    .underlayerIssue .issueSingle__main .talentList a .btn {
        width: 22rem;
        margin: 2rem auto 0 auto
    }

    .underlayerIssue .issueSingle__main .talentMeta {
        padding: 2rem;
        letter-spacing: 0
    }

    .underlayerIssue .issueSingle__main .talentMeta .item {
        padding: 2rem
    }

    .underlayerIssue .issueSingle__main .talentMeta .item figure {
        width: 8.5rem;
        height: 8.5rem
    }

    .underlayerIssue .issueSingle__main .talentMeta .item .data {
        width: calc(100% - 9.8rem);
        line-height: 1.5
    }

    .underlayerIssue .issueSingle__main .talentMeta .item .data .profile {
        font-size: 1.3rem
    }

    .underlayerIssue .issueSingle__main .talentMeta .item .data .name {
        margin-top: .4rem;
        font-size: 1.5rem
    }

    .underlayerIssue .issueSingle__main .talentMeta .item .data .name span {
        font-size: 1.1rem
    }

    .underlayerIssue .issueSingle__main .talentDay {
        gap: 1rem;
        margin-top: .5rem
    }

    .underlayerIssue .issueSingle__main .talentProfile {
        margin-top: 3rem
    }

    .underlayerIssue .issueSingle__main .talentProfile .item {
        display: block;
        border-bottom: 1px solid #dcdcdc;
        margin-bottom: 2rem;
        padding-bottom: 2rem
    }

    .underlayerIssue .issueSingle__main .talentProfile .item:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0
    }

    .underlayerIssue .issueSingle__main .talentProfile .item h3 {
        width: 100%;
        margin-bottom: .8rem;
        font-size: 1.6rem;
        font-weight: 700;
        line-height: 1.2
    }

    .underlayerIssue .issueSingle__main .talentProfile .item div {
        width: 100%;
        font-size: 1.5rem;
        line-height: 1.8
    }

    .underlayerIssue .issueSingle__main .talentProfile .item div p {
        margin: 1.2rem 0
    }

    .underlayerIssue .issueSingle__main .talentProfile .item div ul {
        margin: 1.2rem 0
    }

    .underlayerIssue .issueSingle__main .talentProfile .item div ul li {
        padding-left: 1.2rem
    }

    .underlayerIssue .issueSingle__main .talentProfile .item div ul li:before {
        top: 1.1rem
    }

    .underlayerIssue .issueSingle__main .talentProfile .item div ol {
        margin: 1.2rem 0
    }

    .underlayerIssue .issueSingle__main .talentProfile .item div ol li {
        padding-left: 2.4rem
    }

    .underlayerIssue .issueSingle__main .talentProfile .item div hr {
        margin: 2rem 0
    }

    .underlayerIssue .issueSingle__main .talentProfile .item div figure {
        margin: 2rem 0
    }

    .underlayerIssue .issueSingle__side {
        border-bottom: 1px solid #dcdcdc;
        width: 100%;
        margin-bottom: 2rem;
        padding-bottom: 6rem
    }

    .underlayerIssue .issueSingle__side .sideBox .ranking li {
        margin-top: 1.5rem
    }

    .underlayerIssue .issueSingle__side .sideBox .ranking a p {
        width: 20.5rem
    }

    .underlayerIssue .popularity__card.list_A {
        display: block;
        width: 100%
    }

    .underlayerIssue .popularity__card.list_A .item {
        position: relative;
        width: 100%;
        margin-bottom: 4rem;
        padding-left: 0
    }

    .underlayerIssue .popularity__card.list_A .item__area {
        display: block
    }
}

@media(max-width: 768px)and (min-width: 769px) {
    .underlayerIssue .popularity__card.list_A .item__area:hover img {
        opacity:.9;
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }

    .underlayerIssue .popularity__card.list_A .item__area:hover .item__areaTtl {
        color: var(--colorMain)
    }

    .underlayerIssue .popularity__card.list_A .item__area:hover .item__areaTtl span {
        background-size: 100% 1px
    }
}

@media(max-width: 768px) {
    .underlayerIssue .popularity__card.list_A .item__areaImg {
        top:0;
        left: 0;
        width: 8rem;
        height: 5.2rem
    }

    .underlayerIssue .popularity__card.list_A .item__areaImg img {
        width: 8rem;
        height: 5.2rem
    }

    .underlayerIssue .popularity__card.list_A .item__areaDivision {
        display: block;
        min-height: 5.2rem;
        padding: 0 0 0 9.5rem
    }

    .underlayerIssue .popularity__card.list_A .item__area .column__cardDate {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0;
        padding-right: 4.5rem;
        white-space: nowrap
    }

    .underlayerIssue .popularity__card.list_A .item__area .column__cardDate .category {
        margin: 0 0 0 .8rem;
        font-size: 1.1rem
    }

    .underlayerIssue .popularity__card.list_A .item__areaCopy {
        margin: .5rem 0 0 0;
        padding: 0;
        font-size: 1.3rem;
        line-height: 1.55;
        text-overflow: inherit;
        white-space: normal;
        overflow: visible
    }

    .underlayerIssue .popularity__card.list_A .item__areaTtl {
        margin: .8rem 0 0 0;
        padding: 0;
        font-size: 1.8rem;
        font-weight: 700;
        letter-spacing: .05rem
    }

    .underlayerIssue .popularity__card.list_A .item__areaTtl span {
        background: -webkit-gradient(linear, left top, left bottom, from(var(--colorMain)), to(var(--colorMain))) 0 100%/0 1px no-repeat;
        background: linear-gradient(var(--colorMain), var(--colorMain)) 0 100%/0 1px no-repeat;
        -webkit-transition: .3s;
        transition: .3s
    }

    .underlayerIssue .popularity__card.list_A .item__like {
        position: absolute;
        top: -0.7rem;
        right: 0
    }

    .underlayerIssue .popularity__card.list_A .item .column__cardTag {
        gap: .4rem;
        margin: 1.2rem 0 0 0;
        font-size: 1.3rem
    }

    .underlayerIssue .popularity__card.list_A .item .column__cardTag a {
        padding: .4rem 1rem;
        font-size: 1.3rem
    }

    .underlayerIssue .popularity__card.list_A .item .column__cardHash {
        margin: .5rem 0 0 0;
        gap: 0 1.2rem;
        line-height: 1.6
    }

    .underlayerIssue .popularity__card.list_A .item .column__cardHash span {
        line-height: 1.6
    }

    .underlayerIssue .popularity__card.list_B {
        display: block;
        width: 100%
    }

    .underlayerIssue .popularity__card.list_B .item {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-line-pack: justify;
        align-content: space-between;
        width: 100%;
        margin-bottom: 4rem
    }

    .underlayerIssue .popularity__card.list_B .item__area {
        position: relative;
        display: block
    }

    .underlayerIssue .popularity__card.list_B .item__areaImg {
        width: 100%;
        height: 21.6rem;
        margin: 0 0 1.5rem 0
    }

    .underlayerIssue .popularity__card.list_B .item__areaImg img {
        width: 100%;
        height: 21.6rem
    }

    .underlayerIssue .popularity__card.list_B .item__area .column__cardDate {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        padding-right: 4.5rem
    }

    .underlayerIssue .popularity__card.list_B .item__areaCopy {
        margin: 1.2rem 0 0 0;
        font-size: 1.4rem;
        line-height: 1.6;
        letter-spacing: .03rem
    }

    .underlayerIssue .popularity__card.list_B .item__areaTtl {
        font-size: 1.9rem;
        font-weight: 700;
        line-height: 1.6;
        letter-spacing: .05rem;
        margin: .5rem 0 0 0
    }

    .underlayerIssue .popularity__card.list_B .item__areaTtl span {
        background: -webkit-gradient(linear, left top, left bottom, from(var(--colorMain)), to(var(--colorMain))) 0 100%/0 1px no-repeat;
        background: linear-gradient(var(--colorMain), var(--colorMain)) 0 100%/0 1px no-repeat;
        -webkit-transition: .3s;
        transition: .3s
    }

    .underlayerIssue .popularity__card.list_B .item__like {
        position: absolute;
        top: 22.8rem;
        right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 3.4rem;
        height: 3.4rem;
        background: #f1f1f1;
        border-radius: 100%;
        z-index: 5;
        -webkit-transition: all .4s;
        transition: all .4s
    }

    .underlayerIssue .popularity__card.list_B .item__like.isActive {
        background: #d56272
    }

    .underlayerIssue .popularity__card.list_B .item__like.isActive svg use {
        fill: #f1f1f1;
        stroke: #f1f1f1
    }

    .underlayerIssue .popularity__card.list_B .item__like svg {
        width: 1.307rem;
        height: 1.14rem
    }

    .underlayerIssue .popularity__card.list_B .item__like svg use {
        fill: #d56272;
        stroke: #d56272
    }
}

@media(max-width: 768px)and (min-width: 769px) {
    .underlayerIssue .popularity__card.list_B .item__like:hover {
        background:#d3d3d3
    }
}

@media(max-width: 768px) {
    .underlayerIssue .popularity__card.list_B .item .column__cardTag {
        gap:.4rem;
        margin: 1.2rem 0 0 0;
        font-size: 1.3rem
    }

    .underlayerIssue .popularity__card.list_B .item .column__cardTag a {
        padding: .4rem 1rem;
        font-size: 1.3rem
    }

    .underlayerIssue .popularity__card.list_B .item .column__cardHash {
        margin: 1rem 0 0 0;
        gap: 0 1.2rem;
        line-height: 1.6
    }

    .underlayerIssue .popularity__card.list_B .item .column__cardHash span {
        line-height: 1.6
    }

    .underlayerIssue .issueRanking {
        background: #ecf3f9;
        margin-top: 6rem;
        padding: 4rem 0
    }

    .underlayerIssue .issueRanking .popularity__card.list_A .item {
        background-color: #fff;
        margin: 2rem 0 0 0;
        padding: 2rem;
        min-height: 8rem
    }

    .underlayerIssue .issueRanking .popularity__card.list_A .item__areaImg {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 19.2rem;
        margin: 0 0 1.4rem 0
    }

    .underlayerIssue .issueRanking .popularity__card.list_A .item__areaImg img {
        width: 100%;
        height: 19.2rem
    }

    .underlayerIssue .issueRanking .popularity__card.list_A .item__areaDivision {
        min-height: auto;
        padding: 0
    }

    .underlayerIssue .issueRanking .popularity__card.list_A .item__areaCopy {
        margin: 1rem 0 0 0
    }

    .underlayerIssue .issueRanking .popularity__card.list_A .item__areaTtl {
        margin: .5rem 0 0 0;
        padding: 0
    }

    .underlayerIssue .issueRanking .popularity__card.list_A .item .num {
        top: .6rem;
        left: .6rem
    }

    .underlayerIssue .issueRanking .popularity__card.list_A .item .num:before {
        content: "";
        display: block;
        position: absolute;
        top: .3rem;
        left: .3rem;
        border: 1px dotted #fff;
        border-radius: 3rem;
        width: 3rem;
        height: 3rem
    }

    .underlayerIssue .issueRanking .popularity__card.list_A .item .num.no1 {
        background-color: #e9d46a
    }

    .underlayerIssue .issueRanking .popularity__card.list_A .item .num.no2 {
        background-color: #aaa
    }

    .underlayerIssue .issueRanking .popularity__card.list_A .item .num.no3 {
        background-color: #855369
    }

    .underlayerIssue .issueRanking .popularity__card.list_A .item .column__cardTag {
        margin: 1.5rem 0 0 0
    }

    .underlayerIssue .issueRanking .popularity__card.list_A .item .column__cardHash {
        margin: .8rem 0 0 0
    }

    .underlayerIssue .searchZero {
        padding: 2rem
    }

    .underlayerIssue .searchZero h2 {
        margin-bottom: 2rem;
        padding-bottom: 1.5rem;
        font-size: 1.8rem;
        text-align: center
    }

    .underlayerIssue .searchZero dl {
        display: block
    }

    .underlayerIssue .searchZero dl dt {
        width: 100%;
        margin-bottom: 1.4rem;
        padding-left: 1.2rem;
        font-size: 1.6rem
    }

    .underlayerIssue .searchZero dl dt:before {
        content: "";
        position: absolute;
        top: .8rem;
        left: 0;
        display: block;
        border-radius: .4rem;
        background-color: #104c75;
        width: .4rem;
        height: .4rem
    }

    .underlayerIssue .searchZero dl dd {
        width: 100%
    }

    .underlayerIssue .linkBtn {
        margin-top: 3rem;
        text-align: center
    }

    .underlayerIssueSingle {
        padding-bottom: 6rem !important
    }

    .underlayerIssueSingle .singleMeta {
        margin-bottom: 1rem
    }

    .underlayerIssueSingle .mainImg {
        margin-bottom: 2rem
    }

    .underlayerIssueSingle .singleRead {
        font-size: 1.5rem
    }

    .underlayerIssueSingle .singleRead h2 {
        position: relative;
        border: none;
        margin: -3rem 0 2rem 0;
        padding: 7rem 0 0 1.6rem;
        font-size: 2rem;
        line-height: 3.4rem
    }

    .underlayerIssueSingle .singleRead h2+h3 {
        margin-top: 2rem;
        font-size: 1.8rem
    }

    .underlayerIssueSingle .singleRead h2:before {
        content: "";
        position: absolute;
        top: 8.2rem;
        left: 0;
        display: block;
        border-radius: .6rem;
        background-color: #005691;
        width: .6rem;
        height: .6rem
    }

    .underlayerIssueSingle .singleRead h3 {
        margin: 4rem 0 2rem 0;
        font-size: 1.8rem
    }

    .underlayerIssueSingle .singleRead h4 {
        margin: 3.5rem 0 2rem 0;
        font-size: 1.7rem
    }

    .underlayerIssueSingle .singleRead h5 {
        margin: 3rem 0 2rem 0;
        font-size: 1.6rem
    }

    .underlayerIssueSingle .singleRead h6 {
        margin: 3rem 0 2rem 0;
        font-size: 1.5rem
    }

    .underlayerIssueSingle .singleRead hr {
        margin: 3rem 0
    }

    .underlayerIssueSingle .singleRead table {
        margin: 2rem 0 3rem 0
    }

    .underlayerIssueSingle .singleRead table th {
        min-width: 11rem;
        padding: .8rem 1rem;
        font-size: 1.3rem
    }

    .underlayerIssueSingle .singleRead table td {
        padding: .8rem 1rem;
        font-size: 1.3rem
    }

    .underlayerIssueSingle .singleRead figure {
        margin: 2rem 0 3rem 0
    }

    .underlayerIssueSingle .singleRead blockquote {
        margin: 3rem 0;
        padding: 2rem 5rem
    }

    .underlayerIssueSingle .singleRead blockquote:before {
        top: 1.5rem;
        left: 1.5rem
    }

    .underlayerIssueSingle .singleRead blockquote:after {
        bottom: 1.5rem;
        right: 1.5rem
    }

    .underlayerIssueSingle .singleRead .subBox {
        margin: 2rem 0
    }

    .underlayerIssueSingle .singleRead .subBox+.subBox {
        margin-top: -1rem
    }

    .underlayerIssueSingle .singleRead .subBox.planner {
        margin-top: 4rem
    }

    .underlayerIssueSingle .singleRead .subBox .read {
        padding: 2rem
    }

    .underlayerIssueSingle .singleRead .subBox .read .title {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 1rem
    }

    .underlayerIssueSingle .singleRead .subBox .read .title img {
        width: 5rem
    }

    .underlayerIssueSingle .singleRead .subBox .read .title h3 {
        border-bottom: 1px solid #0078bf;
        width: calc(100% - 6rem);
        padding: 0 0 1rem 0;
        font-size: 1.6rem
    }

    .underlayerIssueSingle .singleRead .subBox .read .planner {
        display: block;
        margin: 1.5rem 0
    }

    .underlayerIssueSingle .singleRead .subBox .read .planner figure {
        width: 12rem;
        margin: 0 auto 1.5rem auto
    }

    .underlayerIssueSingle .singleRead .subBox .read .planner h4 {
        width: 100%;
        font-size: 1.5rem
    }

    .underlayerIssueSingle .singleRead .subBox .read .company {
        display: block;
        margin: 1rem 0
    }

    .underlayerIssueSingle .singleRead .subBox .read .company figure {
        width: 100%;
        margin-bottom: 1rem;
        padding: 2rem 6rem
    }

    .underlayerIssueSingle .singleRead .subBox .read .company h4 {
        width: 100%;
        font-size: 1.5rem
    }

    .underlayerIssueSingle .singleRead .subBox .read p {
        margin: 1rem 0 0 0
    }

    .underlayerIssueSingle .singleRead .subBox .jump {
        width: 100%;
        margin: 0
    }

    .underlayerIssueSingle .singleRead .subBox+h2 {
        margin-top: -2rem
    }

    .underlayerIssueSingle .singleRead .column {
        display: block;
        margin: 3rem 0;
        padding: 0
    }

    .underlayerIssueSingle .singleRead .column figure {
        width: 100%;
        margin: 0 0 3rem 0
    }

    .underlayerIssueSingle .singleRead .column div {
        width: 100%;
        margin: 0
    }

    .underlayerIssueSingle .singleRead .container {
        margin: 3rem 0;
        padding: 2rem
    }

    .underlayerIssueSingle .singleRead .container dt {
        margin-bottom: 1.4rem;
        font-size: 1.8rem;
        font-weight: 700;
        line-height: 1
    }

    .underlayerIssueSingle .singleRead .container dd {
        margin-top: .8rem;
        padding-left: 1.8rem;
        font-size: 1.5rem
    }

    .underlayerIssueSingle .singleRead .container dd:before {
        top: 1rem;
        width: 1rem
    }

    .underlayerIssueSingle .singleRead .container dd a {
        display: block
    }

    .underlayerIssueSingle .singleRead .container dd a:after {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: .8rem;
        height: .8rem;
        margin: -0.6rem 0 0 .6rem
    }

    .underlayerIssue.bottom_rank {
        padding: 3rem 0 0 0 !important
    }
}

.underlayerIssue .column__cardDate time {
    font-size: 1.4rem
}

.underlayerIssue .item__areaImg .category {
    position: absolute;
    left: 1rem;
    top: 1rem;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 500;
    border-radius: .4rem;
    padding: .6rem 1.1rem;
    line-height: 1
}

.underlayerIssue .item__areaImg .category--column {
    background-color: #76948e
}

.underlayerIssue .item__areaImg .category--interview {
    background-color: #7f7698
}

.underlayerIssue .item__areaImg .category--report {
    background-color: #408db5
}

.underlayerIssue .item__areaImg .category--special {
    background-color: #bc4163
}

.underlayerIssue .item__areaImg .category--casestudy {
    background-color: #334757
}

.underlayerIssue .issueMain.list_A .item__areaImg .category {
    font-size: 1.2rem;
    padding: .4rem 1rem
}

@media(max-width: 768px) {
    .underlayerIssue .popularity__card.list_A .item__areaImg {
        width:12rem;
        height: auto;
        height: 8rem
    }

    .underlayerIssue .popularity__card.list_A .item__areaImg img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .underlayerIssue .popularity__card.list_A .item__areaDivision {
        min-height: 8.2rem;
        padding: 0 0 0 13.5rem
    }

    .underlayerIssue .popularity__card.list_A .item__areaCopy {
        margin: 1rem 0 0 0
    }

    .underlayerIssueSingle .singleRead {
        line-height: 1.8
    }

    .underlayerIssue .issueSingle__side {
        border-bottom: none;
        width: 100%;
        padding-bottom: 0rem
    }
}

.column__cardHash span {
    color: var(--colorMain)
}

.underlayerSeminar .popularity__card .item__area .item__areaCopy {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.3rem;
    margin: 0 0 .2rem 0
}

.underlayerSeminar .popularity__card .item__area .item__areaBtn {
    width: 21.5rem;
    margin: 2rem auto 0 auto;
    position: relative;
    background: #2f79b1 url(../../assets/images/icon_support_download.svg) no-repeat right 2.2rem center;
    color: #fff;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 700;
    padding: 1rem 3rem;
    border-radius: .5rem;
    -webkit-box-shadow: 0 .3rem 0 #0f4771;
    box-shadow: 0 .3rem 0 #0f4771;
    -webkit-transition: all .2s;
    transition: all .2s
}

.underlayerSeminar .popularity__card .item__areaTag span {
    display: inline-block;
    background: #fff;
    font-size: 1.4rem;
    line-height: 2rem;
    padding: .3rem 1.3rem;
    border-radius: 5rem;
    border: solid 1px #dcdcdc;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

@media(min-width: 769px) {
    .underlayerSeminar .popularity__card a:hover .item__areaBtn {
        margin-top:2.3rem;
        margin-bottom: -0.3rem;
        -webkit-box-shadow: 0 0 0 #005691;
        box-shadow: 0 0 0 #005691
    }

    .underlayerSeminar .popularity__card .item__areaTag a:hover span {
        background: #dcdcdc
    }
}

.underlayerSeminar.underlayerSeminarSingle.popularity {
    padding: 8rem 0 0 0
}

@media(max-width: 768px) {
    .underlayerSeminar.underlayerSeminarSingle.popularity {
        padding:4rem 0 0 0
    }
}

.underlayerIssue .issueSingle.issueSingle_detail {
    border: none;
    margin-bottom: 0rem;
    padding-bottom: 0rem
}

.underlayerSeminarSingle .popularity__card.extra_height_card .item__areaTag {
    margin-top: 1.5rem
}

.issueSingle.inner .singleMeta .btn2 {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end
}

@media(max-width: 768px) {
    .issueSingle.inner .singleMeta .btn2 {
        width:auto
    }
}

.underlayerIssueSingle .mainImg img {
    width: 100%
}

.underlayerIssue .issueSingle__main .issueEnd p a {
    text-decoration: underline;
    color: var(--colorMain)
}

@media(min-width: 769px) {
    .underlayerIssue .issueSingle__main .issueEnd p a:hover {
        text-decoration:none
    }
}

.acd-check {
    display: none
}

.acd-label {
    position: relative;
    display: block;
    background-color: #fff;
    padding: 1.7rem 3rem 1.7rem 2rem;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1;
    color: #204f74;
    display: block;
    border-bottom: 1px solid #e3ebf1;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

@media(min-width: 769px) {
    .acd-label:hover {
        background-color:#e3ebf1
    }
}

.underlayerIssue .issueSingle__side .sideBox .acd-label:after {
    content: "";
    position: absolute;
    top: 0;
    right: 2rem;
    bottom: 0;
    margin: auto;
    display: block;
    width: .5rem;
    height: .5rem;
    border-top: solid 1.5px var(--colorMain);
    border-right: solid 1.5px var(--colorMain);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

.underlayerIssue .issueSingle__side .sideBox .acd-check:checked+.acd-label {
    background-color: #e3ebf1
}

.underlayerIssue .issueSingle__side .sideBox .acd-check:checked+.acd-label:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.acd-content {
    height: 0;
    opacity: 0;
    padding: 0 0px;
    -webkit-transition: .4s;
    transition: .4s;
    visibility: hidden
}

.acd-check:checked+.acd-label+.acd-content {
    height: 4rem;
    opacity: 1;
    padding: 0rem;
    visibility: visible
}

.underlayerIssue .issueSingle__side .sideBox .category li {
    border: none
}

.acd-content li a:after {
    content: none
}

.acd-check:checked+.acd-label+.acd-content.one_block {
    height: 62rem
}

.acd-check:checked+.acd-label+.acd-content.two_block {
    height: 23.1rem
}

.acd-check:checked+.acd-label+.acd-content.three_block {
    height: 41.5rem
}

.underlayerIssue .issueSingle__side .sideBox .category .acd-content li:first-child a {
    border-top: 1px solid #fff
}

.underlayerIssue .issueSingle__side .sideBox .category .acd-content li a {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;
    padding: 1.2rem 2rem 1.2rem 2rem;
    border-bottom: 1px solid #e3ebf1
}

.underlayerIssue .issueSingle__side .sideBox .category .acd-content li a:after {
    content: none
}

.issueEnd .contentAfterword p {
    margin: 2rem 0;
    font-size: 1.7rem;
    line-height: 1.75
}

@media(max-width: 768px) {
    .issueEnd .contentAfterword p {
        font-size:1.5rem;
        line-height: 1.8
    }
}

.issueEnd .contentAfterword a {
    text-decoration: underline;
    color: var(--colorMain)
}

@media(min-width: 769px) {
    .issueEnd .contentAfterword a:hover,.issueEnd .contentAfterword a:hover u {
        text-decoration:none
    }
}

.issueEnd .contentAfterword .small {
    font-size: 1.3rem
}

.mark {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #FBEA53));
    background: linear-gradient(transparent 60%, #FBEA53 60%)
}

.underlayerIssueSingle .singleRead .column div.modalArea {
    width: auto
}

.underlayerIssueSingle .singleRead .column figure img {
    width: 100%
}

.underlayerIssueSingle .singleRead .column div.modalOverlay {
    width: 100%
}

@media(max-width: 768px) {
    .modalArea .modalContents .modalXmark {
        right:0rem
    }

    .underlayerCasestudySingle .casestudySingle__main .singleRead .column div .modalInner img {
        width: 100%
    }

    .underlayerIssueSingle .singleRead .column div .modalInner img {
        width: 100%
    }

    .underlayerIssueSingle .singleRead .column div.modalContents {
        width: 90%
    }
}

.underlayerIssueSingle .singleRead .container dd a {
    display: inline
}

@media(max-width: 768px) {
    .underlayerIssueSingle .singleRead .container dd a {
        display:inline
    }
}

.underlayerIssueSingle .singleRead .container dd a:after {
    top: auto;
    right: -2rem;
    bottom: 1rem;
    position: absolute
}

@media(max-width: 768px) {
    .underlayerIssueSingle .singleRead .container dd a:after {
        margin:0;
        position: absolute;
        right: -1.5rem;
        bottom: .9rem
    }
}

@media(min-width: 769px) {
    .underlayerIssueSingle .singleRead .container dd a:hover:after {
        margin:0;
        bottom: .6rem
    }

    .underlayerIssueSingle .singleRead p a:hover {
        text-decoration: none
    }
}

.underlayerIssueSingle .singleRead p a[target=_blank]::after,.underlayerIssueSingle .issueEnd p a[target=_blank]::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background: url(/assets/images/icon_blank.svg) center center no-repeat;
    background-size: contain;
    width: 1.5rem;
    height: 1.2rem;
    margin: 0 0 0 .6rem
}

@media(min-width: 769px) {
    .underlayerIssueSingle .singleRead p a:hover u {
        text-decoration:none
    }
}

@media(max-width: 768px) {
    .underlayerIssueSingle .singleRead h2 {
        position:relative;
        border: none;
        margin: -1rem 0 2rem 0;
        padding: 7rem 0 0 1.6rem;
        font-size: 2rem;
        line-height: 1.5
    }

    .underlayerIssueSingle .singleRead h2:before {
        content: "";
        position: absolute;
        top: 7rem;
        left: 0;
        display: block;
        background-color: #005691;
        width: .3rem;
        min-height: 3.3rem;
        border-radius: 0
    }
}

.underlayerIssue .issueSingle__main .results.list_A ._sitesearch_component ._searchresults ._items {
    display: block;
    width: 100%
}

.underlayerIssue .issueSingle__main .results.list_A ._sitesearch_component ._searchresults ._items ._item {
    width: 100%;
    margin-bottom: 5rem;
    min-height: 12.4rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #dcdcdc;
    padding: 0 0 2rem 0
}

@media(max-width: 768px) {
    .underlayerIssue .issueSingle__main .results.list_A ._sitesearch_component ._searchresults ._items ._item {
        min-height:auto
    }
}

.underlayerIssue .issueSingle__main .results.list_A ._sitesearch_component ._searchresults ._items ._item ._wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: self-start;
    -ms-flex-align: self-start;
    align-items: self-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 12.4rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(max-width: 768px) {
    .underlayerIssue .issueSingle__main .results.list_A ._sitesearch_component ._searchresults ._items ._item ._wrap {
        min-height:auto
    }
}

.underlayerIssue .issueSingle__main .results.list_A ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup1 ._thumbnail {
    width: 19rem;
    height: 12.4rem;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0
}

@media(max-width: 768px) {
    .underlayerIssue .issueSingle__main .results.list_A ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup1 ._thumbnail {
        width:9rem;
        height: 6.5rem;
        position: relative
    }
}

.underlayerIssue .issueSingle__main .results.list_A ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup1 ._thumbnail img {
    width: 19rem;
    height: 12.4rem
}

@media(max-width: 768px) {
    .underlayerIssue .issueSingle__main .results.list_A ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup1 ._thumbnail img {
        width:100%;
        -o-object-fit: cover;
        object-fit: cover;
        height: 6.5rem
    }
}

.underlayerIssue .issueSingle__main .results.list_A ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup2 {
    padding-right: 0;
    margin: 0 0 1rem 0;
    padding: 0 0 0 21rem
}

@media(max-width: 768px) {
    .underlayerIssue .issueSingle__main .results.list_A ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup2 {
        padding:0 0 0 10.5rem;
        width: auto;
        font-size: 1.1rem;
        position: absolute;
        top: 0
    }
}

@media(max-width: 768px) {
    .underlayerIssue .issueSingle__main .results.list_A ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup2 ._additional_text1 {
        font-size:1.1rem
    }
}

.underlayer.underlayerIssue.bottom_rank .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup_issue_reco2 ._additional_text1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 .9rem 0;
    font-size: 1.4rem;
    line-height: 2rem;
    color: #929292
}

.underlayerIssue .issueSingle__main .results.list_A ._sitesearch_component ._searchresults ._items ._item ._wrap ._text {
    padding: 1rem 5rem 0 0rem;
    margin: 0 0 0rem 0;
    font-size: 1.4rem;
    line-height: 1.6
}

@media(max-width: 768px) {
    .underlayerIssue .issueSingle__main .results.list_A ._sitesearch_component ._searchresults ._items ._item ._wrap ._text {
        padding:0 0 0 0rem;
        width: auto;
        font-size: 1.2rem;
        line-height: 1.6;
        position: absolute;
        top: 2.6rem;
        position: relative;
        top: auto
    }
}

.underlayerIssue .issueSingle__main .results.list_A ._sitesearch_component ._searchresults ._items ._item ._wrap ._title {
    padding: .5rem 0 0 0rem;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.55
}

@media(max-width: 768px) {
    .underlayerIssue .issueSingle__main .results.list_A ._sitesearch_component ._searchresults ._items ._item ._wrap ._title {
        margin:.5rem 0 0 0;
        padding: 0;
        font-size: 1.6rem;
        font-weight: 700;
        padding: 0
    }
}

.underlayerIssue .issueSingle__main .results.list_A ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text3 {
    width: 100%
}

.underlayerIssue .issueSingle__main .results.list_A ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text3 ul {
    padding: 0 0 0 21rem;
    margin: .5rem 0 0 0
}

@media(max-width: 768px) {
    .underlayerIssue .issueSingle__main .results.list_A ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text3 ul {
        padding:0;
        margin: 1rem 0 0 0;
        display: none
    }
}

.underlayerIssue .issueSingle__main .results.list_A ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text3 ul li a {
    font-size: 1.2rem;
    padding: .3rem 1.2rem
}

.underlayerIssue .issueSingle__main .results.list_A ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup1 ._display_text13 .category {
    font-size: 1.2rem;
    padding: .4rem 1rem;
    top: .5rem;
    left: .5rem
}

@media(max-width: 768px) {
    .underlayerIssue .issueSingle__main .results.list_A ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup1 ._display_text13 .category {
        display:none
    }
}

.underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text14,.underlayerIssue .issueSingle__main .results.list_A ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text14 {
    display: none
}

.underlayerIssue .issueSingle__main .results.list_A ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text4 button {
    top: 0;
    right: 0
}

@media(max-width: 768px) {
    .underlayerIssue .issueSingle__main .results.list_A ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text4 button {
        top:-1rem
    }
}

.underlayerIssue .issueSingle__main .results.list_A ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text40 {
    width: 100%
}

.underlayerIssue .issueSingle__main .results.list_A ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text40 ul {
    padding: 0 0 0 21rem;
    margin: .5rem 0 0 0
}

@media(max-width: 768px) {
    .underlayerIssue .issueSingle__main .results.list_A ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text40 ul {
        padding:0;
        display: none
    }
}

.underlayerIssue .issueSingle__main .results.list_A ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text40 ul li a {
    font-size: 1.2rem
}

.underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text4 button.isActive {
    background: #d56272
}

.underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text4 button.isActive svg use {
    fill: #fff;
    stroke: #fff
}

.underlayerIssue .issueSingle__side ._sitesearch_component ._searchresults ._items ._item {
    margin-top: 1.5rem;
    position: relative
}

.underlayerIssue .issueSingle__side ._sitesearch_component ._searchresults ._items ._item ._wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%
}

.underlayerIssue .issueSingle__side ._sitesearch_component ._searchresults ._items ._item ._wrap ._thumbnail {
    border-radius: .4rem;
    width: 8rem;
    height: 5.2rem;
    margin-top: .5rem;
    overflow: hidden
}

.underlayerIssue .issueSingle__side ._sitesearch_component ._searchresults ._items ._item ._wrap ._thumbnail img {
    width: 8rem;
    height: 5.2rem;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

.underlayerIssue .issueSingle__side ._sitesearch_component ._searchresults ._items ._item ._wrap ._title {
    width: 15rem;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.5;
    color: #000;
    text-align: left
}

@media(max-width: 768px) {
    .underlayerIssue .issueSingle__side ._sitesearch_component ._searchresults ._items ._item ._wrap ._title {
        -webkit-box-flex:1;
        -ms-flex: 1;
        flex: 1;
        margin: 0 0 0 1.5rem
    }
}

.underlayerIssue .issueSingle__side ._sitesearch_component ._searchresults ._items ._item ._wrap ._title a {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--colorMain)), to(var(--colorMain))) 0 100%/0 1px no-repeat;
    background: linear-gradient(var(--colorMain), var(--colorMain)) 0 100%/0 1px no-repeat;
    -webkit-transition: .3s;
    transition: .3s
}

@media(min-width: 769px) {
    .underlayerIssue .issueSingle__side ._sitesearch_component ._searchresults ._items ._item ._wrap ._title a:hover {
        background-size:100% 1px;
        color: var(--colorMain)
    }
}

.underlayerIssue .issueSingle__side ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text13 {
    display: none
}

.underlayerIssue .issueSingle__side ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup2 {
    display: none
}

.underlayerIssue .issueSingle__side ._sitesearch_component ._searchresults ._items ._item ._wrap ._text {
    display: none
}

.underlayerIssue .issueSingle__side ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text3 {
    display: none
}

.underlayerIssue .issueSingle__side ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text40 {
    display: none
}

.underlayerIssue .issueSingle__side ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text14 {
    display: none
}

.underlayerIssue .issueSingle__side ._sitesearch_component ._searchresults ._items ._item:after {
    position: absolute;
    top: -0.7rem;
    left: -1.1rem;
    border-radius: 2.4rem;
    background-color: #a2b1d9;
    width: 2.4rem;
    height: 2.4rem;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 2.4rem;
    text-align: center;
    color: #fff;
    z-index: 5
}

.underlayerIssue .issueSingle__side ._sitesearch_component ._searchresults ._items ._item:nth-child(1):after {
    content: "1";
    background-color: #e9d46a
}

.underlayerIssue .issueSingle__side ._sitesearch_component ._searchresults ._items ._item:nth-child(2):after {
    content: "2";
    background-color: #aaa
}

.underlayerIssue .issueSingle__side ._sitesearch_component ._searchresults ._items ._item:nth-child(3):after {
    content: "3";
    background-color: #855369
}

.underlayerIssue .issueSingle__side ._sitesearch_component ._searchresults ._items ._item:nth-child(4):after {
    content: "4"
}

.underlayerIssue .issueSingle__side ._sitesearch_component ._searchresults ._items ._item:nth-child(5):after {
    content: "5"
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component {
    text-align: left
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items {
    display: block;
    width: 100%
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item {
    background-color: #fff;
    margin: 1rem 0 0 0;
    padding: 3rem 3rem 3rem 25rem;
    min-height: 18.4rem;
    position: relative;
    width: 100%
}

@media(max-width: 768px) {
    .underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item {
        background-color:#fff;
        margin: 2rem 0 0 0;
        padding: 2rem;
        min-height: 8rem;
        position: relative;
        width: 100%
    }
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup1 ._display_text13 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup1 ._display_text13 .category {
    color: #fff;
    font-size: 1.3rem;
    font-weight: 500;
    border-radius: .4rem;
    padding: .2rem 1.1rem;
    line-height: 1.5
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup1 ._display_text13 .category.category--green {
    background-color: #009f68
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup1 ._display_text13 .category.category--yellow {
    background-color: #cbb915
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup1 ._display_text13 .category.category--blue {
    background-color: #0078bf
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup1 ._display_text13 .category.category--news {
    background-color: #2f79b1
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup1 ._display_text13 .category.category--service {
    background-color: #6d4b28
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup1 ._display_text13 .category.category--seminar {
    background-color: #298279
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup1 ._display_text13 .category.category--column {
    background-color: #76948e
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup1 ._display_text13 .category.category--casestudy {
    background-color: #334757
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup1 ._display_text13 .category.category--glossary {
    background-color: #005691
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup1 ._display_text13 .category.category--interview {
    background-color: #7f7698
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup1 ._display_text13 .category.category--report {
    background-color: #408db5
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup1 ._display_text13 .category.category--special {
    background-color: #bc4163
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup2 ._additional_text1 {
    line-height: 1.6;
    color: #929292;
    font-size: 1.4rem;
    margin: 0 0 0 1rem
}

@media(max-width: 768px) {
    .underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup2 ._additional_text1 {
        margin:1rem 0 0 0
    }
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._thumbnail {
    top: 3rem;
    left: 3rem;
    position: absolute;
    width: 19rem;
    height: 12.4rem;
    overflow: hidden;
    margin: 0;
    border-radius: .5rem;
    overflow: hidden
}

@media(max-width: 768px) {
    .underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._thumbnail {
        position:relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 19.2rem;
        margin: 0 0 1.4rem 0
    }
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._thumbnail img {
    width: 19rem;
    height: 12.4rem;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

@media(max-width: 768px) {
    .underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._thumbnail img {
        width:100%;
        height: 19.2rem
    }
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._text {
    width: 100%;
    margin: 1rem 0 0 0rem;
    font-size: 1.5rem;
    line-height: 1.6
}

@media(max-width: 768px) {
    .underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._text {
        font-size:1.4rem;
        margin: .5rem 0 0 0
    }
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._title {
    width: 100%;
    margin: .5rem 0 0 0;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.55;
    letter-spacing: .05rem
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._title a {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--colorMain)), to(var(--colorMain))) 0 100%/0 1px no-repeat;
    background: linear-gradient(var(--colorMain), var(--colorMain)) 0 100%/0 1px no-repeat;
    -webkit-transition: .3s;
    transition: .3s
}

@media(min-width: 769px) {
    .underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._title a:hover {
        background-size:100% 1px
    }
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text3 {
    width: 100%
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text3 ul {
    width: 100%;
    gap: .4rem;
    margin: .9rem 0 0 0;
    font-size: 1.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(max-width: 768px) {
    .underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text3 ul {
        margin:1.5rem 0 0 0
    }
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text3 ul a {
    display: inline-block;
    background: #fff;
    font-size: 1.4rem;
    line-height: 2rem;
    padding: .5rem 1.6rem;
    border-radius: 5rem;
    border: solid 1px #dcdcdc
}

@media(max-width: 768px) {
    .underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text3 ul a {
        padding:.4rem 1rem;
        font-size: 1.3rem
    }
}

@media(min-width: 769px) {
    .underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text3 ul a:hover {
        background:#dcdcdc
    }
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text40 {
    width: 100%
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text40 ul {
    margin: .7rem 0 0 0;
    gap: 0 1.2rem;
    line-height: 1.4;
    font-size: 1.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(max-width: 768px) {
    .underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text40 ul {
        gap:0 1.2rem;
        line-height: 1.6;
        margin: .8rem 0 0 0
    }
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text40 ul a {
    color: var(--colorMain);
    text-decoration: underline;
    line-height: 1.4
}

@media(min-width: 769px) {
    .underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text40 ul a:hover {
        text-decoration:none
    }
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text14 {
    display: none
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item:nth-child(1):before,.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item:nth-child(2):before,.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item:nth-child(3):before,.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item:nth-child(4):before,.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item:nth-child(5):before {
    content: "";
    display: block;
    position: absolute;
    top: 1.6rem;
    left: 1.6rem;
    border: 1px dotted #fff;
    border-radius: 3rem;
    width: 3rem;
    height: 3rem;
    z-index: 6
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item:after {
    position: absolute;
    top: 1.3rem;
    left: 1.3rem;
    border-radius: 3.6rem;
    background-color: #a2b1d9;
    width: 3.6rem;
    height: 3.6rem;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 3.6rem;
    text-align: center;
    color: #fff;
    z-index: 5
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item:nth-child(1):after {
    content: "1";
    background-color: #e9d46a
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item:nth-child(2):after {
    content: "2";
    background-color: #aaa
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item:nth-child(3):after {
    content: "3";
    background-color: #e9d46a
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item:nth-child(4):after {
    content: "4"
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item:nth-child(5):after {
    content: "5"
}

.underlayer.underlayerIssue.bottom_rank .issueSingle__main .issueTop.issueCategoryTop {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.underlayer.underlayerIssue.bottom_rank .issueSingle__main .issueTop.issueCategoryTop h2 {
    margin: 0 0 2.5rem 0
}

.underlayer.underlayerIssue.bottom_rank .issueSingle__main .issueTop .menu {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    position: relative
}

.underlayer.underlayerIssue.bottom_rank .issueSingle__main .issueTop .menu ._sitesearch_component ._status {
    position: absolute;
    left: 0;
    top: 0
}

.underlayerIssue .issueSingle__main .issueTop ._sortorderselector._sortorderselector_type1 select {
    text-align: left
}

.underlayerIssue .issueSingle__main .issueTop ._totalhits {
    font-size: 3.4rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .04rem
}

@media(max-width: 768px) {
    .underlayerIssue .issueSingle__main .issueTop ._totalhits {
        font-size:2.4rem
    }
}

.underlayerIssue .issueSingle__main .issueTop ._sitesearch_component ._searchstatusfull {
    text-align: left;
    width: 50rem
}

@media(max-width: 768px) {
    .underlayerIssue .issueSingle__main .issueTop ._sitesearch_component ._searchstatusfull {
        width:100%
    }
}

@media(max-width: 768px) {
    .underlayerIssue .issueSingle__main .issueTop ._sitesearch_component ._searchstatusfull ._status {
        font-size:1.3rem;
        line-height: 1.6
    }
}

.underlayerIssue .issueSingle__main .issueTop .results {
    width: 100%
}

.underlayerIssue .issueSingle__main .issueTop ._sitesearch_component ._searchstatusfull ._status ._keyword {
    font-size: 3.4rem;
    font-weight: 500
}

@media(max-width: 768px) {
    .underlayerIssue .issueSingle__main .issueTop ._sitesearch_component ._searchstatusfull ._status ._keyword {
        font-size:2.1rem
    }
}

@media(max-width: 768px) {
    .underlayerIssue .issueSingle__main .issueTop {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }

    .underlayerIssue .issueSingle__main .issueTop .menu {
        margin: 1rem 0 0 0
    }
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup2 ._layoutgroup2_1 {
    padding-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding-right: 5rem;
    line-height: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup2 ._layoutgroup2_1 ._additional_text1 {
    margin: 0 1rem 0 0
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup2 ._layoutgroup2_1 ._display_text13 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup2 ._layoutgroup2_1 ._display_text13 .category {
    color: #fff;
    font-size: 1.3rem;
    font-weight: 500;
    border-radius: .4rem;
    padding: .2rem 1.1rem;
    line-height: 1.5
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup2 ._layoutgroup2_1 ._display_text13 .category.category--green {
    background-color: #009f68
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup2 ._layoutgroup2_1 ._display_text13 .category.category--yellow {
    background-color: #cbb915
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup2 ._layoutgroup2_1 ._display_text13 .category.category--blue {
    background-color: #0078bf
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup2 ._layoutgroup2_1 ._display_text13 .category.category--news {
    background-color: #2f79b1
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup2 ._layoutgroup2_1 ._display_text13 .category.category--service {
    background-color: #6d4b28
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup2 ._layoutgroup2_1 ._display_text13 .category.category--seminar {
    background-color: #298279
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup2 ._layoutgroup2_1 ._display_text13 .category.category--column {
    background-color: #76948e
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup2 ._layoutgroup2_1 ._display_text13 .category.category--casestudy {
    background-color: #334757
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup2 ._layoutgroup2_1 ._display_text13 .category.category--glossary {
    background-color: #005691
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup2 ._layoutgroup2_1 ._display_text13 .category.category--interview {
    background-color: #7f7698
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup2 ._layoutgroup2_1 ._display_text13 .category.category--report {
    background-color: #408db5
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup2 ._layoutgroup2_1 ._display_text13 .category.category--special {
    background-color: #bc4163
}

.underlayer.underlayerIssue.underlayerIssueSingle .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items,.underlayer.underlayerIssue.bottom_rank .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items {
    text-align: left;
    gap: 2.42rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(max-width: 768px) {
    .underlayer.underlayerIssue.underlayerIssueSingle .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items,.underlayer.underlayerIssue.bottom_rank .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items {
        gap:4rem
    }
}

.underlayer.underlayerIssue.underlayerIssueSingle .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap,.underlayer.underlayerIssue.bottom_rank .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap {
    position: relative;
    width: 34rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 25.6rem
}

@media(max-width: 768px) {
    .underlayer.underlayerIssue.underlayerIssueSingle .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap,.underlayer.underlayerIssue.bottom_rank .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap {
        width:100%
    }
}

.underlayer.underlayerIssue.underlayerIssueSingle .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._thumbnail,.underlayer.underlayerIssue.bottom_rank .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._thumbnail {
    border-radius: .5rem;
    border: 1px solid #d8d8d8;
    position: relative;
    width: 25.6rem;
    height: 16.7rem;
    margin: 0 0 1.5rem 0;
    overflow: hidden
}

@media(max-width: 768px) {
    .underlayer.underlayerIssue.underlayerIssueSingle .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._thumbnail,.underlayer.underlayerIssue.bottom_rank .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._thumbnail {
        width:100%;
        height: 21.7rem
    }
}

.underlayer.underlayerIssue.underlayerIssueSingle .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._thumbnail img,.underlayer.underlayerIssue.bottom_rank .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._thumbnail img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

@media(max-width: 768px) {
    .underlayer.underlayerIssue.underlayerIssueSingle .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._thumbnail img,.underlayer.underlayerIssue.bottom_rank .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._thumbnail img {
        width:100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.underlayer.underlayerIssue.underlayerIssueSingle .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text14,.underlayer.underlayerIssue.bottom_rank .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text14 {
    display: none
}

.underlayer.underlayerIssue.underlayerIssueSingle .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text13 .category,.underlayer.underlayerIssue.bottom_rank .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text13 .category {
    position: absolute;
    left: 1rem;
    top: 1rem;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 500;
    border-radius: .4rem;
    padding: .6rem 1.1rem;
    line-height: 1
}

.underlayer.underlayerIssue.underlayerIssueSingle .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text13 .category.category--green,.underlayer.underlayerIssue.bottom_rank .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text13 .category.category--green {
    background-color: #009f68
}

.underlayer.underlayerIssue.underlayerIssueSingle .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text13 .category.category--yellow,.underlayer.underlayerIssue.bottom_rank .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text13 .category.category--yellow {
    background-color: #cbb915
}

.underlayer.underlayerIssue.underlayerIssueSingle .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text13 .category.category--blue,.underlayer.underlayerIssue.bottom_rank .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text13 .category.category--blue {
    background-color: #0078bf
}

.underlayer.underlayerIssue.underlayerIssueSingle .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text13 .category.category--news,.underlayer.underlayerIssue.bottom_rank .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text13 .category.category--news {
    background-color: #2f79b1
}

.underlayer.underlayerIssue.underlayerIssueSingle .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text13 .category.category--service,.underlayer.underlayerIssue.bottom_rank .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text13 .category.category--service {
    background-color: #6d4b28
}

.underlayer.underlayerIssue.underlayerIssueSingle .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text13 .category.category--seminar,.underlayer.underlayerIssue.bottom_rank .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text13 .category.category--seminar {
    background-color: #298279
}

.underlayer.underlayerIssue.underlayerIssueSingle .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text13 .category.category--column,.underlayer.underlayerIssue.bottom_rank .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text13 .category.category--column {
    background-color: #76948e
}

.underlayer.underlayerIssue.underlayerIssueSingle .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text13 .category.category--casestudy,.underlayer.underlayerIssue.bottom_rank .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text13 .category.category--casestudy {
    background-color: #334757
}

.underlayer.underlayerIssue.underlayerIssueSingle .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text13 .category.category--glossary,.underlayer.underlayerIssue.bottom_rank .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text13 .category.category--glossary {
    background-color: #005691
}

.underlayer.underlayerIssue.underlayerIssueSingle .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text13 .category.category--interview,.underlayer.underlayerIssue.bottom_rank .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text13 .category.category--interview {
    background-color: #7f7698
}

.underlayer.underlayerIssue.underlayerIssueSingle .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text13 .category.category--report,.underlayer.underlayerIssue.bottom_rank .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text13 .category.category--report {
    background-color: #408db5
}

.underlayer.underlayerIssue.underlayerIssueSingle .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text13 .category.category--special,.underlayer.underlayerIssue.bottom_rank .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text13 .category.category--special {
    background-color: #bc4163
}

.underlayer.underlayerIssue.underlayerIssueSingle .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup2 ._additional_text1,.underlayer.underlayerIssue.bottom_rank .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup2 ._additional_text1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 .9rem 0;
    font-size: 1.4rem;
    line-height: 2rem;
    color: #929292
}

.underlayer.underlayerIssue.underlayerIssueSingle .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._text,.underlayer.underlayerIssue.bottom_rank .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._text {
    font-size: 1.4rem;
    line-height: 2.6rem;
    margin: 0 0 .3rem 0
}

@media(max-width: 768px) {
    .underlayer.underlayerIssue.underlayerIssueSingle .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._text,.underlayer.underlayerIssue.bottom_rank .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._text {
        margin:1.2rem 0 0 0;
        font-size: 1.4rem;
        line-height: 1.6;
        letter-spacing: .03rem
    }
}

.underlayer.underlayerIssue.underlayerIssueSingle .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._title,.underlayer.underlayerIssue.bottom_rank .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._title {
    line-height: 2.8rem
}

.underlayer.underlayerIssue.underlayerIssueSingle .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._title a,.underlayer.underlayerIssue.bottom_rank .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._title a {
    font-size: 1.9rem;
    font-weight: 700;
    letter-spacing: .04rem;
    display: inline;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--colorMain)), to(var(--colorMain))) 0 100%/0 1px no-repeat;
    background: linear-gradient(var(--colorMain), var(--colorMain)) 0 100%/0 1px no-repeat;
    -webkit-transition: background .3s;
    transition: background .3s;
    text-decoration: none
}

@media(min-width: 769px) {
    .underlayer.underlayerIssue.underlayerIssueSingle .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._title a:hover,.underlayer.underlayerIssue.bottom_rank .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._title a:hover {
        background-size:100% 1px;
        color: var(--colorMain)
    }
}

.underlayer.underlayerIssue.underlayerIssueSingle .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text3 ul,.underlayer.underlayerIssue.bottom_rank .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text3 ul {
    margin: 1.2rem 0 1.1rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .53rem
}

.underlayer.underlayerIssue.underlayerIssueSingle .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text3 ul li a,.underlayer.underlayerIssue.bottom_rank .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text3 ul li a {
    display: block;
    width: 100%;
    background: #fff;
    font-size: 1.4rem;
    line-height: 2rem;
    padding: .5rem 1.6rem;
    border-radius: 5rem;
    border: solid 1px #dcdcdc
}

@media(min-width: 769px) {
    .underlayer.underlayerIssue.underlayerIssueSingle .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text3 ul li a:hover,.underlayer.underlayerIssue.bottom_rank .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text3 ul li a:hover {
        background:#dcdcdc
    }
}

.underlayer.underlayerIssue.underlayerIssueSingle .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text40 ul,.underlayer.underlayerIssue.bottom_rank .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text40 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 1.87rem;
    font-size: 1.4rem
}

.underlayer.underlayerIssue.underlayerIssueSingle .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text40 ul li a,.underlayer.underlayerIssue.bottom_rank .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text40 ul li a {
    display: block;
    width: 100%;
    color: var(--colorMain);
    text-decoration: underline
}

@media(min-width: 769px) {
    .underlayer.underlayerIssue.underlayerIssueSingle .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text40 ul li a:hover,.underlayer.underlayerIssue.bottom_rank .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text40 ul li a:hover {
        text-decoration:none
    }
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup_issue_rank2 {
    width: 100%
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup_issue_rank2 ._layoutgroup_issue_rank2_1 {
    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
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup_issue_rank2 ._layoutgroup_issue_rank2_1 ._additional_text1 {
    font-size: 1.4rem;
    line-height: 2rem;
    color: #929292;
    display: inline-block
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup_issue_rank2 ._layoutgroup_issue_rank2_1 .category {
    margin: 0 0 0 1rem;
    padding: .5rem .8rem;
    font-size: 1.2rem;
    line-height: 1;
    white-space: nowrap;
    color: #fff
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup_issue_rank2 ._layoutgroup_issue_rank2_1 .category.category--green {
    background-color: #009f68
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup_issue_rank2 ._layoutgroup_issue_rank2_1 .category.category--yellow {
    background-color: #cbb915
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup_issue_rank2 ._layoutgroup_issue_rank2_1 .category.category--blue {
    background-color: #0078bf
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup_issue_rank2 ._layoutgroup_issue_rank2_1 .category.category--news {
    background-color: #2f79b1
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup_issue_rank2 ._layoutgroup_issue_rank2_1 .category.category--service {
    background-color: #6d4b28
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup_issue_rank2 ._layoutgroup_issue_rank2_1 .category.category--seminar {
    background-color: #298279
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup_issue_rank2 ._layoutgroup_issue_rank2_1 .category.category--column {
    background-color: #76948e
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup_issue_rank2 ._layoutgroup_issue_rank2_1 .category.category--casestudy {
    background-color: #334757
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup_issue_rank2 ._layoutgroup_issue_rank2_1 .category.category--glossary {
    background-color: #005691
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup_issue_rank2 ._layoutgroup_issue_rank2_1 .category.category--interview {
    background-color: #7f7698
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup_issue_rank2 ._layoutgroup_issue_rank2_1 .category.category--report {
    background-color: #408db5
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup_issue_rank2 ._layoutgroup_issue_rank2_1 .category.category--special {
    background-color: #bc4163
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup_issue_rank2 ._layoutgroup_issue_rank2_1 .category.category--special {
    background-color: #bc4163
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup_issue_rank2 ._layoutgroup_issue_rank2_1 .category.category--interview {
    background-color: #7f7698
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup_issue_rank2 ._layoutgroup_issue_rank2_1 .category.category--interview {
    background-color: #7f7698
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup_issue_rank2 ._layoutgroup_issue_rank2_1 .category.category--casestudy {
    background-color: #334757
}

.underlayer.underlayerIssue.bottom_rank .issueRanking .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup_issue_rank2 ._layoutgroup_issue_rank2_1 .category.category--report {
    background-color: #408db5
}

.underlayerIssue .issueSingle__main .issueEnd {
    font-size: 1.7rem;
    line-height: 1.75
}

@media(max-width: 768px) {
    .underlayerIssue .issueSingle__main .issueEnd {
        line-height:1.8;
        font-size: 1.5rem
    }
}

.underlayerIssue .issueSingle__main .issueEnd h3 {
    font-size: 1.8rem;
    line-height: 1.8
}

@media(max-width: 768px) {
    .underlayerIssue .issueSingle__main .issueEnd h3 {
        font-size:1.6rem
    }
}

@media(max-width: 768px) {
    .underlayerIssue .issueSingle__main .results.list_A ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup1 ._thumbnail {
        position:absolute;
        left: 0;
        top: 0;
        min-height: 6.5rem
    }

    .underlayerIssue .issueSingle__main .results.list_A ._sitesearch_component ._searchresults ._items ._item {
        min-height: 6.5rem
    }

    .underlayerIssue .issueSingle__main .results.list_A ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup2 {
        position: relative
    }
}

.underlayerIssue .issueSingle__main .issueTalent {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.underlayerIssue .issueSingle__main .issueTalent h3 {
    margin: 0 0 2rem 0
}

.underlayerIssue .issueSingle__main .issueTalent .talent {
    width: 100%;
    margin: 0 0 4rem 0
}

.underlayer.underlayerIssue.underlayerIssueSingle .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._additional_text1 {
    font-size: 1.3rem;
    line-height: 2rem;
    color: #929292
}

@media(min-width: 769px) {
    .underlayer.underlayerIssue.underlayerIssueSingle .underlayerSeminar.underlayerSeminarSingle.draggable ._sitesearch_component ._searchresults ._items ._item ._wrap ._thumbnail a:hover img {
        -webkit-transform:scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }
}

.contents_back {
    margin: 2rem 0 0 0;
    text-align: right;
    font-size: 1.5rem
}

@media(max-width: 768px) {
    .contents_back {
        margin:2rem 0 .8rem 0
    }
}

.contents_back a {
    text-decoration: underline;
    position: relative
}

@media(min-width: 769px) {
    .contents_back a:hover {
        text-decoration:none
    }
}

@media(max-width: 768px) {
    .underlayerIssueSingle .singleRead .container.issue_list .issue_ak_link {
        display:block;
        margin-top: -10rem;
        padding-top: 10rem
    }
}

.series_list .ttl {
    padding: 0 0 1.5rem 2.5rem;
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 1.5rem;
    font-size: 2.1rem;
    font-weight: 700;
    line-height: 1;
    position: relative
}

@media(max-width: 768px) {
    .series_list .ttl {
        margin-bottom:1.4rem;
        font-size: 1.8rem;
        font-weight: 700;
        line-height: 1
    }
}

.series_list .ttl:before {
    content: "■ ";
    color: #005691;
    font-size: 1.1rem;
    position: absolute;
    top: .8rem;
    left: 0
}

@media(max-width: 768px) {
    .series_list .ttl:before {
        top:.5rem
    }
}

.series_list {
    background: #f2f2f2;
    padding: 3rem
}

@media(max-width: 768px) {
    .series_list {
        padding:3rem 2rem 2rem 2rem
    }
}

.series_list dl {
    margin: 0 0 1.2rem 0
}

.series_list dl dt {
    font-size: 1.4rem;
    font-weight: normal
}

@media(max-width: 768px) {
    .series_list dl dt {
        font-size:1.3rem
    }
}

.series_list dl dd {
    font-size: 1.7rem;
    line-height: 1.5;
    font-weight: 700
}

@media(max-width: 768px) {
    .series_list dl dd {
        font-size:1.5rem
    }
}

.series_list dl dd a {
    text-decoration: underline;
    color: #204f74
}

@media(min-width: 769px) {
    .series_list dl dd a:hover {
        text-decoration:none
    }
}

.series_list .more_btn {
    margin: 2rem auto 0;
    text-align: center
}

.series_list .more_btn a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    position: relative;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.1rem;
    color: var(--colorMain);
    border: solid 1px var(--colorMain);
    background: #fff;
    border-radius: .5rem;
    padding: 1.2rem 4.4rem 1.2rem 2.8rem;
    text-decoration: none
}

.series_list .more_btn a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 2.2rem;
    bottom: 0;
    margin: auto;
    display: block;
    width: .5rem;
    height: .5rem;
    border-left: solid 1px var(--colorMain);
    border-bottom: solid 1px var(--colorMain);
    -webkit-transform: rotate(-44deg);
    transform: rotate(-44deg);
    -webkit-transition: all ease .2s;
    transition: all ease .2s;
    text-decoration: none
}

.series_list .more_btn a {
    text-decoration: none
}

.series_list .more_btn a:hover {
    color: #fff !important;
    background: var(--colorMain)
}

.series_list .more_btn a:hover:after {
    border-left: solid 1px #fff;
    border-bottom: solid 1px #fff
}

.mainvisualBackground--theme.list {
    padding-bottom: 0
}

.mainvisualBackground .listTab {
    position: relative;
    width: 100%;
    margin-top: 4rem;
    overflow: hidden
}

.mainvisualBackground .listTab ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mainvisualBackground .listTab ul li {
    width: 36rem;
    z-index: 1
}

.mainvisualBackground .listTab ul li.active {
    z-index: 3
}

.mainvisualBackground .listTab ul li a {
    display: block;
    border: 1px solid #204f74;
    border-bottom: none;
    border-radius: .5rem .5rem 0 0;
    background-color: #e0ebf6;
    font-size: 1.8rem;
    font-weight: 700;
    text-align: center;
    line-height: 6rem;
    color: #000
}

.mainvisualBackground .listTab ul li a:hover {
    background-color: #204f74;
    color: #fff
}

.mainvisualBackground .listTab ul li.active a {
    background-color: #fff;
    color: #204f74
}

.mainvisualBackground .listTab ul:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    background-color: #204f74;
    width: 100vw;
    height: 1px;
    margin-left: -50vw;
    z-index: 2
}

.underlayerList {
    padding-top: 3rem
}

.underlayerList .listMenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .4rem
}

.underlayerList .listMenu li {
    width: 100%
}

.underlayerList .listMenu li a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: solid 1px #d4e2eb;
    border-radius: .5rem;
    width: 100%;
    height: 100%;
    padding: 1.6rem 5.5rem 1.6rem 2rem;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.4;
    color: var(--colorMain);
    white-space: nowrap
}

.underlayerList .listMenu li a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 2rem;
    margin: auto;
    display: block;
    width: 1rem;
    height: 1rem;
    margin-top: -0.8rem;
    border-right: solid 1px var(--colorMain);
    border-bottom: solid 1px var(--colorMain);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 1;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.underlayerList .listMenu li a:hover {
    border: solid 1px var(--colorMain)
}

.underlayerList .listMenu li a:hover:after {
    margin-top: -0.4rem
}

.underlayerList .listMenu.theme li a {
    background-color: #fff;
    background-size: 3rem;
    background-position: 1.8rem center;
    background-repeat: no-repeat;
    padding: 1.6rem 5.5rem 1.6rem 6rem
}

.underlayerList .listMenu.theme li.menu01 a {
    background-image: url(../../assets/images/icon_list01.svg)
}

.underlayerList .listMenu.theme li.menu02 a {
    background-image: url(../../assets/images/icon_list02.svg)
}

.underlayerList .listMenu.theme li.menu03 a {
    background-image: url(../../assets/images/icon_list03.svg)
}

.underlayerList .listMenu.theme li.menu04 a {
    background-image: url(../../assets/images/icon_list04.svg)
}

.underlayerList .listMenu.target {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.underlayerList .listMenu.target li {
    width: calc(33.3% - .25rem)
}

.underlayerList .mainHead {
    position: relative;
    display: table;
    border-bottom: 1px solid #005691;
    margin: 8rem 0 4rem 0;
    padding: 0 0 3rem 5rem;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.3
}

.underlayerList .mainHead span {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3.8rem;
    background-color: #005691;
    width: 3.8rem;
    height: 3.8rem;
    font-size: 0
}

.underlayerList .mainHead span img {
    width: 2.6rem
}

.underlayerList .subHead {
    margin: 6rem 0 2.5rem 0;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.4
}

.underlayerList .underlayerSeminarSingle {
    padding: 0
}

.underlayerList .strengthList {
    background-color: #f1f7fb;
    margin-top: 5rem;
    padding: 4rem
}

.underlayerList .strengthList h4 {
    margin-bottom: 2.5rem;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1
}

.underlayerList .strengthList .mainvisual__menu {
    margin: 0
}

.underlayerList .strengthList .mainvisual__menu a {
    position: relative;
    line-height: 3.3rem;
    font-size: 1.6rem
}

.underlayerList .strengthList .mainvisual__menu a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 1.8rem;
    bottom: 0;
    margin: auto;
    display: block;
    width: .5rem;
    height: .5rem;
    border-left: solid 1px var(--colorMain);
    border-bottom: solid 1px var(--colorMain);
    -webkit-transform: rotate(-134deg);
    transform: rotate(-134deg);
    z-index: 1
}

@media(min-width: 769px) {
    .underlayerList .strengthList .mainvisual__menu a:hover:after {
        border-left:solid 1px #fff;
        border-bottom: solid 1px #fff
    }
}

.underlayerList .linkBtn {
    margin-top: 5rem;
    width: 100%;
    text-align: center
}

@media(max-width: 768px) {
    .mainvisualBackground .listTab {
        margin-top:2.5rem
    }

    .mainvisualBackground .listTab ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .mainvisualBackground .listTab ul li {
        width: 33.1%
    }

    .mainvisualBackground .listTab ul li a {
        font-size: 1.5rem;
        line-height: 5rem;
        letter-spacing: 0
    }

    .mainvisualBackground .listTab ul li a span {
        display: none
    }

    .mainvisualBackground .listTab ul li:nth-of-type(1) a {
        border-radius: 0 .5rem 0 0;
        border-left: none
    }

    .mainvisualBackground .listTab ul li:nth-of-type(3) a {
        border-radius: .5rem 0 0 0;
        border-right: none
    }

    .underlayerList {
        padding-top: 2rem !important
    }

    .underlayerList .listMenu {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: .4rem
    }

    .underlayerList .listMenu li {
        width: calc(50% - .2rem)
    }

    .underlayerList .listMenu li a {
        padding: 1.2rem 3.2rem 1.2rem 1.4rem;
        font-size: 1.5rem;
        white-space: normal
    }

    .underlayerList .listMenu li a:after {
        right: 1.2rem;
        width: .8rem;
        height: .8rem;
        margin-top: -0.7rem
    }

    .underlayerList .listMenu.theme li a {
        background-size: 2.8rem;
        background-position: .7rem center;
        padding: 1.2rem 3.2rem 1.2rem 4.2rem
    }

    .underlayerList .listMenu.target li {
        width: calc(50% - .2rem)
    }

    .underlayerList .mainHead {
        margin: 0;
        padding: 7rem 0 2.4rem 5.8rem;
        font-size: 2.4rem
    }

    .underlayerList .mainHead span {
        top: 6.2rem;
        border-radius: 4.8rem;
        width: 4.8rem;
        height: 4.8rem
    }

    .underlayerList .mainHead span img {
        width: 3.2rem
    }

    .underlayerList .subHead {
        margin: -3rem 0 1.8rem 0;
        padding-top: 6rem;
        font-size: 2.2rem
    }

    .underlayerList .strengthList {
        position: relative;
        width: calc(100% + 4rem);
        margin: 6rem -2rem 0 -2rem;
        padding: 6rem 2rem
    }

    .underlayerList .strengthList h4 {
        margin-bottom: 2rem;
        font-size: 2rem;
        color: #000
    }

    .underlayerList .strengthList .mainvisual__menu {
        display: block;
        margin: 0;
        padding: 0
    }

    .underlayerList .strengthList .mainvisual__menu li {
        width: 100%;
        margin: .4rem 0 0 0
    }

    .underlayerList .strengthList .mainvisual__menu a {
        position: relative;
        height: 4.5rem !important;
        font-size: 1.5rem;
        line-height: 3.3rem
    }

    .underlayerList .strengthList .mainvisual__menu a:after {
        right: 1.5rem
    }

    .underlayerList .linkBtn {
        margin-top: 5rem;
        width: 100%;
        text-align: center
    }

    .underlayerList .linkBtn a {
        padding: 1.2rem 3.4rem 1.2rem 1.8rem
    }
}

@media(max-width: 768px) {
    .underlayerIssue .issueSingle__side .sideBox .ranking a p {
        width:18.5rem
    }
}

.underlayerIssue .issueSingle__main .issueTop .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem
}

@media(max-width: 768px) {
    .underlayerIssue .issueSingle__main .issueTop .menu {
        gap:1rem
    }
}

.underlayerIssue .issueSingle__main .issueTop ._sortorderselector._sortorderselector_type1 {
    position: relative
}

.underlayerIssue .issueSingle__main .issueTop ._sortorderselector._sortorderselector_type1 select {
    border: solid 1px #d0d6db;
    padding: .8rem 4.5rem .8rem 1rem;
    font-size: 1.4rem;
    line-height: 2.1rem;
    letter-spacing: .02rem;
    border-radius: .5rem;
    cursor: pointer
}

@media(max-width: 768px) {
    .underlayerIssue .issueSingle__main .issueTop ._sortorderselector._sortorderselector_type1 select {
        padding:.8rem 3rem .8rem 1rem
    }
}

.underlayerIssue .issueSingle__main .issueTop ._sortorderselector._sortorderselector_type1::after {
    content: "";
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    bottom: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #005691;
    -webkit-transform: translateX(0%) rotate(90deg);
    transform: translateX(0%) rotate(90deg);
    pointer-events: none
}

@media(max-width: 768px) {
    .underlayerIssue .issueSingle__main .issueTop ._sortorderselector._sortorderselector_type1::after {
        right:1.2rem
    }
}

.underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4rem;
    text-align: left
}

@media(max-width: 768px) {
    .underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items {
        display:block;
        width: 100%
    }
}

.underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items ._item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 36rem;
    margin-bottom: 3rem
}

@media(max-width: 768px) {
    .underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items ._item {
        width:100%;
        margin-bottom: 4rem
    }
}

.underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items ._item a {
    position: relative;
    display: block
}

.underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items ._item ._wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup1 ._thumbnail {
    width: 36rem;
    height: 23.2rem;
    overflow: hidden;
    margin: 0 0 1.8rem 0;
    border-radius: .5rem;
    overflow: hidden
}

@media(max-width: 768px) {
    .underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup1 ._thumbnail {
        width:100%;
        height: 21.6rem;
        margin: 0 0 1.5rem 0
    }
}

.underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup1 ._thumbnail img {
    width: 36rem;
    height: 23.2rem;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

@media(max-width: 768px) {
    .underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup1 ._thumbnail img {
        width:100%;
        height: 21.6rem
    }
}

@media(min-width: 769px) {
    .underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup1 ._thumbnail a:hover img {
        opacity:.9;
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }
}

.underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup1 ._display_text13 .category {
    position: absolute;
    left: 1rem;
    top: 1rem;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 500;
    border-radius: .4rem;
    padding: .6rem 1.1rem;
    line-height: 1
}

.underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup1 ._display_text13 .category.category--column {
    background-color: #76948e
}

.underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup1 ._display_text13 .category.category--interview {
    background-color: #7f7698
}

.underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup1 ._display_text13 .category.category--report {
    background-color: #408db5
}

.underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup1 ._display_text13 .category.category--special {
    background-color: #bc4163
}

.underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup1 ._display_text13 .category.category--casestudy {
    background-color: #334757
}

.underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup2 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding-right: 4.5rem
}

.underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup2 ._additional_text1 {
    font-size: 1.4rem;
    line-height: 2rem;
    color: #929292
}

.underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items ._item ._wrap ._text {
    margin: 1.5rem 0 0 0;
    font-size: 1.6rem;
    line-height: 1.6;
    letter-spacing: .03rem
}

@media(max-width: 768px) {
    .underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items ._item ._wrap ._text {
        margin:1.2rem 0 0 0;
        font-size: 1.4rem;
        line-height: 1.6;
        letter-spacing: .03rem
    }
}

.underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items ._item ._wrap ._title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: .05rem;
    margin: .4rem 0 0 0;
    color: #000
}

@media(max-width: 768px) {
    .underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items ._item ._wrap ._title {
        font-size:1.9rem;
        font-weight: 700;
        line-height: 1.6;
        letter-spacing: .05rem;
        margin: .5rem 0 0 0
    }
}

.underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items ._item ._wrap ._title a {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--colorMain)), to(var(--colorMain))) 0 100%/0 1px no-repeat;
    background: linear-gradient(var(--colorMain), var(--colorMain)) 0 100%/0 1px no-repeat;
    -webkit-transition: .3s;
    transition: .3s
}

@media(min-width: 769px) {
    .underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items ._item ._wrap ._title a {
        display:inline
    }

    .underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items ._item ._wrap ._title a:hover {
        color: var(--colorMain);
        background-size: 100% 1px
    }
}

.underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text3 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .5rem;
    margin: 1.5rem 0 0 0
}

@media(max-width: 768px) {
    .underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text3 ul {
        gap:.4rem;
        margin: 1.2rem 0 0 0;
        font-size: 1.3rem
    }
}

.underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text3 ul li a {
    display: inline-block;
    background: #fff;
    font-size: 1.4rem;
    line-height: 2rem;
    padding: .5rem 1.6rem;
    border-radius: 5rem;
    border: solid 1px #dcdcdc
}

@media(max-width: 768px) {
    .underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text3 ul li a {
        padding:.4rem 1rem;
        font-size: 1.3rem
    }
}

@media(min-width: 769px) {
    .underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text3 ul li a:hover {
        background:#dcdcdc
    }
}

.underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text40 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 1.4rem;
    margin: 1.2rem 0 0 0;
    gap: 0 1.2rem;
    line-height: 1.6
}

@media(max-width: 768px) {
    .underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text40 ul {
        margin:1rem 0 0 0;
        gap: 0 1.2rem;
        line-height: 1.6
    }
}

.underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text40 ul li a {
    color: var(--colorMain);
    text-decoration: underline;
    line-height: 1.6
}

@media(min-width: 769px) {
    .underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text40 ul li a:hover {
        text-decoration:none
    }
}

.underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text4 button {
    position: absolute;
    top: 24.6rem;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 3.4rem;
    height: 3.4rem;
    background: #f1f1f1;
    border-radius: 100%;
    z-index: 5;
    -webkit-transition: all .4s;
    transition: all .4s;
    margin: 0
}

@media(max-width: 768px) {
    .underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text4 button {
        top:22.6rem
    }
}

.underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text4 button svg {
    width: 1.307rem;
    height: 1.14rem
}

.underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text4 button svg use {
    fill: #d56272;
    stroke: #d56272
}

@media(min-width: 769px) {
    .underlayerIssue .issueSingle__main .results ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text4 button:hover {
        background:#d3d3d3
    }
}

.underlayerIssue .issueSingle__main .results ._sitesearch_component ._pagenator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 6rem auto 0;
    position: relative;
    padding: 0 10rem
}

.underlayerIssue .issueSingle__main .results ._sitesearch_component ._pagenator ._disable {
    display: none
}

@media(max-width: 768px) {
    .underlayerIssue .issueSingle__main .results ._sitesearch_component ._pagenator {
        margin:6rem auto 0;
        position: relative;
        padding: 0 8rem
    }
}

.underlayerIssue .issueSingle__main .results ._sitesearch_component ._pagenator ._nav._prev {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0
}

.underlayerIssue .issueSingle__main .results ._sitesearch_component ._pagenator ._nav._prev a {
    position: relative;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 9rem;
    height: 4.5rem;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1;
    color: var(--colorMain);
    border: solid 1px var(--colorMain)
}

@media(max-width: 768px) {
    .underlayerIssue .issueSingle__main .results ._sitesearch_component ._pagenator ._nav._prev a {
        width:8rem;
        height: 4.3rem
    }
}

@media(min-width: 769px) {
    .underlayerIssue .issueSingle__main .results ._sitesearch_component ._pagenator ._nav._prev a:hover {
        color:#fff;
        background: var(--colorMain)
    }
}

.underlayerIssue .issueSingle__main .results ._sitesearch_component ._pagenator ._nav._next {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0
}

.underlayerIssue .issueSingle__main .results ._sitesearch_component ._pagenator ._nav._next a {
    position: relative;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 9rem;
    height: 4.5rem;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1;
    color: var(--colorMain);
    border: solid 1px var(--colorMain)
}

@media(max-width: 768px) {
    .underlayerIssue .issueSingle__main .results ._sitesearch_component ._pagenator ._nav._next a {
        width:8rem;
        height: 4.3rem
    }
}

@media(min-width: 769px) {
    .underlayerIssue .issueSingle__main .results ._sitesearch_component ._pagenator ._nav._next a:hover {
        color:#fff;
        background: var(--colorMain)
    }
}

.underlayerIssue .issueSingle__main .results ._sitesearch_component ._pagenator ._nav._page {
    width: 4.3rem;
    height: 4.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    font-size: 1.6rem;
    font-weight: bold;
    background-color: #f1f7fb;
    color: var(--colorMain);
    border-radius: 4px;
    margin: 0 .5rem
}

.underlayerIssue .issueSingle__main .results ._sitesearch_component ._pagenator ._nav._page a {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 4px
}

@media(max-width: 768px) {
    .underlayerIssue .issueSingle__main .results ._sitesearch_component ._pagenator ._nav._page {
        margin:0 .3rem
    }
}

@media(min-width: 769px) {
    .underlayerIssue .issueSingle__main .results ._sitesearch_component ._pagenator ._nav._page a:hover {
        color:#fff;
        background: var(--colorMain)
    }
}

.underlayerIssue .issueSingle__main .results ._sitesearch_component ._pagenator ._nav._page._current {
    width: 4.3rem;
    height: 4.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    font-size: 1.6rem;
    font-weight: bold;
    background-color: #f1f7fb;
    color: var(--colorMain);
    border-radius: 4px;
    margin: 0 .5rem;
    background-color: var(--colorMain);
    color: #fff
}

@media(max-width: 768px) {
    .underlayerIssue .issueSingle__main .results ._sitesearch_component ._pagenator ._nav._page._current {
        margin:0 .3rem
    }
}

.underlayerIssue .issueSingle__main .results ._sitesearch_component ._pagenator ._nav._first a {
    display: none
}

.underlayerService .checkList__block .item__content dt span.c_line {
    font-size: 1.3rem;
    vertical-align: top;
    display: inline-block;
    padding: 0 .5rem
}

.underlayerSeminarSingle .popularity__card .item a {
    position: relative
}

.underlayerSeminarSingle .popularity__card .item a .pickup {
    color: #fff;
    background-color: #e14f6d;
    font-family: var(--fontEN);
    position: absolute;
    left: -1rem;
    top: -1rem;
    line-height: 1;
    font-size: 1.3rem;
    padding: .5rem 1.2rem;
    border-radius: 3rem;
    z-index: 1
}

.underlayerList .strengthList .mainvisual__menu a {
    font-size: 1.5rem
}

.underlayerService .strengthList .mainvisual__menu a {
    font-size: 1.5rem !important
}

@media(min-width: 769px) {
    .popularity__card a:hover img {
        opacity:.9;
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }

    .popularity__card a:hover .item__areaTtl,.popularity__card a:hover .ttl {
        color: var(--colorMain)
    }

    .popularity__card a:hover .item__areaTtl span,.popularity__card a:hover .ttl span {
        background-size: 100% 1px
    }
}

.underlayerSeminar .popularity {
    margin: 0 0 8.1rem 0
}

.underlayerSeminar .popularity__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 3.88rem
}

.underlayerSeminar .popularity__card .item {
    position: relative;
    width: 34rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.underlayerSeminar .popularity__card .item__areaTtl {
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 3rem;
    letter-spacing: .05rem;
    margin: 0 0 1.1rem 0
}

.underlayerSeminar .popularity__card .item__areaTtl span {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--colorMain)), to(var(--colorMain))) 0 100%/0 1px no-repeat;
    background: linear-gradient(var(--colorMain), var(--colorMain)) 0 100%/0 1px no-repeat;
    -webkit-transition: background .3s;
    transition: background .3s
}

@media(min-width: 769px) {
    .underlayerSeminar .popularity__card .item__area:hover img {
        opacity:.9;
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }

    .underlayerSeminar .popularity__card .item__area:hover .item__areaTtl {
        color: var(--colorMain)
    }

    .underlayerSeminar .popularity__card .item__area:hover .item__areaTtl span {
        background-size: 100% 1px
    }
}

.underlayerSeminar .popularity__card .item__areaImg {
    width: 34rem;
    height: 22rem;
    overflow: hidden;
    margin: 0 0 .8rem 0;
    border-radius: .5rem;
    border: 1px solid #d8d8d8
}

@media(max-width: 768px) {
    .underlayerSeminar .popularity__card .item__areaImg {
        width:100%;
        height: 20.8rem
    }
}

.underlayerSeminar .popularity__card .item__areaImg img {
    width: 34rem;
    height: 22rem;
    height: auto;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

.underlayerSeminar .popularity__card .item__areaCategory {
    font-size: 1.3rem;
    line-height: 1.9rem;
    font-weight: 500;
    padding: .2rem .9rem;
    display: inline-block;
    margin: 0 0 1.1rem 0;
    border-radius: .5rem
}

.underlayerSeminar .popularity__card .item__areaCategory--live {
    background: url(../../assets/images/icon_recommend_live.svg) no-repeat left 1.2rem top .4rem;
    background-size: 5.1rem 1.6rem;
    padding: .2rem .9rem .2rem 6.9rem;
    border: solid 1px #298279;
    color: #298279;
    font-size: 1.2rem
}

.underlayerSeminar .popularity__card .item__areaCategory--movie {
    background: url(../../assets/images/icon_recommend_movie.svg) no-repeat left .7rem center;
    background-size: 3.1rem 1.7rem;
    padding: .2rem .9rem .2rem 4.4rem;
    border: solid 1px #824880;
    color: #824880;
    font-size: 1.2rem
}

.underlayerSeminar .popularity__card .item__areaCopy {
    font-size: 1.4rem;
    line-height: 2.4rem;
    letter-spacing: .03rem;
    margin: 0 0 .3rem 0
}

.underlayerSeminar .popularity__card .item__areaDay,.underlayerSeminar .popularity__card .item__areaTime {
    font-size: 1.4rem;
    line-height: 2.4rem;
    padding: 0 0 0 3.1rem
}

.underlayerSeminar .popularity__card .item__areaDay {
    background: url(/service/assets/images/icon_calendar.svg) no-repeat left top .2rem;
    background-size: 2.2rem auto
}

.underlayerSeminar .popularity__card .item__areaTime {
    background: url(/service/assets/images/icon_time.svg) no-repeat left center;
    background-size: 2.2rem auto
}

.underlayerSeminar .popularity__card .item__areaTime span {
    font-weight: 700
}

.underlayerSeminar .popularity__card .item__like {
    position: absolute;
    top: 23.3rem;
    right: .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 3.4rem;
    height: 3.4rem;
    background: #f1f1f1;
    border-radius: 100%;
    z-index: 1;
    -webkit-transition: all .3s;
    transition: all .3s
}

.underlayerSeminar .popularity__card .item__like.isActive {
    background: #d56272
}

.underlayerSeminar .popularity__card .item__like.isActive svg use {
    fill: #f1f1f1;
    stroke: #f1f1f1
}

.underlayerSeminar .popularity__card .item__like svg {
    width: 1.307rem;
    height: 1.14rem
}

.underlayerSeminar .popularity__card .item__like svg use {
    fill: #d56272;
    stroke: #d56272
}

.underlayerSeminar .popularity__card .item__like:hover {
    background: #d3d3d3
}

.underlayerSeminar .popularity__card .item__tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .44rem;
    margin: 1.2rem 0 0 0
}

.underlayerSeminar .popularity__card .item__tag a {
    display: inline-block;
    background: #fff;
    font-size: 1.4rem;
    line-height: 2.4rem;
    padding: .3rem 1.3rem;
    border-radius: 5rem;
    border: solid 1px #dcdcdc
}

.underlayerSeminar .popularity__card .item__tag a:hover {
    background: #dcdcdc
}

.underlayerSeminar .archive__background {
    background-color: #f1f7fb;
    padding: 6rem 0 0rem 0;
    margin: 0 0 5rem 0
}

.underlayerSeminar .archive__background.case_bg {
    padding: 6rem 0 4rem 0;
    margin: 5rem 0 5rem 0
}

.underlayerSeminar .archive__now {
    margin: 0 0 1rem 0
}

.underlayerSeminar .archive__nowTtl {
    position: relative;
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 2.7rem;
    letter-spacing: .04rem;
    padding: 0 0 0 1.5rem;
    margin: 0 0 .8rem 0
}

.underlayerSeminar .archive__nowTtl::before {
    content: "";
    position: absolute;
    top: .45rem;
    left: 0;
    bottom: 0;
    margin: auto;
    width: .4rem;
    height: .4rem;
    background: var(--colorMain);
    border-radius: 50%
}

.underlayerSeminar .archive__nowBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.underlayerSeminar .archive__nowBtn p {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    width: 100%;
    background: #fff;
    border-top: solid 1px #aec2d5;
    border-left: solid 1px #aec2d5;
    border-bottom: solid 1px #aec2d5;
    font-size: 1.6rem;
    line-height: 2.4rem;
    letter-spacing: .02rem;
    padding: 1.7rem 1.9rem;
    border-radius: .5rem 0 0 .5rem
}

.underlayerSeminar .archive__nowBtn button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 19.8rem;
    background: var(--colorMain);
    color: #fff;
    font-size: 1.6rem;
    line-height: 2.4rem;
    letter-spacing: .02rem;
    border-radius: 0 .5rem .5rem 0;
    text-align: center;
    padding: 0 2.5rem 0 0
}

.underlayerSeminar .archive__nowBtn button::after {
    content: "";
    position: absolute;
    top: 0;
    right: 2rem;
    bottom: 0;
    margin: auto;
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../assets/images/icon_search.svg) no-repeat;
    background-size: 1.5rem auto
}

.underlayerSeminar .archive__nowBtn button.isOpen {
    background: #204f74;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 0 0 2.5rem
}

@media(min-width: 769px) {
    .underlayerSeminar .archive__nowBtn button:hover {
        background:#3273a7
    }
}

.underlayerSeminar .archive .setting {
    display: none;
    margin: 0 0 5rem 0;
    background: #fff;
    border-radius: .3rem;
    padding: 2.8rem
}

.underlayerSeminar .archive .setting dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: solid 2px #fff
}

.underlayerSeminar .archive .setting dl dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #dfecf5;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.4rem;
    width: 24rem;
    border-right: solid 2px #fff;
    padding: 0 0 0 2rem
}

.underlayerSeminar .archive .setting dl dd {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #f1f6f9;
    padding: 2rem 2.5rem;
    font-size: 1.6rem;
    line-height: 2.4rem
}

.underlayerSeminar .archive .setting dl dd .label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem
}

.underlayerSeminar .archive .setting dl dd .label li input {
    display: none
}

.underlayerSeminar .archive .setting dl dd .label li input:checked+label::before {
    background: #204f74
}

.underlayerSeminar .archive .setting dl dd .label li input:checked+label::after {
    opacity: 1
}

.underlayerSeminar .archive .setting dl dd .label li label {
    position: relative;
    background: #fff;
    padding: .9rem .9rem .9rem 3.9rem;
    display: block
}

.underlayerSeminar .archive .setting dl dd .label li label::before {
    content: "";
    position: absolute;
    top: 0;
    left: 1rem;
    bottom: 0;
    display: block;
    width: 2rem;
    height: 2rem;
    background: #fff;
    border: 1px solid #d2d4d6;
    margin: auto
}

.underlayerSeminar .archive .setting dl dd .label li label::after {
    content: "";
    position: absolute;
    top: -0.4rem;
    left: 1.7rem;
    bottom: 0;
    display: block;
    width: .7rem;
    height: 1.3rem;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    margin: auto;
    opacity: 0
}

.underlayerSeminar .archive .setting dl dd .mass {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-image: linear-gradient(to right, #A9ADAF 2px, transparent 2px);
    background-size: 7px 2px;
    background-repeat: repeat-x;
    background-position: left bottom;
    padding: 0 0 2rem 0;
    margin: 0 0 1.5rem 0
}

.underlayerSeminar .archive .setting dl dd .mass:last-child {
    padding: 0;
    margin: 0;
    background: none
}

.underlayerSeminar .archive .setting dl dd .mass p {
    font-size: 1.6rem;
    font-weight: 500;
    width: 8.9rem
}

.underlayerSeminar .archive .setting dl dd .mass ul {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem 1.3rem
}

.underlayerSeminar .archive .setting dl dd .mass ul li input {
    display: none
}

.underlayerSeminar .archive .setting dl dd .mass ul li input:checked+label::before {
    background: #204f74
}

.underlayerSeminar .archive .setting dl dd .mass ul li input:checked+label::after {
    opacity: 1
}

.underlayerSeminar .archive .setting dl dd .mass ul li label {
    position: relative;
    padding: 0 0 0 2.9rem;
    display: block
}

.underlayerSeminar .archive .setting dl dd .mass ul li label::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: block;
    width: 2rem;
    height: 2rem;
    background: #fff;
    border: 1px solid #d2d4d6;
    margin: auto
}

.underlayerSeminar .archive .setting dl dd .mass ul li label::after {
    content: "";
    position: absolute;
    top: -0.4rem;
    left: .7rem;
    bottom: 0;
    display: block;
    width: .7rem;
    height: 1.3rem;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    margin: auto;
    opacity: 0
}

.underlayerSeminar .archive .setting dl dd input {
    background: #fff;
    width: 100%;
    border-radius: .3rem;
    font-size: 1.6rem;
    padding: .9rem 0 .9rem 1.7rem
}

.underlayerSeminar .archive .setting dl dd input::-webkit-input-placeholder {
    color: #dfdfdf
}

.underlayerSeminar .archive .setting dl dd input::-moz-placeholder {
    color: #dfdfdf
}

.underlayerSeminar .archive .setting dl dd input:-ms-input-placeholder {
    color: #dfdfdf
}

.underlayerSeminar .archive .setting dl dd input::-ms-input-placeholder {
    color: #dfdfdf
}

.underlayerSeminar .archive .setting dl dd input::placeholder {
    color: #dfdfdf
}

.underlayerSeminar .archive .setting .submit {
    position: relative;
    top: 0;
    font-size: 1.8rem;
    font-weight: 700;
    display: block;
    width: 23.4rem;
    background: #2f79b1;
    -webkit-box-shadow: 0 .3rem 0 #005691;
    box-shadow: 0 .3rem 0 #005691;
    border-radius: .5rem;
    color: #fff;
    text-align: center;
    padding: .6rem 1.2rem .6rem 0;
    padding: .6rem 0rem .6rem 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin: 2rem auto 0
}

@media(min-width: 769px) {
    .underlayerSeminar .archive .setting .submit:hover {
        background:#4e95cb;
        top: .3rem;
        -webkit-box-shadow: 0 0 0 #005691;
        box-shadow: 0 0 0 #005691;
        color: #fff
    }
}

.underlayerSeminar .archive .setting .reset {
    margin: 1.8rem auto 0;
    width: 13.8rem;
    display: block;
    font-size: 1.5rem;
    color: #204f74;
    text-decoration: underline
}

@media(min-width: 769px) {
    .underlayerSeminar .archive .setting .reset:hover {
        text-decoration:none
    }
}

.underlayerSeminar .archive .underlayer__ttl {
    margin: 4rem 0 2.2rem 0
}

.underlayerSeminar .archive__tab {
    position: relative;
    margin: 2.5rem 0 0 0
}

.underlayerSeminar .archive__tab::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    border-bottom: solid 1px var(--colorMain);
    z-index: 1
}

.underlayerSeminar .archive__tab ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem
}

.underlayerSeminar .archive__tab ul li.isActive a,.underlayerSeminar .archive__tab ul li.isActive button {
    background: #fff;
    z-index: 2
}

.underlayerSeminar .archive__tab ul li.isActive button {
    color: var(--colorMain)
}

.underlayerSeminar .archive__tab ul li.live a,.underlayerSeminar .archive__tab ul li.live button {
    width: 44rem
}

.underlayerSeminar .archive__tab ul li.live a span,.underlayerSeminar .archive__tab ul li.live button span {
    background: url(../../assets/images/icon_live.svg) no-repeat left bottom;
    background-size: 5.1rem auto;
    padding: 0 1rem 0 6.7rem
}

.underlayerSeminar .archive__tab ul li.movie a span,.underlayerSeminar .archive__tab ul li.movie button span {
    background: url(../../assets/images/icon_movie_big.svg) no-repeat left center;
    background-size: 4.1rem auto;
    padding: 0 0 0 5.8rem
}

.underlayerSeminar .archive__tab ul li a,.underlayerSeminar .archive__tab ul li button {
    position: relative;
    display: block;
    border-top: solid 1px var(--colorMain);
    border-left: solid 1px var(--colorMain);
    border-right: solid 1px var(--colorMain);
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.6rem;
    text-align: center;
    z-index: 0;
    -webkit-transition: all ease 0s;
    transition: all ease 0s;
    color: #000;
    background: #e0ebf6;
    border-radius: .5rem .5rem 0 0;
    width: 28rem;
    padding: 1.75rem 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.underlayerSeminar .archive__tab ul li a span.u-pc,.underlayerSeminar .archive__tab ul li button span.u-pc {
    background: none;
    padding: 0
}

.underlayerSeminar .archive__tab ul li button:hover {
    background: #fff
}

.underlayerSeminar .archiveResults {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto 2rem
}

.underlayerSeminar .archiveResults__numbers {
    font-size: 4.2rem;
    font-weight: 700;
    line-height: 1
}

.underlayerSeminar .archiveResults__numbers span {
    font-size: 1.8rem;
    line-height: 2.6rem;
    font-weight: 400;
    letter-spacing: .02rem;
    margin: 0 0 0 .7rem
}

.underlayerSeminar .archiveResults__numbers.not {
    margin: 4rem 0 1.5rem 0
}

.underlayerSeminar .archiveResults__function {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.7rem 0 0
}

.underlayerSeminar .archiveResults__function .pdf {
    font-size: 1.6rem;
    line-height: 2.4rem;
    letter-spacing: .02rem;
    color: var(--colorMain);
    margin: 0 2.3rem 0 0;
    padding: 0 3rem 0 0;
    background: url(../../assets/images/icon_pdf_2.svg) no-repeat right center;
    background-size: 2.3rem 2.5rem
}

.underlayerSeminar .archiveResults__function .pdf a {
    text-decoration: underline
}

.underlayerSeminar .archiveResults__function .pdf a:hover {
    text-decoration: none
}

.underlayerSeminar .archiveResults__function .select {
    position: relative
}

.underlayerSeminar .archiveResults__function .select::after {
    content: "";
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    bottom: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #005691;
    -webkit-transform: translateX(0%) rotate(90deg);
    transform: translateX(0%) rotate(90deg);
    pointer-events: none
}

.underlayerSeminar .archiveResults__function .select select {
    border: solid 1px #d0d6db;
    padding: .8rem 4.5rem .8rem 1rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
    letter-spacing: .02rem;
    border-radius: .5rem;
    cursor: pointer
}

.underlayerSeminar .archiveResults__function .column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.1rem;
    padding: 0;
    margin: 0 0 0 2rem
}

.underlayerSeminar .archiveResults__function .column li:nth-child(1) svg {
    width: 2.569rem;
    height: 2.4rem
}

.underlayerSeminar .archiveResults__function .column li:nth-child(1) svg use {
    fill: #d8d8d8;
    stroke: #d8d8d8
}

.underlayerSeminar .archiveResults__function .column li:nth-child(2) svg {
    width: 2.414rem;
    height: 2.4rem
}

.underlayerSeminar .archiveResults__function .column li:nth-child(2) svg use {
    fill: #d8d8d8
}

.underlayerSeminar .archiveResults__function .column li.isActive:nth-child(1) svg use {
    fill: var(--colorMain);
    stroke: var(--colorMain)
}

.underlayerSeminar .archiveResults__function .column li.isActive:nth-child(2) svg use {
    fill: var(--colorMain)
}

.underlayerSeminar .archiveColumn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto 7.8rem
}

.underlayerSeminar .archiveColumn.column_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3rem
}

.underlayerSeminar .archiveColumn.column_three {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 3rem
}

.underlayerSeminar .archiveColumn.column_three .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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 2rem;
    width: calc(33.3333333333% - 2rem)
}

.underlayerSeminar .archiveColumn.column_three .item__area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.underlayerSeminar .archiveColumn.column_three .item__areaImg {
    width: 30.4rem;
    height: 19.7rem;
    margin: 0 auto 1rem
}

.underlayerSeminar .archiveColumn.column_three .item__areaImg img {
    width: 30.4rem;
    height: 19.7rem
}

.underlayerSeminar .archiveColumn.column_three .item__areaMeta {
    position: relative;
    top: 0;
    left: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto 1rem
}

.underlayerSeminar .archiveColumn.column_three .item__areaText {
    padding: 0
}

.underlayerSeminar .archiveColumn.column_three .item__areaText .copy {
    width: 100%;
    font-size: 1.4rem;
    line-height: 2.4rem
}

.underlayerSeminar .archiveColumn.column_three .item__areaText .ttl {
    font-size: 1.9rem;
    line-height: 3rem;
    margin: 0 auto 1rem
}

.underlayerSeminar .archiveColumn.column_three .item__areaText .day,.underlayerSeminar .archiveColumn.column_three .item__areaText .time {
    font-size: 1.4rem
}

.underlayerSeminar .archiveColumn.column_three .item__areaText .tag {
    gap: .5rem
}

.underlayerSeminar .archiveColumn.column_three .item__areaText .tag li a {
    font-size: 1.3rem;
    padding: .3rem .8rem
}

.underlayerSeminar .archiveColumn.column_three .item__understand {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.underlayerSeminar .archiveColumn.column_three .item__understandTtl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    font-size: 1.7rem;
    padding: 2rem 0 1.5rem 4rem;
    background: #d4ebfc url(../../assets/images/icon_mark.svg) no-repeat left 2.2rem top 1.5rem
}

.underlayerSeminar .archiveColumn.column_three .item__understandTtl:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15rem;
    border: 15rem solid rgba(0,0,0,0);
    border-top: 1.5rem solid #d4ebfc
}

.underlayerSeminar .archiveColumn.column_three .item__understandTtl span {
    display: inline;
    font-size: 1.7rem
}

.underlayerSeminar .archiveColumn.column_three .item__understandText {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 3.5rem 2.5rem 2.5rem 2.5rem
}

.underlayerSeminar .archiveColumn.column_three .item__understandText ul {
    font-size: 1.4rem;
    margin: 0 0 1.5rem 0
}

.underlayerSeminar .archiveColumn.column_three .item__understandText ul li::before {
    top: .7rem;
    margin: 0
}

.underlayerSeminar .archiveColumn.column_three .item.full .item__understandText a {
    pointer-events: none;
    opacity: .4
}

.underlayerSeminar .archiveColumn .item {
    position: relative;
    background: #f1f7fb;
    border: solid 1px #ccdbe3;
    border-radius: .5rem;
    padding: 3rem 3rem
}

.underlayerSeminar .archiveColumn .item .status {
    position: absolute;
    top: -1px;
    left: -1px;
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    line-height: 2rem;
    letter-spacing: .02rem;
    z-index: 1
}

.underlayerSeminar .archiveColumn .item .status--new {
    width: 8rem;
    height: 8rem;
    padding: 1rem 4rem .6rem .9rem;
    background: linear-gradient(-45deg, transparent 0%, transparent 50%, #CFB530 50%, #CFB530 100%)
}

.underlayerSeminar .archiveColumn .item .status--slightly {
    width: 9rem;
    height: 9rem;
    padding: .6rem 4rem .6rem .9rem;
    background: linear-gradient(-45deg, transparent 0%, transparent 50%, #EB6C87 50%, #EB6C87 100%)
}

.underlayerSeminar .archiveColumn .item .status--full {
    width: 8rem;
    height: 8rem;
    padding: 1rem 4rem .6rem .9rem;
    background: linear-gradient(-45deg, transparent 0%, transparent 50%, #787878 50%, #787878 100%)
}

.underlayerSeminar .archiveColumn .item .status--end {
    width: 9rem;
    height: 9rem;
    padding: .6rem 4rem .6rem .9rem;
    background: linear-gradient(-45deg, transparent 0%, transparent 50%, #787878 50%, #787878 100%)
}

.underlayerSeminar .archiveColumn .item__area {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 2.1rem 0
}

.underlayerSeminar .archiveColumn .item__areaImg {
    width: 23rem;
    height: 14.8rem;
    overflow: hidden
}

.underlayerSeminar .archiveColumn .item__areaImg img {
    width: 23rem;
    height: 14.8rem;
    -o-object-fit: cover;
    object-fit: cover
}

.underlayerSeminar .archiveColumn .item__areaText {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: .8rem 0 0 3.2rem
}

.underlayerSeminar .archiveColumn .item__areaText .copy {
    font-size: 1.7rem;
    line-height: 2.6rem;
    width: 51rem;
    letter-spacing: .03rem;
    margin: 0 0 .5rem 0
}

.underlayerSeminar .archiveColumn .item__areaText .ttl {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3.6rem;
    letter-spacing: .04rem;
    margin: 0 0 .5rem 0
}

.underlayerSeminar .archiveColumn .item__areaText .day,.underlayerSeminar .archiveColumn .item__areaText .time {
    font-size: 1.5rem;
    font-weight: 700;
    color: #686868;
    padding: 0 0 0 3.5rem;
    margin: 0 0 1rem 0
}

.underlayerSeminar .archiveColumn .item__areaText .day {
    background: url(/service/assets/images/icon_calendar.svg) no-repeat left center;
    background-size: 2.2rem auto
}

.underlayerSeminar .archiveColumn .item__areaText .time {
    background: url(/service/assets/images/icon_time.svg) no-repeat left center;
    background-size: 2.2rem auto
}

.underlayerSeminar .archiveColumn .item__areaText .tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .44rem
}

.underlayerSeminar .archiveColumn .item__areaText .tag li a {
    display: inline-block;
    background: #fff;
    font-size: 1.4rem;
    line-height: 2.4rem;
    padding: .3rem 1.3rem;
    border-radius: 5rem;
    border: solid 1px #dcdcdc
}

.underlayerSeminar .archiveColumn .item__areaText .tag li a:hover {
    background: #dcdcdc
}

.underlayerSeminar .archiveColumn .item__areaMeta {
    position: absolute;
    top: -1rem;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.underlayerSeminar .archiveColumn .item__areaMeta .category {
    font-size: 1.3rem;
    line-height: 1.9rem;
    font-weight: 500;
    padding: .2rem .9rem;
    display: inline-block;
    margin: 0 1.2rem 0 0;
    border-radius: .5rem;
    border: solid 1px #000
}

.underlayerSeminar .archiveColumn .item__areaMeta .category--live {
    background: #fff url(../../assets/images/icon_recommend_live.svg) no-repeat left 1.2rem top .4rem;
    background-size: 5.1rem 1.6rem;
    padding: .2rem .9rem .2rem 6.9rem;
    border: solid 1px #298279;
    color: #298279;
    font-size: 1.2rem
}

.underlayerSeminar .archiveColumn .item__areaMeta .category--movie {
    background: #fff url(../../assets/images/icon_recommend_movie.svg) no-repeat left .7rem top .3rem;
    background-size: 3.1rem 1.7rem;
    padding: .2rem .9rem .2rem 4.4rem;
    border: solid 1px #824880;
    color: #824880;
    font-size: 1.2rem
}

.underlayerSeminar .archiveColumn .item__areaMeta .item__like {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 3.6rem;
    height: 3.6rem;
    background: #fff;
    border-radius: 100%;
    -webkit-transition: all .3s;
    transition: all .3s
}

.underlayerSeminar .archiveColumn .item__areaMeta .item__like.isActive {
    background: #d56272
}

.underlayerSeminar .archiveColumn .item__areaMeta .item__like.isActive svg use {
    fill: #fff;
    stroke: #fff
}

.underlayerSeminar .archiveColumn .item__areaMeta .item__like svg {
    width: 1.483rem;
    height: 1.294rem
}

.underlayerSeminar .archiveColumn .item__areaMeta .item__like svg use {
    fill: #d56272;
    stroke: #d56272
}

.underlayerSeminar .archiveColumn .item__areaMeta .item__like:hover {
    background: #d56272
}

.underlayerSeminar .archiveColumn .item__areaMeta .item__like:hover svg use {
    fill: #fff;
    stroke: #fff
}

.underlayerSeminar .archiveColumn .item__understand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.underlayerSeminar .archiveColumn .item__understandText {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    padding: 1rem 3rem 1rem 4.5rem
}

.underlayerSeminar .archiveColumn .item__understandText ul {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 1.5rem;
    line-height: 2.7rem
}

.underlayerSeminar .archiveColumn .item__understandText ul li {
    position: relative;
    padding: 0 0 0 2.3rem
}

.underlayerSeminar .archiveColumn .item__understandText ul li::before {
    content: "";
    position: absolute;
    top: -0.2rem;
    left: 0;
    bottom: 0;
    display: block;
    width: .8rem;
    height: 1.2rem;
    border-right: 3px solid #d5c800;
    border-bottom: 3px solid #d5c800;
    -webkit-transform: rotate(42deg);
    transform: rotate(42deg);
    margin: auto
}

.underlayerSeminar .archiveColumn .item__understandText a {
    position: relative;
    top: 0rem;
    font-size: 1.6rem;
    font-weight: 700;
    display: block;
    width: 20.4rem;
    background: #2f79b1;
    -webkit-box-shadow: 0 .3rem 0 #005691;
    box-shadow: 0 .3rem 0 #005691;
    border-radius: .5rem;
    color: #fff;
    text-align: center;
    padding: .6rem 1.2rem .6rem 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.underlayerSeminar .archiveColumn .item__understandText a::after {
    content: "";
    position: absolute;
    top: 0;
    right: 2.1rem;
    bottom: 0;
    margin: auto;
    width: .5rem;
    height: .5rem;
    -webkit-transform: translateX(0%) rotate(-45deg);
    transform: translateX(0%) rotate(-45deg);
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media(min-width: 769px) {
    .underlayerSeminar .archiveColumn .item__understandText a:hover {
        background-color:#4e95cb;
        top: .3rem;
        -webkit-box-shadow: 0 0 0 #005691;
        box-shadow: 0 0 0 #005691;
        color: #fff
    }

    .underlayerSeminar .archiveColumn .item__understandText a:hover::after {
        right: 1.7rem
    }
}

.underlayerSeminar .archiveColumn .item.full .item__understandText a {
    pointer-events: none;
    opacity: .4
}

.underlayerSeminar .archive .linkBtn {
    text-align: center
}

.underlayerSeminar .notfound {
    font-weight: bold;
    font-size: 2.1rem;
    text-align: center;
    background-color: #fff;
    padding: 3rem
}

.underlayerSeminar .tabBox {
    display: none
}

.underlayerSeminar .tabBox.isActive {
    display: block
}

.underlayerSeminarSingle {
    padding: 4.8rem 0 0 0
}

.underlayerSeminarSingle .seminarSingle {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 5.7rem;
    margin: 0 auto 4.7rem
}

.underlayerSeminarSingle .seminarSingle.sticky_none {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.underlayerSeminarSingle .seminarSingle__main {
    width: 68.8rem
}

.underlayerSeminarSingle .seminarSingle__mainImg {
    margin: 0 0 2rem 0
}

.underlayerSeminarSingle .seminarSingle__mainImg img {
    width: 100%;
    border-radius: .5rem
}

.underlayerSeminarSingle .seminarSingle__main .singleMeta .overview {
    margin: 0 !important;
    padding: 0 !important
}

.underlayerSeminarSingle .seminarSingle__main .singleMeta .overview a {
    position: relative;
    top: 0;
    display: inline-block;
    background: #2f79b1;
    color: #fff;
    font-size: 1.7rem;
    line-height: 2.6rem;
    font-weight: 700;
    padding: 1.1rem 2.9rem 1.1rem 3.1rem;
    border-radius: .5rem;
    -webkit-box-shadow: 0 .3rem 0 #0f4771;
    box-shadow: 0 .3rem 0 #0f4771;
    -webkit-transition: all .3s;
    transition: all .3s
}

.underlayerSeminarSingle .seminarSingle__main .singleMeta .overview a span {
    position: relative;
    padding: 0 0 0 2.7rem
}

.underlayerSeminarSingle .seminarSingle__main .singleMeta .overview a span::before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    content: "";
    position: absolute;
    top: .2rem;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 1.7rem;
    height: 1.7rem;
    border: solid 2px #fff;
    border-radius: 100%
}

.underlayerSeminarSingle .seminarSingle__main .singleMeta .overview a span::after {
    content: "";
    position: absolute;
    top: .1rem;
    left: .6rem;
    bottom: 0;
    display: block;
    width: .5rem;
    height: .8rem;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(42deg);
    transform: rotate(42deg);
    margin: auto
}

@media(min-width: 769px) {
    .underlayerSeminarSingle .seminarSingle__main .singleMeta .overview a:hover {
        background:#4e95cb;
        top: .3rem;
        -webkit-box-shadow: 0 0 0 #005691;
        box-shadow: 0 0 0 #005691;
        color: #fff
    }
}

.underlayerSeminarSingle .seminarSingle__main .singleMeta .mainTag {
    margin: 0
}

.underlayerSeminarSingle .seminarSingle__main .singleMeta .mainTag li {
    padding: 0
}

.underlayerSeminarSingle .seminarSingle__main .singleMeta .mainTag li:before,.underlayerSeminarSingle .seminarSingle__main .singleMeta .mainTag li:after {
    display: none
}

.underlayerSeminarSingle .seminarSingle__main .singleMeta+.mainTag {
    margin-top: -1rem
}

.underlayerSeminarSingle .seminarSingle__main .mainTag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .4rem;
    margin: 0 0 1.8rem 0
}

.underlayerSeminarSingle .seminarSingle__main .mainTag li a {
    display: inline-block;
    background: #fff;
    font-size: 1.5rem;
    line-height: 2.1rem;
    padding: .7rem 1.5rem;
    border-radius: 5rem;
    border: solid 1px #dcdcdc
}

.underlayerSeminarSingle .seminarSingle__main iframe {
    margin: 0 0 2rem 0
}

.underlayerSeminarSingle .seminarSingle__main p {
    font-size: 1.7rem;
    line-height: 3rem;
    margin: 0 0 1.8rem 0
}

.underlayerSeminarSingle .seminarSingle__main p.sample {
    position: relative;
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 2.7rem
}

.underlayerSeminarSingle .seminarSingle__main p.sample::after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #c8c8c8
}

.underlayerSeminarSingle .seminarSingle__main p.sample small {
    font-size: 1.5rem
}

.underlayerSeminarSingle .seminarSingle__main p.sample span {
    position: relative;
    z-index: 1;
    background: #fff;
    padding: 0 1.5rem 0 0
}

.underlayerSeminarSingle .seminarSingle__main h2 {
    position: relative;
    font-size: 2.1rem;
    font-weight: 700;
    line-height: 4.3rem;
    margin: 3.3rem 0 1.7rem 0
}

.underlayerSeminarSingle .seminarSingle__main h2::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: "";
    width: 100%;
    height: 1px;
    background: #c8c8c8
}

.underlayerSeminarSingle .seminarSingle__main h2 span {
    position: relative;
    z-index: 1;
    background: #fff;
    padding: 0 3rem 0 0
}

.underlayerSeminarSingle .seminarSingle__main ul:not(.seminarSingle__mainTag,.btn) li {
    position: relative;
    padding: 0 0 0 3.2rem
}

.underlayerSeminarSingle .seminarSingle__main ul:not(.seminarSingle__mainTag,.btn) li::before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    content: "";
    width: 1.8rem;
    height: 1.8rem;
    border: solid 1px #005691
}

.underlayerSeminarSingle .seminarSingle__main ul:not(.seminarSingle__mainTag,.btn) li::after {
    content: "";
    position: absolute;
    top: -0.3rem;
    left: .6rem;
    bottom: 0;
    display: block;
    width: .6rem;
    height: 1rem;
    border-right: 2px solid #d5c800;
    border-bottom: 2px solid #d5c800;
    -webkit-transform: rotate(42deg);
    transform: rotate(42deg);
    margin: auto
}

.underlayerSeminarSingle .seminarSingle__main ol {
    list-style-type: none
}

.underlayerSeminarSingle .seminarSingle__main ol li {
    counter-increment: mycounter;
    position: relative;
    padding: 0 0 0 3.2rem
}

.underlayerSeminarSingle .seminarSingle__main ol li:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    background: #f1f7fb;
    font-family: var(--fontEN);
    font-size: 1.3rem;
    content: counter(mycounter, decimal-leading-zero)
}

.underlayerSeminarSingle .seminarSingle__main .profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 3.2rem;
    margin: 3.2rem 0
}

.underlayerSeminarSingle .seminarSingle__main .profile img {
    width: 12rem;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left top;
    object-position: left top
}

.underlayerSeminarSingle .seminarSingle__main .profile dl {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: -0.4rem 0 0 0
}

.underlayerSeminarSingle .seminarSingle__main .profile dl dt {
    font-size: 1.8rem;
    line-height: 2.6rem;
    margin: 0 0 1.3rem 0
}

.underlayerSeminarSingle .seminarSingle__main .profile dl dt span {
    display: block;
    font-size: 1.2rem;
    line-height: 1.7rem;
    font-weight: 400
}

.underlayerSeminarSingle .seminarSingle__main .profile dl dd {
    font-size: 1.5rem;
    line-height: 2.6rem;
    letter-spacing: 0
}

.underlayerSeminarSingle .seminarSingle__main .profile dl dd span {
    display: block;
    font-size: 1.3rem;
    line-height: 1.9rem;
    letter-spacing: .025rem;
    color: #828282;
    margin: 0 0 1rem 0
}

.underlayerSeminarSingle .seminarSingle__side {
    position: sticky;
    top: 4.8rem;
    width: 35.5rem;
    margin-bottom: 1.5rem
}

.underlayerSeminarSingle .seminarSingle__sideArea {
    border: solid 1px #dcdcdc;
    border-top: solid 2px var(--colorMain);
    margin: 0 0 1.5rem 0;
    border-radius: 0 0 .5rem .5rem
}

.underlayerSeminarSingle .seminarSingle__sideArea:nth-child(2) {
    position: sticky;
    top: 4.8rem
}

.underlayerSeminarSingle .seminarSingle__sideArea .ttl {
    background: #f1f7fb;
    font-size: 1.8rem;
    color: #000;
    text-align: center;
    padding: .8rem 0;
    border-bottom: solid 1px #dcdcdc
}

.underlayerSeminarSingle .seminarSingle__sideArea .text {
    padding: 1.7rem 2rem 1.7rem 1.7rem
}

.underlayerSeminarSingle .seminarSingle__sideArea .text .list li {
    position: relative;
    padding: 0 0 0 2.5rem;
    font-size: 1.5rem;
    line-height: 2.4rem;
    margin: 0 0 .8rem 0
}

.underlayerSeminarSingle .seminarSingle__sideArea .text .list li:last-child {
    margin: 0
}

.underlayerSeminarSingle .seminarSingle__sideArea .text .list li::before {
    content: "";
    position: absolute;
    top: .3rem;
    left: .5rem;
    display: block;
    width: .8rem;
    height: 1.2rem;
    border-right: 3px solid #d5c800;
    border-bottom: 3px solid #d5c800;
    -webkit-transform: rotate(42deg);
    transform: rotate(42deg);
    margin: auto
}

.underlayerSeminarSingle .seminarSingle__sideArea .text__catch {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2.4rem;
    margin: 0 0 .1rem 0
}

.underlayerSeminarSingle .seminarSingle__sideArea .text__ttl {
    font-size: 2rem;
    font-weight: 700;
    line-height: 3.1rem;
    margin: 0 0 1.5rem 0
}

.underlayerSeminarSingle .seminarSingle__sideArea .text__list {
    margin: 0 0 1.5rem 0
}

.underlayerSeminarSingle .seminarSingle__sideArea .text__list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 3.5rem;
    background: #f5f5f5;
    border-radius: .3rem;
    font-size: 1.5rem;
    line-height: 1.9rem;
    padding: 0 .6rem 0 1.1rem;
    margin: 0 0 .5rem 0;
    letter-spacing: 0
}

.underlayerSeminarSingle .seminarSingle__sideArea .text__list li .bold {
    font-weight: 500;
    margin: 0 -0.3rem 0 0
}

.underlayerSeminarSingle .seminarSingle__sideArea .text__list li small {
    font-size: 1.1rem
}

.underlayerSeminarSingle .seminarSingle__sideArea .text__list li span {
    width: 6.4rem;
    text-align: center;
    display: inline-block;
    margin: 0 0 0 auto;
    font-size: 1.1rem;
    font-weight: 700;
    padding: .2rem 0;
    border-radius: .3rem
}

.underlayerSeminarSingle .seminarSingle__sideArea .text__list li span.full {
    color: #fff;
    background: #acacac
}

.underlayerSeminarSingle .seminarSingle__sideArea .text__list li span.slightly {
    color: #eb6c87;
    border: solid 1px #eb6c87;
    background: #fff
}

.underlayerSeminarSingle .seminarSingle__sideArea .text__list li span.accepting {
    color: #2f79b1;
    border: solid 1px #2f79b1;
    background: #fff
}

.underlayerSeminarSingle .seminarSingle__sideArea .text__list li span.end {
    color: #acacac
}

.underlayerSeminarSingle .seminarSingle__sideArea .text dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 .1rem 0
}

.underlayerSeminarSingle .seminarSingle__sideArea .text dl dt {
    position: relative;
    font-size: 1.4rem;
    line-height: 2.4rem;
    padding: 0 0 0 1.1rem;
    padding: 0;
    width: 7.8rem;
    letter-spacing: 0
}

.underlayerSeminarSingle .seminarSingle__sideArea .text dl dt::before {
    content: "";
    position: absolute;
    top: 1.2rem;
    left: 0;
    width: .3rem;
    height: .3rem;
    background: #0078bf;
    border-radius: 100%;
    content: none
}

.underlayerSeminarSingle .seminarSingle__sideArea .text dl dd {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 1.4rem;
    line-height: 2.4rem;
    letter-spacing: 0
}

.underlayerSeminarSingle .seminarSingle__sideArea .text a {
    position: relative;
    top: 0rem;
    display: block;
    background: #2f79b1;
    color: #fff;
    font-size: 1.7rem;
    line-height: 2.6rem;
    font-weight: 700;
    padding: 1.1rem 0 1.1rem 3rem;
    border-radius: .5rem;
    -webkit-box-shadow: 0 .3rem 0 #0f4771;
    box-shadow: 0 .3rem 0 #0f4771;
    width: 24.2rem;
    margin: 1rem auto 1.3rem;
    -webkit-transition: all .3s;
    transition: all .3s
}

.underlayerSeminarSingle .seminarSingle__sideArea .text a span {
    position: relative;
    padding: 0 0 0 2.7rem
}

.underlayerSeminarSingle .seminarSingle__sideArea .text a span::before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    content: "";
    position: absolute;
    top: .2rem;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 1.7rem;
    height: 1.7rem;
    border: solid 2px #fff;
    border-radius: 100%
}

.underlayerSeminarSingle .seminarSingle__sideArea .text a span::after {
    content: "";
    position: absolute;
    top: .1rem;
    left: .6rem;
    bottom: 0;
    display: block;
    width: .5rem;
    height: .8rem;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(42deg);
    transform: rotate(42deg);
    margin: auto
}

@media(min-width: 769px) {
    .underlayerSeminarSingle .seminarSingle__sideArea .text a:hover {
        background:#4e95cb;
        top: .3rem;
        -webkit-box-shadow: 0 0 0 #005691;
        box-shadow: 0 0 0 #005691;
        color: #fff
    }
}

.underlayerSeminarSingle .seminarSingle__sideVideo:not(dl) {
    position: relative;
    background: #f1f7fb;
    border: solid 1px #dcdcdc;
    border-radius: .5rem;
    margin-bottom: 1rem;
    padding: 1.5rem 2rem 2rem 2rem
}

.underlayerSeminarSingle .seminarSingle__sideVideo:not(dl)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 15.6rem;
    height: .4rem;
    background: var(--colorMain);
    border-radius: 0 0 .5rem .5rem
}

.underlayerSeminarSingle .seminarSingle__sideVideo:not(dl) .video__time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.underlayerSeminarSingle .seminarSingle__sideVideo:not(dl) .video__time dt {
    position: relative;
    font-size: 1.3rem;
    padding: 0 0 0 2rem
}

.underlayerSeminarSingle .seminarSingle__sideVideo:not(dl) .video__time dt::after {
    content: "";
    position: absolute;
    top: 0;
    left: 1rem;
    bottom: 0;
    margin: auto;
    width: .3rem;
    height: .3rem;
    background: #0078bf;
    border-radius: 100%
}

.underlayerSeminarSingle .seminarSingle__sideVideo:not(dl) .video__time dd {
    font-size: 2.4rem;
    font-weight: 700;
    color: #3d3d3d;
    background: url(/service/assets/images/icon_time.svg) no-repeat left center;
    background-size: 2.2rem auto;
    padding: 0 0 0 2.5rem
}

.underlayerSeminarSingle .seminarSingle__sideVideo:not(dl) .video__time dd span {
    font-size: 1.6rem
}

.underlayerSeminarSingle .seminarSingle__sideVideo:not(dl) .video__theme {
    font-size: 1.4rem;
    font-weight: 700;
    padding: 0 0 1.4rem 2rem;
    margin: -1rem 0 1rem 0;
    border-bottom: solid 1px #dcdcdc
}

.underlayerSeminarSingle .seminarSingle__sideVideo:not(dl) .video__ttl {
    font-size: 2.1rem;
    font-weight: 700;
    text-align: center;
    line-height: 3.3rem;
    margin: 0 0 1.7rem 0
}

.underlayerSeminarSingle .seminarSingle__sideVideo:not(dl) a {
    position: relative;
    top: 0rem;
    display: block;
    background: #6fa5ce;
    color: #fff;
    font-size: 1.7rem;
    line-height: 2.6rem;
    font-weight: 700;
    padding: 1.1rem 0 1.1rem 2.5rem;
    border-radius: .5rem;
    -webkit-box-shadow: 0 .3rem 0 #3374a5;
    box-shadow: 0 .3rem 0 #3374a5;
    width: 21.4rem;
    margin: 1.7rem auto 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.underlayerSeminarSingle .seminarSingle__sideVideo:not(dl) a span {
    position: relative;
    padding: 0 0 0 2.7rem
}

.underlayerSeminarSingle .seminarSingle__sideVideo:not(dl) a span::before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    content: "";
    position: absolute;
    top: .2rem;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 1.7rem;
    height: 1.7rem;
    border: solid 2px #fff;
    border-radius: 100%
}

.underlayerSeminarSingle .seminarSingle__sideVideo:not(dl) a span::after {
    content: "";
    position: absolute;
    top: .1rem;
    left: .6rem;
    bottom: 0;
    display: block;
    width: .5rem;
    height: .8rem;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(42deg);
    transform: rotate(42deg);
    margin: auto
}

@media(min-width: 769px) {
    .underlayerSeminarSingle .seminarSingle__sideVideo:not(dl) a:hover {
        background:#4e95cb;
        top: .3rem;
        -webkit-box-shadow: 0 0 0 #3374a5;
        box-shadow: 0 0 0 #3374a5;
        color: #fff
    }
}

.underlayerSeminarSingle .seminarSingle__sideVideo:not(div) {
    border: solid 1px #dcdcdc;
    border-radius: .5rem
}

.underlayerSeminarSingle .seminarSingle__sideVideo:not(div) dt {
    padding: .7rem 2rem 1rem 2rem;
    background: #f1f7fb;
    text-align: center;
    font-size: 1.8rem
}

.underlayerSeminarSingle .seminarSingle__sideVideo:not(div) dd {
    padding: 1rem 2rem 2rem 2rem
}

.underlayerSeminarSingle .seminarSingle__sideVideo:not(div) dd a.streaming {
    position: relative;
    top: 0rem;
    display: block;
    background: #054f87;
    color: #fff;
    font-size: 1.7rem;
    line-height: 2.6rem;
    font-weight: 700;
    padding: 1.1rem 0 1.1rem 2rem;
    border-radius: .5rem;
    -webkit-box-shadow: 0 .3rem 0 #042239;
    box-shadow: 0 .3rem 0 #042239;
    width: 22.4rem;
    margin: 0 auto 1.9rem;
    -webkit-transition: all .3s;
    transition: all .3s
}

.underlayerSeminarSingle .seminarSingle__sideVideo:not(div) dd a.streaming span {
    position: relative;
    padding: 0 0 0 2.7rem
}

.underlayerSeminarSingle .seminarSingle__sideVideo:not(div) dd a.streaming span::before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    content: "";
    position: absolute;
    top: .2rem;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 1.7rem;
    height: 1.7rem;
    border: solid 2px #fff;
    border-radius: 100%
}

.underlayerSeminarSingle .seminarSingle__sideVideo:not(div) dd a.streaming span::after {
    content: "";
    position: absolute;
    top: 1.1rem;
    left: .7rem;
    bottom: 0;
    display: block;
    background: #fff;
    height: 4.6765371804px;
    width: 3.76px;
    -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
    clip-path: polygon(0 0, 100% 50%, 0 100%)
}

@media(min-width: 769px) {
    .underlayerSeminarSingle .seminarSingle__sideVideo:not(div) dd a.streaming:hover {
        background:#4e95cb;
        top: .3rem;
        -webkit-box-shadow: 0 0 0 #042239;
        box-shadow: 0 0 0 #042239;
        color: #fff
    }
}

.underlayerSeminarSingle .seminarSingle__sideVideo:not(div) dd p {
    font-size: 1.3rem;
    line-height: 2.1rem
}

.underlayerSeminarSingle .seminarSingle__sideVideo:not(div) dd p a {
    color: var(--colorMain);
    text-decoration: underline
}

.underlayerSeminarSingle .seminarSingle__sideVideo:not(div) dd p a:hover {
    text-decoration: none
}

.underlayerSeminarSingle .overview_bg {
    background: linear-gradient(-45deg, #9EC5EC, #F8FAFC);
    padding: 7.2rem 0 8rem 0
}

.underlayerSeminarSingle .overview {
    padding: 7.2rem 0 8rem 0
}

.underlayerSeminarSingle .overview__ttl {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 4.3rem;
    margin: 0 0 2.1rem 0
}

.underlayerSeminarSingle .overview__table {
    width: 100%;
    border-top: solid 1px #9ec5ec;
    border-left: solid 1px #9ec5ec;
    margin: 0 0 4rem 0
}

.underlayerSeminarSingle .overview__table th,.underlayerSeminarSingle .overview__table td {
    border-bottom: solid 1px #9ec5ec;
    border-right: solid 1px #9ec5ec;
    text-align: center;
    vertical-align: middle
}

.underlayerSeminarSingle .overview__table th {
    background: #e0ebf6;
    padding: .3rem 0;
    font-size: 1.7rem;
    line-height: 4.2rem
}

.underlayerSeminarSingle .overview__table td {
    background: #fff;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 4.1rem;
    padding-top: .4rem;
    padding-bottom: .4rem
}

.underlayerSeminarSingle .overview__table td a {
    display: block;
    display: block;
    font-weight: 400;
    line-height: 1.5;
    text-decoration: underline;
    margin: 0 0 .5rem 0
}

@media(min-width: 769px) {
    .underlayerSeminarSingle .overview__table td a:hover {
        text-decoration:none
    }
}

.underlayerSeminarSingle .overview__table td:nth-of-type(1) {
    width: 24.1rem
}

.underlayerSeminarSingle .overview__table td:nth-of-type(2) {
    width: 28rem;
    font-size: 1.7rem
}

.underlayerSeminarSingle .overview__table td:nth-of-type(2) small {
    font-size: 1.3rem;
    font-weight: 400
}

.underlayerSeminarSingle .overview__table td:nth-of-type(3) {
    font-size: 1.5rem;
    padding: 0 1.5rem
}

.underlayerSeminarSingle .overview__table td:nth-of-type(3) small {
    font-size: 1.4rem;
    font-weight: 400
}

.underlayerSeminarSingle .overview__table td:nth-of-type(4) {
    width: 24.1rem;
    font-size: 1.6rem
}

.underlayerSeminarSingle .overview__table td:nth-of-type(4) span {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 3.9rem;
    display: block;
    margin: -1.5rem 0 0 0
}

.underlayerSeminarSingle .overview__table td:nth-of-type(4) button {
    display: block;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 3.9rem;
    display: block;
    margin: -1.5rem auto 0;
    color: var(--colorMain);
    text-decoration: underline;
    text-align: center
}

.underlayerSeminarSingle .overview__table td:nth-of-type(4) button:hover {
    text-decoration: none
}

.underlayerSeminarSingle .overview__table td:nth-of-type(4) .modalArea {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.underlayerSeminarSingle .overview__table td:nth-of-type(4) .modalArea .modalBg {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5)
}

.underlayerSeminarSingle .overview__table td:nth-of-type(4) .modalArea .modalWrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 70%;
    max-width: 80rem;
    padding: 5rem;
    background-color: #fff;
    height: calc(100% - 6rem)
}

.underlayerSeminarSingle .overview__table td:nth-of-type(4) .modalArea .modalWrapper img {
    margin: auto
}

.underlayerSeminarSingle .overview__table td:nth-of-type(4) .modalArea .modalWrapper .modal_pop_area dl {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 3rem 0 0 0
}

.underlayerSeminarSingle .overview__table td:nth-of-type(4) .modalArea .modalWrapper .modal_pop_area dl dt {
    width: 12rem;
    font-size: 1.7rem;
    line-height: 3rem;
    text-align: left
}

.underlayerSeminarSingle .overview__table td:nth-of-type(4) .modalArea .modalWrapper .modal_pop_area dl dd {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    text-align: left;
    font-weight: normal;
    font-size: 1.7rem;
    line-height: 3rem
}

.underlayerSeminarSingle .overview__table td:nth-of-type(4) .modalArea .closeModal {
    position: absolute;
    top: -4rem;
    right: 0;
    cursor: pointer;
    width: 3.6rem;
    height: 3.6rem
}

.underlayerSeminarSingle .overview__table td:nth-of-type(4) .modalArea .closeModal::before,.underlayerSeminarSingle .overview__table td:nth-of-type(4) .modalArea .closeModal::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #fff;
    margin: auto
}

.underlayerSeminarSingle .overview__table td:nth-of-type(4) .modalArea .closeModal::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.underlayerSeminarSingle .overview__table td:nth-of-type(4) .modalArea .closeModal::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.underlayerSeminarSingle .overview__table td:nth-of-type(5) {
    padding: 0 2rem
}

.underlayerSeminarSingle .overview__table td:nth-of-type(5) a {
    position: relative;
    top: 0rem;
    display: inline-block;
    background: #2f79b1;
    color: #fff;
    font-size: 1.7rem;
    line-height: 2.6rem;
    font-weight: 700;
    width: 16.4rem;
    text-align: center;
    padding: 1.1rem 0;
    border-radius: .5rem;
    -webkit-box-shadow: 0 .3rem 0 #0f4771;
    box-shadow: 0 .3rem 0 #0f4771;
    -webkit-transition: all .3s;
    transition: all .3s;
    text-decoration: none
}

@media(min-width: 769px) {
    .underlayerSeminarSingle .overview__table td:nth-of-type(5) a:hover {
        background:#4e95cb;
        top: .3rem;
        -webkit-box-shadow: 0 0 0 #0f4771;
        box-shadow: 0 0 0 #0f4771;
        color: #fff
    }
}

.underlayerSeminarSingle .overview__table td:nth-of-type(5) a span {
    position: relative;
    padding: 0 0 0 2.7rem
}

.underlayerSeminarSingle .overview__table td:nth-of-type(5) a span::before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    content: "";
    position: absolute;
    top: .2rem;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 1.7rem;
    height: 1.7rem;
    border: solid 2px #fff;
    border-radius: 100%
}

.underlayerSeminarSingle .overview__table td:nth-of-type(5) a span::after {
    content: "";
    position: absolute;
    top: .1rem;
    left: .6rem;
    bottom: 0;
    display: block;
    width: .5rem;
    height: .8rem;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(42deg);
    transform: rotate(42deg);
    margin: auto
}

.underlayerSeminarSingle .overview__table td:nth-of-type(5) .no_link {
    position: relative;
    top: 0rem;
    display: inline-block;
    background: #bcbcbc;
    color: #fff;
    font-size: 1.7rem;
    line-height: 2.6rem;
    font-weight: 700;
    width: 16.4rem;
    text-align: center;
    padding: 1.1rem 0;
    border-radius: .5rem;
    -webkit-box-shadow: 0 .3rem 0 #8c8c8c;
    box-shadow: 0 .3rem 0 #8c8c8c;
    -webkit-transition: all .3s;
    transition: all .3s
}

.underlayerSeminarSingle .overview__table td:nth-of-type(5) .no_link span {
    position: relative;
    padding: 0 0 0 2.7rem;
    padding: 0
}

.underlayerSeminarSingle .overview__table td:nth-of-type(5) .no_link span::before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    content: "";
    position: absolute;
    top: .2rem;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 1.7rem;
    height: 1.7rem;
    border: solid 2px #fff;
    border-radius: 100%;
    content: none
}

.underlayerSeminarSingle .overview__table td:nth-of-type(5) .no_link span::after {
    content: "";
    position: absolute;
    top: .1rem;
    left: .6rem;
    bottom: 0;
    display: block;
    width: .5rem;
    height: .8rem;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(42deg);
    transform: rotate(42deg);
    margin: auto;
    content: none
}

.underlayerSeminarSingle .overview__table td:nth-of-type(5) .no_full {
    display: inline-block;
    background: #e8e8e8;
    color: #000;
    font-size: 1.7rem;
    line-height: 2.6rem;
    font-weight: 700;
    width: 16.4rem;
    text-align: center;
    padding: 1.1rem 0;
    border-radius: .5rem
}

.underlayerSeminarSingle .overview__notes {
    background: #fff;
    width: 100%;
    padding: 1rem 2rem
}

.underlayerSeminarSingle .linkBtn {
    text-align: center;
    margin: 4.3rem 0 6.8rem 0
}

.underlayerSeminarSingle .linkBtn__grp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.7rem;
    border-bottom: solid 1px #dcdcdc;
    padding: 0 0 8.6rem 0;
    margin: 0 auto 7.5rem
}

.underlayerSeminarSingle .linkBtn__grp .linkBtn {
    margin: 0
}

.underlayerSeminarSingle .popularity {
    margin: 0 0 6rem 0
}

.underlayerSeminarSingle .popularity__card {
    gap: 2.42rem
}

.underlayerSeminarSingle .popularity__card .item {
    width: 25.6rem
}

.underlayerSeminarSingle .popularity__card .item a {
    display: block;
    width: 100%
}

.underlayerSeminarSingle .popularity__card .item.new {
    position: relative
}

.underlayerSeminarSingle .popularity__card .item.new::before {
    content: "";
    width: 4.1rem;
    height: 4.1rem;
    background: url(../../assets/images/new_icon.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: -2rem;
    left: -2rem;
    z-index: 5
}

.underlayerSeminarSingle .popularity__card .item__areaImg {
    position: relative;
    width: 25.6rem;
    height: 16.7rem;
    margin: 0 0 1.5rem 0
}

.underlayerSeminarSingle .popularity__card .item__area img {
    position: relative;
    width: 25.6rem;
    height: 16.7rem;
    border-radius: .5rem;
    z-index: 1
}

.underlayerSeminarSingle .popularity__card .item__areaCategory {
    margin: 0 0 .8rem 0
}

.underlayerSeminarSingle .popularity__card .linkBtn {
    margin: 1.7rem 0 2.5rem 0
}

.underlayerSeminarSingle .popularity__card.streaming .item__areaImg:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    border: 4px solid #fff;
    border-radius: 8rem;
    width: 6rem;
    height: 6rem;
    margin: -3rem 0 0 -3rem;
    z-index: 5
}

.underlayerSeminarSingle .popularity__card.streaming .item__areaImg:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    margin: -1rem 0 0 -0.5rem;
    border-style: solid;
    border-width: 1rem 0 1rem 1.5rem;
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff;
    z-index: 5
}

.underlayerSeminarSingle .recommend {
    background: #ecf3f9;
    padding: 7rem 0 7.6rem 0;
    margin: 8rem 0 0 0
}

.underlayerSeminarSingle .recommend .item {
    background: #fff;
    border-radius: .5rem
}

.underlayerSeminarSingle .recommend .item__inner {
    padding: 0 1.8rem
}

.underlayerSeminarSingle .recommend .item__area {
    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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%
}

.underlayerSeminarSingle .recommend .item__areaImg {
    margin: 0 0 1.1rem 0;
    border-radius: .5rem .5rem 0 0
}

.underlayerSeminarSingle .recommend .item__areaImg img {
    border-radius: .5rem .5rem 0 0
}

.underlayerSeminarSingle .recommend .item__areaCategory {
    margin: 0
}

.underlayerSeminarSingle .recommend .item__areaTag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .55rem
}

.underlayerSeminarSingle .recommend .item__areaTag li {
    font-size: 1.3rem;
    line-height: 1.9rem;
    background: #ecf3f9;
    border-radius: .5rem;
    padding: .4rem 1rem
}

.underlayerSeminarSingle .recommend .item__top {
    margin: 0 0 1.5rem 0
}

.underlayerSeminarSingle .recommend .item__bottom {
    border-top: solid 1px #d8e0e6;
    font-size: 1.4rem;
    line-height: 2.4rem;
    padding: 1.2rem 1.8rem
}

.underlayerSeminarVideo {
    padding: 5.3rem 0 9rem 0
}

.underlayerSeminarVideo .archive__inner {
    background: #ecf3f9;
    padding: 3.3rem 4rem 4rem 4rem
}

.underlayerSeminarVideo .archive .setting {
    background: #ecf3f9;
    padding: 0;
    margin: 0
}

.underlayerSeminarVideo .archive .setting__contents {
    background: #fff;
    padding: 2rem
}

.underlayerSeminarVideo .archive .underlayer__ttl {
    margin: 0
}

.underlayerSeminarVideo .archiveResults {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 7.3rem auto 2.2rem
}

.underlayerSeminarVideo .archiveResults__function {
    padding: 0 0rem 0 0
}

.underlayerSeminarVideo .archiveResults__numbers {
    margin: 0 2.8rem 0 0;
    line-height: 4.2rem
}

.underlayerSeminarVideo .archiveColumn {
    margin: 0 auto
}

.underlayerSeminarVideoSingle .seminarSingle__mainTag {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.applicationForm {
    padding: 4rem 0 10rem 0
}

.applicationForm--tow .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 6rem
}

.applicationForm--confirm .applicationForm__ttl {
    text-align: center;
    margin: 0 0 2.4rem 0
}

.applicationForm--confirm .applicationForm__side {
    width: 80rem;
    margin: 0 auto;
    padding: 3.1rem 0 3.7rem 0
}

.applicationForm--confirm .applicationForm__sideTtl {
    font-size: 2.1rem;
    padding: 0 0 1.5rem 0;
    margin: 0 0 3rem 0
}

.applicationForm--confirm .applicationForm__sideTtl span {
    color: #2f79b1
}

.applicationForm--confirm .applicationForm__sideTtl .text {
    font-size: 1.5rem;
    line-height: 2.8rem;
    font-weight: 400;
    padding: 0 5rem;
    text-align: left;
    margin: 1rem 0
}

.applicationForm--confirm .applicationForm__sideTop {
    padding: 0 5rem;
    margin: 0 0 1.5rem 0
}

.applicationForm--confirm .applicationForm__sideTop .item {
    background: #fff;
    border-radius: 0 0 .5rem .5rem;
    padding: 1.1rem 1.7rem
}

.applicationForm--confirm .applicationForm__side dl {
    margin: 0 0 1.2rem 0;
    padding: 0 5rem
}

.applicationForm--confirm .applicationForm__side dl dd {
    font-size: 1.5rem;
    line-height: 2.1rem;
    background: #fff;
    border-radius: .5rem;
    padding: 1rem 1.2rem
}

.applicationForm--confirm .applicationForm__side .submitArea {
    margin: 3.2rem 0 0 0
}

@media(min-width: 769px) {
    .applicationForm--confirm .applicationForm__side .submitArea__btn:hover {
        background:#4e95cb;
        top: .3rem;
        -webkit-box-shadow: 0 0 0 #005691;
        box-shadow: 0 0 0 #005691;
        color: #fff
    }
}

.applicationForm--confirm .applicationForm__side .confirmation {
    width: 70rem;
    margin: 0 auto 2.3rem;
    padding: 2.2rem 3rem 3rem 3rem;
    background: #fff
}

.applicationForm--confirm .applicationForm__side .confirmation__ttl {
    font-size: 2.1rem;
    font-weight: 700;
    line-height: 3rem;
    margin: 0 0 1.1rem 0
}

@media(min-width: 769px) {
    .applicationForm--confirm .applicationForm__side .confirmation__ttl.text {
        padding:0 5rem
    }
}

.applicationForm--confirm .applicationForm__side .confirmation__ttlSub {
    font-size: 1.6rem;
    font-weight: 700;
    color: #005691;
    background: #eaf1f6;
    border: solid 1px #ccdbe3;
    padding: .7rem 1.8rem 1rem 1.8rem
}

.applicationForm--confirm .applicationForm__side .confirmation__content {
    border-left: solid 1px #ccdbe3;
    border-right: solid 1px #ccdbe3;
    counter-reset: my-counter
}

.applicationForm--confirm .applicationForm__side .confirmation__content dl {
    position: relative;
    padding: 1rem 2rem 2.1rem 5.8rem;
    margin: 0;
    border-bottom: solid 1px #ccdbe3
}

.applicationForm--confirm .applicationForm__side .confirmation__content dl:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    content: counter(my-counter);
    counter-increment: my-counter;
    background-color: #005691;
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    width: 4.3rem;
    height: 100%
}

.applicationForm--confirm .applicationForm__side .confirmation__content dl dt {
    font-size: 1.6rem;
    margin: 0 0 1.2rem 0
}

.applicationForm--confirm .applicationForm__side .confirmation__content dl dd {
    padding: 0;
    font-size: 1.4rem
}

.applicationForm--confirm .applicationForm__side .confirmation__content dl dd span {
    font-size: 1.4rem;
    background: #e6e6e6;
    margin: 0 1rem 0 0;
    padding: .5rem 1rem;
    border-radius: .3rem
}

.applicationForm--confirm .applicationForm__side .changeArea {
    text-align: center;
    margin: 4rem 0 4.7rem 0
}

.applicationForm--confirm .applicationForm__side .changeArea__btn {
    position: relative;
    top: 0rem;
    font-size: 1.8rem;
    letter-spacing: 0;
    font-weight: 700;
    color: var(--colorMain);
    background: #fff;
    border: solid 1px var(--colorMain);
    border-radius: .5rem;
    -webkit-box-shadow: 0 .3rem 0 var(--colorMain);
    box-shadow: 0 .3rem 0 var(--colorMain);
    padding: .8rem 3.8rem;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media(min-width: 769px) {
    .applicationForm--confirm .applicationForm__side .changeArea__btn:hover {
        background-color:#4e95cb;
        top: .3rem;
        -webkit-box-shadow: 0 0 0 #005691;
        box-shadow: 0 0 0 #005691;
        color: #fff
    }
}

.applicationForm--confirm .applicationForm__side .information {
    width: 70rem;
    margin: 0 auto 2.3rem;
    padding: 3.8rem 3rem 3rem 3rem;
    background: #fff
}

.applicationForm--confirm .applicationForm__side .information__ttl {
    position: relative;
    font-size: 2.1rem;
    font-weight: 700;
    line-height: 3rem;
    margin: 0 0 .5rem 0
}

.applicationForm--confirm .applicationForm__side .information__ttl::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 1px;
    background: #dcdcdc
}

.applicationForm--confirm .applicationForm__side .information__ttl span {
    position: relative;
    background: #fff;
    z-index: 1;
    padding: 0 3rem 0 0
}

.applicationForm--confirm .applicationForm__side .information__ttlSub {
    font-size: 1.6rem;
    font-weight: 700;
    color: #005691;
    background: #eaf1f6;
    border: solid 1px #ccdbe3;
    padding: .7rem 1.8rem 1rem 1.8rem
}

.applicationForm--confirm .applicationForm__side .information__text {
    font-size: 1.5rem;
    line-height: 2.8rem;
    margin: 0 0 2.4rem 0
}

.applicationForm--confirm .applicationForm__side .information__content {
    position: relative;
    padding: 1.6rem 2rem 3.2rem 6.4rem;
    margin: 0 0 3rem 0;
    border-bottom: solid 1px #ccdbe3;
    border-left: solid 1px #ccdbe3;
    border-right: solid 1px #ccdbe3
}

.applicationForm--confirm .applicationForm__side .information__content .number {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #005691;
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    width: 3.6rem;
    height: 100%
}

.applicationForm--confirm .applicationForm__side .information__content .item__ttl {
    font-size: 2rem;
    font-weight: 700;
    line-height: 3.2rem;
    background-image: linear-gradient(to right, #CCDBE3 5px, transparent 1px);
    background-size: 7px 1.5px;
    background-repeat: repeat-x;
    background-position: left bottom;
    padding: 0 0 1.1rem 0;
    margin: 0 0 1.8rem 0
}

.applicationForm--confirm .applicationForm__side .information__content .item__overview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 0 1rem 0;
    padding: 0
}

.applicationForm--confirm .applicationForm__side .information__content .item__overview dt {
    width: 7.6rem;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.4rem;
    background: #e6e6e6;
    border-radius: .5rem;
    text-align: center;
    padding: .2rem 0;
    margin: 0 1.4rem 0 0
}

.applicationForm--confirm .applicationForm__side .information__content .item__overview dd {
    padding: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 1.4rem;
    line-height: 2.4rem
}

.applicationForm--confirm .applicationForm__side .information__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #f2f2f2;
    padding: .9rem 1rem .9rem 2.2rem;
    margin: 0 0 2.8rem 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.applicationForm--confirm .applicationForm__side .information__menuTtl {
    font-size: 1.7rem;
    font-weight: 700;
    position: relative;
    padding: 0 0 0 2rem
}

.applicationForm--confirm .applicationForm__side .information__menuTtl::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: .3rem;
    height: 1.5rem;
    background: #005691
}

.applicationForm--confirm .applicationForm__side .information__menuList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem
}

.applicationForm--confirm .applicationForm__side .information__menuList .change {
    border: solid 1px #545454;
    background: #fff url(../../assets/images/icon_change.svg) no-repeat right 2.1rem center;
    color: #545454;
    font-size: 1.4rem;
    font-weight: 500;
    padding: .5rem 3.8rem .5rem 1.9rem;
    border-radius: .5rem
}

.applicationForm--confirm .applicationForm__side .information__menuList .delete {
    position: relative;
    background: #545454;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 500;
    padding: .5rem 3.8rem .5rem 1.9rem;
    border-radius: .5rem
}

.applicationForm--confirm .applicationForm__side .information__menuList .delete::before,.applicationForm--confirm .applicationForm__side .information__menuList .delete::after {
    content: "";
    display: block;
    width: 1.5rem;
    height: .1rem;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 1.8rem;
    bottom: 0;
    margin: auto;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.applicationForm--confirm .applicationForm__side .information__menuList .delete::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.applicationForm--confirm .applicationForm__side .information__menuList .delete::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.applicationForm--confirm .applicationForm__side .information__detail dl {
    padding: 0;
    margin: 0 0 1.8rem 0
}

.applicationForm--confirm .applicationForm__side .information__detail dl dt {
    background: #eaf1f6;
    border-radius: .5rem;
    padding: .2rem 1.5rem;
    margin: 0 0 .5rem 0
}

.applicationForm--confirm .applicationForm__side .information__detail dl dd {
    padding: 0 1.5rem
}

.applicationForm--confirm .applicationForm__side .information .additionArea {
    text-align: center;
    margin: 2.8rem 0 4.5rem 0
}

.applicationForm--confirm .applicationForm__side .information .additionArea:last-child {
    margin: 2.8rem 0
}

.applicationForm--confirm .applicationForm__side .information .additionArea__btn {
    position: relative;
    top: 0rem;
    font-size: 1.8rem;
    letter-spacing: 0;
    font-weight: 700;
    color: var(--colorMain);
    background: #f1f7fb;
    border: solid 1px var(--colorMain);
    border-radius: .5rem;
    -webkit-box-shadow: 0 .3rem 0 var(--colorMain);
    box-shadow: 0 .3rem 0 var(--colorMain);
    padding: .8rem 7.4rem;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media(min-width: 769px) {
    .applicationForm--confirm .applicationForm__side .information .additionArea__btn:hover {
        background-color:#4e95cb;
        top: .3rem;
        -webkit-box-shadow: 0 0 0 #005691;
        box-shadow: 0 0 0 #005691;
        color: #fff
    }
}

.applicationForm--change01 .applicationForm__side,.applicationForm--change02 .applicationForm__side {
    padding: 2.5rem 0 3.7rem 0
}

.applicationForm--change01 .applicationForm__sideTtl,.applicationForm--change02 .applicationForm__sideTtl {
    padding: 0 0 1.3rem 0
}

.applicationForm--change01 .applicationForm__sideTtl .ttl,.applicationForm--change02 .applicationForm__sideTtl .ttl {
    text-align: left;
    padding: 0 5rem
}

.applicationForm--change01 .applicationForm__sideTtl .text,.applicationForm--change02 .applicationForm__sideTtl .text {
    margin: .5rem 0 0
}

.applicationForm--change01 .applicationForm__side .information__ttlSub,.applicationForm--change02 .applicationForm__side .information__ttlSub {
    width: 70rem;
    margin: 0 auto;
    background: #fff
}

.applicationForm--change01 .applicationForm__side .information__content,.applicationForm--change02 .applicationForm__side .information__content {
    width: 70rem;
    margin: 0 auto 4.7rem;
    background: #fff;
    padding: 1.6rem 2rem 2.2rem 6.4rem
}

.applicationForm--change01 .applicationForm__side .information__content .item__ttl,.applicationForm--change02 .applicationForm__side .information__content .item__ttl {
    font-size: 1.8rem
}

.applicationForm--change01 .applicationForm__side .participant,.applicationForm--change02 .applicationForm__side .participant {
    position: relative;
    width: 70rem;
    margin: 0 auto 1.7rem;
    font-size: 2.1rem;
    line-height: 4.2rem;
    font-weight: 700;
    padding: 0 0 0 2rem
}

.applicationForm--change01 .applicationForm__side .participant::before,.applicationForm--change02 .applicationForm__side .participant::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: .4rem;
    height: 1.9rem;
    background: #005691
}

.applicationForm--change01 .applicationForm__side .participant__grp,.applicationForm--change02 .applicationForm__side .participant__grp {
    position: relative;
    background: #fff;
    padding: 3rem;
    width: 70rem;
    margin: 0 auto 3rem
}

.applicationForm--change01 .applicationForm__side .participant__grp .delete,.applicationForm--change02 .applicationForm__side .participant__grp .delete {
    position: absolute;
    top: 3.2rem;
    right: 3.2rem;
    background: #545454;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 500;
    padding: .5rem 3.8rem .5rem 1.9rem;
    border-radius: .5rem
}

.applicationForm--change01 .applicationForm__side .participant__grp .delete::before,.applicationForm--change01 .applicationForm__side .participant__grp .delete::after,.applicationForm--change02 .applicationForm__side .participant__grp .delete::before,.applicationForm--change02 .applicationForm__side .participant__grp .delete::after {
    content: "";
    display: block;
    width: 1.5rem;
    height: .1rem;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 1.8rem;
    bottom: 0;
    margin: auto;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.applicationForm--change01 .applicationForm__side .participant__grp .delete::before,.applicationForm--change02 .applicationForm__side .participant__grp .delete::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.applicationForm--change01 .applicationForm__side .participant__grp .delete::after,.applicationForm--change02 .applicationForm__side .participant__grp .delete::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.applicationForm--change01 .applicationForm__side .participant__grp .participant,.applicationForm--change02 .applicationForm__side .participant__grp .participant {
    width: 100%;
    border-bottom: solid 1px #dcdcdc;
    padding: 0 0 2rem 2rem;
    margin: 0 auto 2.2rem
}

.applicationForm--change01 .applicationForm__side .participant__grp .participant::before,.applicationForm--change02 .applicationForm__side .participant__grp .participant::before {
    top: 1.4rem;
    bottom: initial
}

.applicationForm--change01 .applicationForm__side .participant__grp dl,.applicationForm--change02 .applicationForm__side .participant__grp dl {
    padding: 0
}

.applicationForm--change01 .applicationForm__side dl dd,.applicationForm--change02 .applicationForm__side dl dd {
    padding: 0;
    background: none
}

.applicationForm--change02 .applicationForm__side .information__content {
    margin: 0 auto 3rem
}

.applicationForm--complete .underlayer__ttl {
    margin: 0 0 2.2rem 0
}

.applicationForm--complete p {
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin: 0 0 1.7rem 0
}

.applicationForm--complete p .mail {
    font-weight: 500;
    color: var(--colorMain);
    text-decoration: underline;
    background: url(/service/assets/images/application_mail.svg) no-repeat left center;
    background-size: 2.2rem auto;
    padding: 0 0 0 2.5rem
}

.applicationForm--complete p .tel {
    font-weight: 500;
    padding: 0 0 0 2.7rem;
    background: url(/service/assets/images/application_tel.svg) no-repeat left center;
    background-size: 2.6rem auto;
    margin: 0 0 0 .5rem
}

.applicationForm--complete .applicationForm__ttlSub {
    font-size: 1.8rem;
    padding: 1.05rem 1.8rem;
    margin: 4.5rem 0 .3rem 0;
    text-align: left
}

.applicationForm--complete .applicationForm__item .item__contentTtl {
    font-size: 2rem;
    text-align: left
}

.applicationForm--complete .applicationForm__item .item__contentOverview dd {
    font-size: 1.6rem
}

.applicationForm--complete .linkBtn {
    margin: 4.5rem 0 0 0
}

.applicationForm__main {
    margin: 1rem 0 0 0;
    width: 60rem
}

.applicationForm__main figure {
    margin: 0 0 3rem 0
}

.applicationForm__mainUnderstand {
    border: solid 1px #dcdcdc;
    padding: 2.4rem 2.9rem;
    margin: 0 0 2rem 0
}

.applicationForm__mainUnderstand .ttl {
    position: relative;
    font-size: 2.1rem;
    font-weight: 700;
    line-height: 3rem;
    padding: 0 0 0 1.9rem;
    margin: 0 0 1.3rem 0
}

.applicationForm__mainUnderstand .ttl::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: .5rem;
    height: .5rem;
    background: #005691;
    border-radius: 100%
}

.applicationForm__mainUnderstand .list {
    font-size: 1.7rem;
    line-height: 3rem
}

.applicationForm__mainUnderstand .list li {
    position: relative;
    padding: 0 0 0 3.2rem;
    margin: 0 0 .4rem 0
}

.applicationForm__mainUnderstand .list li:last-child {
    margin: 0
}

.applicationForm__mainUnderstand .list li::before {
    position: absolute;
    top: .7rem;
    left: 0;
    margin: auto;
    content: "";
    width: 1.8rem;
    height: 1.8rem;
    border: solid 1px #005691
}

.applicationForm__mainUnderstand .list li::after {
    content: "";
    position: absolute;
    top: 1rem;
    left: .6rem;
    display: block;
    width: .6rem;
    height: 1rem;
    border-right: 2px solid #d5c800;
    border-bottom: 2px solid #d5c800;
    -webkit-transform: rotate(42deg);
    transform: rotate(42deg);
    margin: auto
}

.applicationForm__mainLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2.1rem
}

.applicationForm__mainLink li {
    position: relative;
    padding: 0 2.5rem 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.applicationForm__mainLink li::before {
    content: "";
    position: absolute;
    top: .2rem;
    right: .5rem;
    bottom: 0;
    margin: auto;
    width: 1.45rem;
    height: 1.45rem;
    background: var(--colorMain);
    border-radius: 50%
}

.applicationForm__mainLink li::after {
    content: "";
    position: absolute;
    top: .2rem;
    right: 1.1rem;
    bottom: 0;
    margin: auto;
    display: block;
    width: .4rem;
    height: .4rem;
    border-left: solid 1.5px #fff;
    border-bottom: solid 1.5px #fff;
    -webkit-transform: rotate(-134deg);
    transform: rotate(-134deg)
}

.applicationForm__mainLink li a,.applicationForm__mainLink li button {
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: var(--colorMain);
    text-decoration: underline
}

@media(min-width: 769px) {
    .applicationForm__mainLink li a:hover,.applicationForm__mainLink li button:hover {
        text-decoration:none
    }
}

.applicationForm__mainLink.seminar_back {
    margin: 0 0 2rem 0
}

.applicationForm__main .modalArea {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.applicationForm__main .modalArea .modalBg {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5)
}

.applicationForm__main .modalArea .modalWrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 70%;
    max-width: 94rem;
    padding: 5rem;
    background-color: #fff;
    height: 80%;
    overflow-y: scroll
}

.applicationForm__main .modalArea .modalWrapper .ttl {
    position: relative;
    font-size: 2.8rem;
    line-height: 4rem;
    text-align: center;
    font-weight: 500;
    margin: 0 0 2.6rem 0;
    padding: 0 0 3rem 0
}

.applicationForm__main .modalArea .modalWrapper .ttl::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: -1.7rem;
    right: 0;
    margin: auto;
    width: .4rem;
    height: .4rem;
    background: #005691;
    border-radius: 100%
}

.applicationForm__main .modalArea .modalWrapper .ttl::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: -4.1rem;
    margin: auto;
    width: .4rem;
    height: .4rem;
    background: #005691;
    border-radius: 100%
}

.applicationForm__main .modalArea .modalWrapper .ttl span {
    position: relative
}

.applicationForm__main .modalArea .modalWrapper .ttl span::after {
    content: "";
    position: absolute;
    bottom: -3rem;
    left: 1.4rem;
    right: 0;
    margin: auto;
    width: .4rem;
    height: .4rem;
    background: #005691;
    border-radius: 100%
}

.applicationForm__main .modalArea .modalWrapper dl {
    position: relative;
    padding: 0 0 4.8rem 0
}

.applicationForm__main .modalArea .modalWrapper dl::before {
    position: absolute;
    top: 0;
    left: 8.3rem;
    bottom: 0;
    content: "";
    width: 1px;
    height: 100%;
    background: #aeaeae
}

.applicationForm__main .modalArea .modalWrapper dl.last {
    padding: 0 0 3.8rem 0
}

.applicationForm__main .modalArea .modalWrapper dl.last::before {
    display: none
}

.applicationForm__main .modalArea .modalWrapper dl dt {
    position: relative;
    font-size: 2.1rem;
    font-weight: 500;
    line-height: 2.4rem;
    padding: 1rem 0 1rem 12.8rem;
    z-index: 1
}

.applicationForm__main .modalArea .modalWrapper dl dt::before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    content: "STEP";
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.4rem;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    color: #005691
}

.applicationForm__main .modalArea .modalWrapper dl dt span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    counter-increment: item;
    content: counter(item);
    position: absolute;
    top: 0;
    left: 6rem;
    bottom: 0;
    width: 4.6rem;
    height: 4.6rem;
    background: #005691;
    font-size: 2rem;
    font-weight: 500;
    color: #fff;
    border-radius: 100%
}

.applicationForm__main .modalArea .modalWrapper dl dd {
    padding: 0 0 0 12.8rem;
    font-size: 1.5rem
}

.applicationForm__main .modalArea .modalWrapper dl dd a {
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 3.3rem
}

.applicationForm__main .modalArea .modalWrapper .annotation {
    font-size: 1.4rem;
    line-height: 2.4rem;
    padding: 0 0 0 1.4rem;
    text-indent: -1.4rem;
    color: #6a6a6a
}

.applicationForm__main .modalArea .closeModal {
    position: absolute;
    top: 2.5rem;
    right: 2.5rem;
    cursor: pointer;
    width: 5.6rem;
    height: 5.6rem
}

.applicationForm__main .modalArea .closeModal::before,.applicationForm__main .modalArea .closeModal::after {
    content: "";
    display: block;
    width: 100%;
    height: .2rem;
    background-color: #000;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.applicationForm__main .modalArea .closeModal::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
    bottom: 0
}

.applicationForm__main .modalArea .closeModal::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0;
    bottom: 0
}

.applicationForm__ttl {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 4.3rem;
    margin: 0 0 1.4rem 0
}

.applicationForm__ttlSub {
    color: #005691;
    background: #f1f7fb;
    border: solid 1px #ccdbe3;
    font-size: 2.1rem;
    font-weight: 700;
    padding: .8rem 1.8rem;
    margin: 0 0 .3rem 0
}

.applicationForm__ttl--sub {
    font-size: 2.1rem;
    font-weight: 700;
    line-height: 3.5rem;
    margin: 3.6rem 0 1.3rem 0
}

.applicationForm__link {
    margin: -1.3rem 0 0 0;
    padding: 0 3rem 0 0
}

.applicationForm__link a {
    position: relative;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: var(--colorMain);
    text-decoration: underline
}

.applicationForm__link a::before {
    content: "";
    position: absolute;
    top: 0;
    right: -2rem;
    bottom: 0;
    margin: auto;
    width: 1.45rem;
    height: 1.45rem;
    background: var(--colorMain);
    border-radius: 50%
}

.applicationForm__link a::after {
    content: "";
    position: absolute;
    top: 0;
    right: -1.4rem;
    bottom: 0;
    margin: auto;
    display: block;
    width: .4rem;
    height: .4rem;
    border-left: solid 1.5px #fff;
    border-bottom: solid 1.5px #fff;
    -webkit-transform: rotate(-134deg);
    transform: rotate(-134deg)
}

@media(min-width: 769px) {
    .applicationForm__link a:hover {
        text-decoration:none
    }
}

.applicationForm__link.wraps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.applicationForm__link.wraps a {
    margin: 1rem 0 0 0
}

.applicationForm__link.wraps a span {
    position: relative
}

.applicationForm__link.wraps a span::before {
    content: "Q."
}

.applicationForm__pdf a {
    position: relative;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.1rem;
    color: var(--colorMain);
    border: solid 1px var(--colorMain);
    background: #fff url(../../assets/images/icon_pdf_2.svg) no-repeat right 2.3rem center;
    background-size: 1.8rem 2.1rem;
    border-radius: .5rem;
    padding: 1.2rem 5.1rem 1.2rem 2.8rem
}

@media(min-width: 769px) {
    .applicationForm__pdf a:hover {
        color:#fff;
        background: var(--colorMain) url(../../assets/images/icon_pdf_2_w.svg) no-repeat right 2.3rem center;
        background-size: 1.8rem 2.1rem
    }
}

.applicationForm__text {
    font-size: 1.6rem;
    line-height: 2.8rem;
    letter-spacing: .03rem;
    margin: 0 0 2rem 0
}

.applicationForm__text.marginNone {
    margin: 0
}

.applicationForm__note {
    font-size: 1.3rem;
    line-height: 2.4rem;
    letter-spacing: .03rem;
    margin: 0 0 2.4rem 0
}

.applicationForm__note .isRequired {
    color: #e67676;
    font-weight: 700
}

.applicationForm__item {
    counter-reset: my-counter;
    margin: 0 0 3rem 0
}

.applicationForm__item .item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: solid 1px #ccdbe3;
    margin: 0 0 .3rem 0
}

.applicationForm__item .item:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    content: counter(my-counter);
    counter-increment: my-counter;
    background-color: #005691;
    font-size: 1.8rem;
    font-weight: 700;
    color: #fff;
    width: 3.2rem;
    height: calc(100% + 2px)
}

.applicationForm__item .item__content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 1.5rem 3.2rem 1.5rem 6.2rem
}

.applicationForm__item .item__contentTtl {
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 4.1rem;
    background-image: linear-gradient(to right, #CCDBE3 5px, transparent 1px);
    background-size: 7px 1.5px;
    background-repeat: repeat-x;
    background-position: left bottom;
    padding: 0 0 1.1rem 0;
    margin: 0 0 1.8rem 0
}

.applicationForm__item .item__contentOverview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 0 1rem 0
}

.applicationForm__item .item__contentOverview dt {
    width: 7.6rem;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.4rem;
    background: #e6e6e6;
    border-radius: .5rem;
    text-align: center;
    padding: .2rem 0;
    margin: 0 1.4rem 0 0
}

.applicationForm__item .item__contentOverview dd {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 1.4rem;
    line-height: 2.4rem
}

.applicationForm__item .item__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 9.5rem;
    background: #f2f2f2;
    border-left: solid 1px #ccdbe3
}

.applicationForm__item .item__button button {
    position: relative;
    width: 7.7rem;
    font-size: 1.4rem;
    font-weight: 500;
    color: #fff;
    background: #545454;
    border-radius: .5rem;
    text-align: center;
    padding: .4rem 0 .4rem 2.3rem
}

.applicationForm__item .item__button button::before,.applicationForm__item .item__button button::after {
    content: "";
    display: block;
    width: 1.4rem;
    height: .1rem;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 1.3rem;
    bottom: 0;
    margin: auto
}

.applicationForm__item .item__button button::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.applicationForm__item .item__button button::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media(min-width: 769px) {
    .applicationForm__item .item__button button:hover {
        background:#000
    }
}

.applicationForm__contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .7rem
}

.applicationForm__contact li {
    width: calc(50% - .35rem);
    border: solid 1px var(--colorMain);
    border-radius: .5rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 700;
    color: var(--colorMain)
}

.applicationForm__contact li a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 1.1rem 2rem
}

.applicationForm__contact li a::after {
    content: "";
    position: absolute;
    top: 0;
    right: 2.2rem;
    bottom: 0;
    margin: auto;
    width: .6rem;
    height: .6rem;
    -webkit-transform: translateX(0%) rotate(-45deg);
    transform: translateX(0%) rotate(-45deg);
    border-right: solid 2px var(--colorMain);
    border-bottom: solid 2px var(--colorMain);
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

@media(min-width: 769px) {
    .applicationForm__contact li a:hover {
        background:var(--colorMain);
        color: #fff
    }

    .applicationForm__contact li a:hover::after {
        right: 1.6rem;
        border-right: solid 2px #fff;
        border-bottom: solid 2px #fff
    }
}

.applicationForm__side {
    width: 44rem;
    background: #f1f7fb;
    border-radius: .5rem;
    padding: 2.2rem 2rem 3.7rem 2rem
}

.applicationForm__side--two {
    background: none;
    padding: 0
}

.applicationForm__sideTop {
    background: #f1f7fb;
    margin: 0 0 1rem 0;
    border-radius: .5rem
}

.applicationForm__sideTop .ttl {
    position: relative;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.6rem;
    color: #fff;
    background: var(--colorMain);
    border-radius: .5rem .5rem 0 0;
    padding: 1rem 0 1.2rem 5rem
}

.applicationForm__sideTop .ttl::before {
    content: "";
    position: absolute;
    top: 0;
    left: 2rem;
    bottom: 0;
    display: block;
    width: 1.8rem;
    height: 1.8rem;
    border: 1px solid #fff;
    margin: auto
}

.applicationForm__sideTop .ttl::after {
    content: "";
    position: absolute;
    top: -0.2rem;
    left: 2.65rem;
    bottom: 0;
    display: block;
    width: .5rem;
    height: .9rem;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: auto
}

.applicationForm__sideTop .item {
    padding: 1.5rem 1.7rem
}

.applicationForm__sideTop .item li {
    position: relative;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.4rem;
    color: var(--colorMain);
    padding: 0 0 0 2.3rem;
    margin: 0 0 .8rem 0
}

.applicationForm__sideTop .item li:last-child {
    margin: 0
}

.applicationForm__sideTop .item li::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "・"
}

.applicationForm__sideTop .item li a {
    text-decoration: underline
}

@media(min-width: 769px) {
    .applicationForm__sideTop .item li a:hover {
        text-decoration:none
    }
}

.applicationForm__sideBottom {
    background: #f1f7fb;
    padding: 2.2rem 2rem 3.7rem 2rem;
    border-radius: .5rem
}

.applicationForm__sideTtl {
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 3.3rem;
    text-align: center;
    border-bottom: solid 2px var(--colorMain);
    padding: 0 0 1rem 0;
    margin: 0 0 2.2rem 0
}

.applicationForm__sideTtl2 {
    font-size: 1.7rem;
    font-weight: 700;
    margin: 0 0 1rem 0
}

.applicationForm__side dl {
    margin: 0 0 1.5rem 0
}

.applicationForm__side dl dt {
    position: relative;
    font-size: 1.4rem;
    font-weight: 700
}

.applicationForm__side dl dt.isRequired::after {
    content: "必須";
    display: inline-block;
    font-size: 1.1rem;
    line-height: 1.6rem;
    font-weight: 400;
    color: #fff;
    background: #e67676;
    padding: .05rem .36rem .15rem;
    border-radius: .3rem;
    margin: 0 0 0 1.1rem;
    -webkit-transform: translateY(-0.1rem);
    transform: translateY(-0.1rem)
}

.applicationForm__side dl dt span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font-size: 1.3rem;
    font-weight: 400;
    color: #707070
}

.applicationForm__side dl dd.sp_bet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.applicationForm__side dl dd {
    position: relative;
    margin-bottom: .5rem;
    font-size: 1.4rem
}

.applicationForm__side dl dd input,.applicationForm__side dl dd select,.applicationForm__side dl dd textarea {
    border: solid 1px #a2a2a2;
    border-radius: .5rem;
    background: #fff;
    font-size: 1.5rem;
    line-height: 2.1rem;
    padding: .95rem 1rem;
    resize: vertical
}

.applicationForm__side dl dd input::-webkit-input-placeholder, .applicationForm__side dl dd select::-webkit-input-placeholder, .applicationForm__side dl dd textarea::-webkit-input-placeholder {
    color: #bbb
}

.applicationForm__side dl dd input::-moz-placeholder, .applicationForm__side dl dd select::-moz-placeholder, .applicationForm__side dl dd textarea::-moz-placeholder {
    color: #bbb
}

.applicationForm__side dl dd input:-ms-input-placeholder, .applicationForm__side dl dd select:-ms-input-placeholder, .applicationForm__side dl dd textarea:-ms-input-placeholder {
    color: #bbb
}

.applicationForm__side dl dd input::-ms-input-placeholder, .applicationForm__side dl dd select::-ms-input-placeholder, .applicationForm__side dl dd textarea::-ms-input-placeholder {
    color: #bbb
}

.applicationForm__side dl dd input::placeholder,.applicationForm__side dl dd select::placeholder,.applicationForm__side dl dd textarea::placeholder {
    color: #bbb
}

.applicationForm__side dl dd input.w100p,.applicationForm__side dl dd select.w100p,.applicationForm__side dl dd textarea.w100p {
    width: 100%;
    max-width: 40rem
}

.applicationForm__side dl dd input.w240,.applicationForm__side dl dd select.w240,.applicationForm__side dl dd textarea.w240 {
    width: 24rem
}

.applicationForm__side dl dd input.w200,.applicationForm__side dl dd select.w200,.applicationForm__side dl dd textarea.w200 {
    width: 20rem
}

.applicationForm__side dl dd input.w195,.applicationForm__side dl dd select.w195,.applicationForm__side dl dd textarea.w195 {
    width: 19.4rem
}

.applicationForm__side dl dd input.w195.p48,.applicationForm__side dl dd select.w195.p48,.applicationForm__side dl dd textarea.w195.p48 {
    width: 49%
}

.applicationForm__side dl dd input.w170,.applicationForm__side dl dd select.w170,.applicationForm__side dl dd textarea.w170 {
    width: 17rem
}

.applicationForm__side dl dd input.w170.wd100p,.applicationForm__side dl dd select.w170.wd100p,.applicationForm__side dl dd textarea.w170.wd100p {
    width: 100%
}

.applicationForm__side dl dd input.w240.wd100p,.applicationForm__side dl dd select.w240.wd100p,.applicationForm__side dl dd textarea.w240.wd100p {
    width: 100%
}

.applicationForm__side dl dd input.w100,.applicationForm__side dl dd select.w100,.applicationForm__side dl dd textarea.w100 {
    width: 10rem
}

.applicationForm__side dl dd input.w90,.applicationForm__side dl dd select.w90,.applicationForm__side dl dd textarea.w90 {
    width: 9rem
}

.applicationForm__side dl dd input.w80,.applicationForm__side dl dd select.w80,.applicationForm__side dl dd textarea.w80 {
    width: 8rem
}

.applicationForm__side dl dd input.w70,.applicationForm__side dl dd select.w70,.applicationForm__side dl dd textarea.w70 {
    width: 7rem
}

.applicationForm__side dl dd input.w60,.applicationForm__side dl dd select.w60,.applicationForm__side dl dd textarea.w60 {
    width: 6rem
}

.applicationForm__side dl dd input.w50,.applicationForm__side dl dd select.w50,.applicationForm__side dl dd textarea.w50 {
    width: 5rem
}

.applicationForm__side dl dd input+input {
    margin: 0 0 0 1rem
}

.applicationForm__side dl dd select {
    font-size: 1.4rem
}

.applicationForm__side dl dd small {
    display: block;
    font-size: 1.3rem;
    color: #707070;
    margin: -0.3rem 0 0 0;
    letter-spacing: .01rem
}

.applicationForm__side dl dd span {
    font-size: 1.6rem;
    margin: 0 .8rem
}

.applicationForm__side dl dd span.bottom {
    font-size: 1.4rem;
    vertical-align: bottom
}

.applicationForm__side dl dd .columnTwo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .5rem
}

.applicationForm__side dl dd .columnTwo+input {
    margin: .5rem 0 0 0
}

.applicationForm__side dl dd .select {
    position: relative;
    display: inline-block
}

.applicationForm__side dl dd .select::after {
    content: "";
    position: absolute;
    top: 1.5rem;
    right: 1.4rem;
    bottom: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) var(--colorMain);
    -webkit-transform: translateX(0%) rotate(90deg);
    transform: translateX(0%) rotate(90deg);
    pointer-events: none
}

.applicationForm__side dl dd .select+input {
    margin: .5rem 0 0 0
}

.applicationForm__side dl dd .select select {
    padding: .8rem 3.5rem .8rem 1rem
}

.applicationForm__side dl dd button {
    background: #204f74;
    border-radius: .5rem;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 500;
    width: 10rem;
    text-align: center;
    padding: .7rem 0;
    margin: 0 0 0 1rem
}

.applicationForm__side dl dd.checkbox {
    padding: .4rem 0 0 0
}

.applicationForm__side dl dd.checkbox input {
    display: none
}

.applicationForm__side dl dd.checkbox input:checked+label::after {
    opacity: 1
}

.applicationForm__side dl dd.checkbox label {
    position: relative;
    padding: 0 0 0 3.8rem
}

.applicationForm__side dl dd.checkbox label::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: block;
    width: 2.6rem;
    height: 2.6rem;
    background: #fff;
    border: 1px solid #d2d4d6;
    margin: auto
}

.applicationForm__side dl dd.checkbox label::after {
    content: "";
    position: absolute;
    top: -0.3rem;
    left: .9rem;
    bottom: 0;
    display: block;
    width: .9rem;
    height: 1.7rem;
    border-right: 4px solid var(--colorMain);
    border-bottom: 4px solid var(--colorMain);
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg);
    margin: auto;
    opacity: 0
}

.applicationForm__side .error {
    position: absolute;
    left: 1rem;
    top: calc(100% - .5rem);
    border-radius: .3rem;
    background-color: #e14f6d;
    padding: .3rem .5rem .4rem;
    font-size: 1.1rem;
    line-height: 1.6rem;
    font-weight: 400;
    color: #fff;
    z-index: 5
}

.applicationForm__side .error:before {
    content: "";
    position: absolute;
    left: 1rem;
    top: -0.4rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 .5rem .5rem .5rem;
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #e14f6d rgba(0,0,0,0)
}

.applicationForm__side .error.tel {
    top: calc(100% - 3.5rem)
}

.applicationForm__side .error.tr_other {
    top: calc(100% - 5rem)
}

.applicationForm__side .error.second {
    left: 21.5rem
}

@media(max-width: 768px) {
    .applicationForm__side .error.second {
        left:17.3rem
    }
}

.applicationForm__side .privacy {
    position: relative;
    margin: 0 0 2.2rem 0
}

.applicationForm__side .privacy input {
    display: none
}

.applicationForm__side .privacy input:checked+label::after {
    opacity: 1
}

.applicationForm__side .privacy label {
    position: relative;
    display: block;
    background: #fff;
    width: 100%;
    border-radius: .5rem;
    font-size: 1.5rem;
    font-weight: 700;
    text-align: center;
    padding: 1.1rem 0 1.1rem 5rem
}

.applicationForm__side .privacy label::before {
    content: "";
    position: absolute;
    top: 0;
    left: 6.8rem;
    bottom: 0;
    display: block;
    width: 2.6rem;
    height: 2.6rem;
    background: #fff;
    border: 1px solid #d2d4d6;
    margin: auto
}

.applicationForm__side .privacy label::after {
    content: "";
    position: absolute;
    top: -0.3rem;
    left: 7.7rem;
    bottom: 0;
    display: block;
    width: .9rem;
    height: 1.7rem;
    border-right: 4px solid var(--colorMain);
    border-bottom: 4px solid var(--colorMain);
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg);
    margin: auto;
    opacity: 0
}

.applicationForm__side .privacy label a {
    color: var(--colorMain);
    text-decoration: underline
}

@media(min-width: 769px) {
    .applicationForm__side .privacy label a:hover {
        text-decoration:none
    }
}

.applicationForm__side .submitArea {
    text-align: center
}

.applicationForm__side .submitArea__btn {
    position: relative;
    top: 0rem;
    font-size: 1.8rem;
    font-weight: 700;
    display: block;
    width: 29.4rem;
    background: #2f79b1;
    -webkit-box-shadow: 0 .3rem 0 #005691;
    box-shadow: 0 .3rem 0 #005691;
    border-radius: .5rem;
    color: #fff;
    text-align: center;
    padding: .8rem 1.2rem .8rem 0;
    padding: .8rem 0rem .8rem 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin: 0 auto
}

@media(min-width: 769px) {
    .applicationForm__side .submitArea__btn:hover {
        background:#4e95cb;
        top: .3rem;
        margin: 0 auto;
        -webkit-box-shadow: 0 0 0 #005691;
        box-shadow: 0 0 0 #005691;
        color: #fff
    }
}

.applicationForm__side .submitArea__btn.no_pdg {
    padding: .8rem 0rem .8rem 0
}

.applicationForm__side .submitArea__back {
    font-size: 1.5rem;
    color: var(--colorMain);
    text-decoration: underline;
    margin: 2.5rem 0 0 0
}

@media(min-width: 769px) {
    .applicationForm__side .submitArea__back:hover {
        text-decoration:none
    }
}

.big_flex_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.big_flex_box .flex_area {
    width: 100%;
    background: #e6e6e6;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.big_flex_box .flex_area iframe {
    height: 236px;
    background: #e6e6e6
}

@media(max-width: 768px) {
    .underlayerSeminar .popularity {
        margin:0 0 6rem
    }

    .underlayerSeminar .popularity__card {
        gap: 4rem
    }

    .underlayerSeminar .popularity__card .item__areaTtl {
        font-size: 1.9rem
    }

    .underlayerSeminar .popularity__card .item__areaCategory {
        border-radius: .3rem
    }

    .underlayerSeminar .popularity__card .item__tag {
        margin: 1.2rem 0 0 0
    }

    .underlayerSeminar .popularity__card .item__tag a {
        font-size: 1.3rem
    }

    .underlayerSeminar .archive__nowTtl {
        font-size: 1.6rem;
        line-height: 1.5;
        padding: 0 0 0 1.2rem;
        margin: 0 0 .8rem 0
    }

    .underlayerSeminar .archive__nowTtl::before {
        top: .15rem
    }

    .underlayerSeminar .archive__nowBtn p {
        width: 52%;
        padding: 1.2rem 1.5rem
    }

    .underlayerSeminar .archive__nowBtn button {
        width: 48%;
        margin: 0;
        font-size: 1.5rem
    }

    .underlayerSeminar .archive__nowBtn button:after {
        right: 1.4rem
    }

    .underlayerSeminar .archive__nowBtn.block {
        display: block
    }

    .underlayerSeminar .archive__nowBtn.block p {
        display: block;
        border: solid 1px #aec2d5;
        border-radius: .5rem;
        width: 100%;
        padding: 1.5rem 1.8rem;
        font-size: 1.5rem;
        line-height: 1.7
    }

    .underlayerSeminar .archive__nowBtn.block button {
        display: block;
        border-radius: .5rem;
        width: 16.2rem;
        margin: 2rem auto 0 auto;
        padding: 1.2rem 2.5rem 1.2rem .5rem
    }

    .underlayerSeminar .archive__tab ul {
        overflow-x: scroll;
        padding: 0;
        gap: .2rem;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .underlayerSeminar .archive__tab ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .underlayerSeminar .archive__tab ul li.live a,.underlayerSeminar .archive__tab ul li.live button {
        width: 14.8rem
    }

    .underlayerSeminar .archive__tab ul li.live a span,.underlayerSeminar .archive__tab ul li.live button span {
        background: url(../../assets/images/icon_live.svg) no-repeat left center;
        background-size: 4rem auto;
        padding: 0 0 0 5.2rem
    }

    .underlayerSeminar .archive__tab ul li.movie a,.underlayerSeminar .archive__tab ul li.movie button {
        width: 12.5rem
    }

    .underlayerSeminar .archive__tab ul li.movie a span,.underlayerSeminar .archive__tab ul li.movie button span {
        background: url(../../assets/images/icon_movie_big.svg) no-repeat left center;
        background-size: 3.2rem auto;
        padding: 0 0 0 4.5rem
    }

    .underlayerSeminar .archive__tab ul li.all a,.underlayerSeminar .archive__tab ul li.all button {
        width: 9rem
    }

    .underlayerSeminar .archive__tab ul li.all a span,.underlayerSeminar .archive__tab ul li.all button span {
        font-size: 1.4rem
    }

    .underlayerSeminar .archive__tab ul li a,.underlayerSeminar .archive__tab ul li button {
        padding: 1rem 1rem;
        line-height: 2.4rem;
        font-size: 1.4rem;
        text-align: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .underlayerSeminar .archive__tab ul li a span,.underlayerSeminar .archive__tab ul li button span {
        display: block;
        font-size: 1.4rem;
        text-align: left;
        line-height: 2rem
    }

    .underlayerSeminar .archiveResults {
        position: relative;
        margin: 0 0 3rem
    }

    .underlayerSeminar .archiveResults__contentTtl {
        width: 89%;
        font-size: 2.2rem;
        font-weight: 700;
        padding: 0 0 1rem;
        border-bottom: solid 1px #dcdcdc;
        margin: 0 auto 2.6rem
    }

    .underlayerSeminar .archiveResults__function {
        padding: 0
    }

    .underlayerSeminar .archiveResults__function .pdf {
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 0 3rem 0 0;
        text-align: right;
        font-size: 1.4rem;
        line-height: 2.4rem
    }

    .underlayerSeminar .archiveResults__function.case_st .select {
        bottom: 0;
        right: 0
    }

    .underlayerSeminar .archiveResults__numbers {
        font-size: 3rem
    }

    .underlayerSeminar .archiveResults__numbers span {
        font-size: 1.2rem;
        margin: 0 0 0 .4rem
    }

    .underlayerSeminar .archiveResults__numbers.not {
        margin: 2rem 0 1.2rem 0
    }

    .underlayerSeminar .archive__background {
        padding: 3.5rem 0 0 0;
        margin: 0 0 4rem
    }

    .underlayerSeminar .archive__background.case_bg {
        padding: 4rem 0 3rem 0;
        margin: 4rem 0 4rem 0
    }

    .underlayerSeminar .archive .setting {
        padding: 2rem
    }

    .underlayerSeminar .archive .setting dl {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .underlayerSeminar .archive .setting dl:nth-child(2) dd {
        padding: 1.6rem 2rem
    }

    .underlayerSeminar .archive .setting dl dt {
        width: 100%;
        border: none;
        padding: 1rem 2rem
    }

    .underlayerSeminar .archive .setting dl dd {
        padding: 1.6rem 2rem
    }

    .underlayerSeminar .archive .setting dl dd .label {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .underlayerSeminar .archive .setting dl dd .mass {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .underlayerSeminar .archive .setting dl dd .mass p {
        margin: 0 0 1rem
    }

    .underlayerSeminar .archive .setting dl {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .underlayerSeminar .archive .setting dl:nth-child(2) dd {
        padding: 1.6rem 2rem
    }

    .underlayerSeminar .archive .setting dl dt {
        width: 100%;
        border: none;
        padding: 1rem 2rem
    }

    .underlayerSeminar .archive .setting dl dd {
        padding: 1.6rem 2rem
    }

    .underlayerSeminar .archive .setting dl dd .label {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .underlayerSeminar .archive .setting dl dd .mass {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .underlayerSeminar .archive .setting dl dd .mass p {
        margin: 0 0 1rem
    }

    .underlayerSeminar .archiveColumn .item {
        padding: 2rem
    }

    .underlayerSeminar .archiveColumn .item__area {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .underlayerSeminar .archiveColumn .item__areaImg {
        width: 100%;
        height: 19.1rem;
        margin: 0 0 5.3rem
    }

    .underlayerSeminar .archiveColumn .item__areaImg img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .underlayerSeminar .archiveColumn .item__areaText {
        padding: 0
    }

    .underlayerSeminar .archiveColumn .item__areaText .copy {
        width: 100%;
        font-size: 1.4rem
    }

    .underlayerSeminar .archiveColumn .item__areaText .ttl {
        font-size: 1.9rem;
        line-height: 2.9rem
    }

    .underlayerSeminar .archiveColumn .item__areaText .day {
        background: url(/service/assets/images/icon_calendar.svg) no-repeat left center;
        background-size: 2.3rem auto;
        font-size: 1.4rem;
        letter-spacing: .01em
    }

    .underlayerSeminar .archiveColumn .item__areaMeta {
        width: 100%;
        top: 20.4rem;
        left: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .underlayerSeminar .archiveColumn .item__understand {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .underlayerSeminar .archiveColumn .item__understandTtl {
        display: block;
        width: 100%;
        padding: 1.5rem 0 1.5rem 6.2rem;
        background: #d4ebfc url(../../assets/images/icon_mark.svg) no-repeat left 1.4rem center
    }

    .underlayerSeminar .archiveColumn .item__understandTtl span {
        display: inline;
        margin: 0 -0.4rem 0;
        font-size: 1.7rem
    }

    .underlayerSeminar .archiveColumn .item__understandTtl::before {
        top: inherit;
        left: 0;
        right: 0;
        bottom: -16.2rem;
        margin: 0 auto;
        border: 14.6rem solid rgba(0,0,0,0);
        border-top: 1.6rem solid #d4ebfc
    }

    .underlayerSeminar .archiveColumn .item__understandText {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 3rem 2rem
    }

    .underlayerSeminar .archiveColumn .item__understandText ul {
        margin: 0 0 1.6rem
    }

    .underlayerSeminar .archiveColumn .item__understandText ul li {
        margin: 0 0 .7rem;
        line-height: 2.4rem
    }

    .underlayerSeminar .archiveColumn .item__understandText ul li::before {
        top: .6rem;
        margin: inherit
    }

    .underlayerSeminar .archiveColumn .item__understandText ul li:last-child {
        margin: 0
    }

    .underlayerSeminar .archiveColumn .item__understandText a {
        font-size: 1.5rem
    }

    .underlayerSeminar .archiveColumn.column_list,.underlayerSeminar .archiveColumn.column_three {
        gap: 2rem;
        margin: 0 auto 4rem
    }

    .underlayerSeminar .archiveColumn.column_three {
        gap: 2rem
    }

    .underlayerSeminar .archiveColumn.column_three .item {
        width: 100%
    }

    .underlayerSeminarVideo {
        padding: 4rem 0 9rem
    }

    .underlayerSeminarVideo .inner {
        padding: 0
    }

    .underlayerSeminarVideo .archive__inner {
        padding: 3.7rem 2rem 4rem;
        margin: 0 0 5.4rem
    }

    .underlayerSeminarVideo .archiveResults {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 2rem
    }

    .underlayerSeminarVideo .archiveResults__numbers {
        margin: 0 9rem 0 0
    }

    .underlayerSeminarVideo .archiveResults__function {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .underlayerSeminarVideo .archive .underlayer__ttl {
        margin: 0 0 2.2rem
    }

    .underlayerSeminarVideo .archive .archiveColumn.column_list,.underlayerSeminarVideo .archive .archiveColumn.column_three {
        padding: 0 2rem;
        margin: 0 auto
    }

    .underlayerSeminarSingle {
        padding: 3.5rem 0 0 0
    }

    .underlayerSeminarSingle .seminarSingle {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 0 4rem
    }

    .underlayerSeminarSingle .seminarSingle__main {
        width: 100%
    }

    .underlayerSeminarSingle .seminarSingle__main p {
        font-size: 1.5rem
    }

    .underlayerSeminarSingle .seminarSingle__main p.sample {
        font-size: 1.5rem;
        letter-spacing: -0.01rem;
        margin: 0 0 1.1rem
    }

    .underlayerSeminarSingle .seminarSingle__main p.sample span {
        padding: 0
    }

    .underlayerSeminarSingle .seminarSingle__main p.sample small {
        font-size: 1.3rem
    }

    .underlayerSeminarSingle .seminarSingle__main p.sample::after {
        content: none
    }

    .underlayerSeminarSingle .seminarSingle__main h2 {
        margin: 4rem 0 1.2rem 0
    }

    .underlayerSeminarSingle .seminarSingle__main h2 span {
        font-size: 1.8rem;
        padding: 0 2rem 0 0
    }

    .underlayerSeminarSingle .seminarSingle__main .singleMeta .overview a {
        padding: 1rem 2.5rem
    }

    .underlayerSeminarSingle .seminarSingle__mainTag li a {
        font-size: 1.3rem;
        padding: .5rem 1.5rem
    }

    .underlayerSeminarSingle .seminarSingle__main .profile {
        position: relative
    }

    .underlayerSeminarSingle .seminarSingle__main .profile:last-of-type {
        margin: 0 auto
    }

    .underlayerSeminarSingle .seminarSingle__main .profile img {
        width: 9rem;
        height: 9rem;
        position: absolute;
        top: 0;
        left: 0
    }

    .underlayerSeminarSingle .seminarSingle__main .profile dl dt {
        padding: 0 0 0 11rem
    }

    .underlayerSeminarSingle .seminarSingle__main .profile dl dd span {
        font-size: 1.2rem;
        padding: 0 0 0 11rem;
        margin: 0 0 1.6rem
    }

    .underlayerSeminarSingle .seminarSingle__main ul:not(.seminarSingle__mainTag,.btn) li {
        font-size: 1.4rem;
        line-height: 2.4rem;
        margin: 0 0 .4rem
    }

    .underlayerSeminarSingle .seminarSingle__main ul:not(.seminarSingle__mainTag,.btn) li:last-child {
        margin: 0
    }

    .underlayerSeminarSingle .seminarSingle__main ul:not(.seminarSingle__mainTag,.btn) li::before {
        top: .8rem;
        bottom: inherit;
        margin: inherit
    }

    .underlayerSeminarSingle .seminarSingle__main ul:not(.seminarSingle__mainTag,.btn) li::after {
        top: -2rem
    }

    .underlayerSeminarSingle .seminarSingle__main ol li {
        font-size: 1.4rem;
        line-height: 2.4rem;
        margin: 0 0 1.5rem
    }

    .underlayerSeminarSingle .seminarSingle__main ol li:last-child {
        margin: 0
    }

    .underlayerSeminarSingle .seminarSingle__main ol li::before {
        top: .4rem;
        bottom: inherit;
        margin: inherit
    }

    .underlayerSeminarSingle .seminarSingle__side {
        width: 100%
    }

    .underlayerSeminarSingle .seminarSingle__side:last-of-type {
        margin: 0
    }

    .underlayerSeminarSingle .seminarSingle__sideArea {
        margin: 0 0 2rem
    }

    .underlayerSeminarSingle .seminarSingle__sideArea:last-of-type {
        margin: 0
    }

    .underlayerSeminarSingle .seminarSingle__sideArea .text__catch {
        margin: 0 0 .7rem
    }

    .underlayerSeminarSingle .seminarSingle__sideArea .text__list li {
        padding: 0 .6rem 0 .6rem
    }

    .underlayerSeminarSingle .seminarSingle__sideArea .text__list li .bold {
        letter-spacing: -0.05rem
    }

    .underlayerSeminarSingle .seminarSingle__sideArea .text a {
        margin: 1.5rem auto 1.3rem
    }

    .underlayerSeminarSingle .overview {
        padding: 5.7rem 0 6rem 0
    }

    .underlayerSeminarSingle .overview .inner {
        padding: 0 0 0 2rem
    }

    .underlayerSeminarSingle .overview .js-scrollable {
        margin: 0 0 3rem
    }

    .underlayerSeminarSingle .overview .js-scrollable table {
        width: 110rem;
        margin: 0
    }

    .underlayerSeminarSingle .overview .js-scrollable table .modalArea .modalWrapper {
        width: 90%;
        padding: 2rem
    }

    .underlayerSeminarSingle .overview .js-scrollable table .modalArea .modalWrapper .modal_pop_area dl {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 2rem 0 0 0
    }

    .underlayerSeminarSingle .overview .js-scrollable table .modalArea .modalWrapper .modal_pop_area dl dt {
        width: 100%;
        font-size: 1.4rem;
        line-height: 2.4rem;
        text-align: left;
        border-bottom: 1px solid #ccc;
        padding: 0 0 1rem 0;
        margin: 0 0 1rem 0
    }

    .underlayerSeminarSingle .overview .js-scrollable table .modalArea .modalWrapper .modal_pop_area dl dd {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        width: 100%;
        text-align: left;
        font-weight: normal;
        font-size: 1.4rem;
        line-height: 2.4rem
    }

    .underlayerSeminarSingle .overview__ttl {
        font-size: 2rem;
        margin: 0 0 1rem
    }

    .underlayerSeminarSingle .overview__attention {
        padding: 0 2rem 0 0
    }

    .underlayerSeminarSingle .popularity .ttl {
        line-height: 3.5rem
    }

    .underlayerSeminarSingle .popularity .ttlSection {
        margin: 0 0 2.2rem
    }

    .underlayerSeminarSingle .popularity__card .item {
        width: 100%
    }

    .underlayerSeminarSingle .popularity__card .item.new::before {
        top: -1rem;
        left: -1rem
    }

    .underlayerSeminarSingle .popularity__card .item__areaImg {
        width: 100%;
        height: 21.7rem
    }

    .underlayerSeminarSingle .popularity__card .item__areaImg img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .underlayerSeminarSingle .popularity__card .item__areaCopy {
        line-height: 2.2rem
    }

    .underlayerSeminarSingle .popularity__card .item__areaCategory {
        margin: 0 0 .6rem
    }

    .underlayerSeminarSingle .recommend {
        margin: 6rem 0 0;
        padding: 5.7rem 2rem 7.6rem
    }

    .underlayerSeminarSingle .recommend .inner {
        padding: 0
    }

    .underlayerSeminarSingle .linkBtn__grp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 0 6rem;
        margin: 0 0 5.6rem
    }

    .underlayerSeminar .notfound {
        font-size: 1.8rem;
        line-height: 1.8;
        padding: 1.6rem 2rem
    }

    .applicationForm {
        padding: 2.4rem 0 0;
        margin: 0 0 6rem
    }

    .applicationForm__item {
        margin: 0 0 0rem 0
    }

    .applicationForm__ttl {
        font-size: 2rem;
        margin: 0 0 1.2rem;
        line-height: 3.2rem
    }

    .applicationForm__ttlSub {
        font-size: 1.8rem
    }

    .applicationForm__ttl--sub {
        font-size: 1.7rem;
        margin: 4rem 0 2rem;
        line-height: 2.9rem
    }

    .applicationForm__text {
        font-size: 1.5rem;
        margin: 0 0 1rem
    }

    .applicationForm__item .item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0
    }

    .applicationForm__item .item::before {
        width: 100%;
        height: 3.2rem;
        bottom: inherit
    }

    .applicationForm__item .item__content {
        padding: 4.3rem 2rem 2.5rem
    }

    .applicationForm__item .item__contentTtl {
        font-size: 1.7rem;
        line-height: 1.6;
        padding: 0 0 1.5rem
    }

    .applicationForm__item .item__contentOverview {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 0 1.5rem
    }

    .applicationForm__item .item__contentOverview:last-child {
        margin: 0 0 1.5rem
    }

    .applicationForm__item .item__contentOverview dt {
        margin: 0 0 1rem
    }

    .applicationForm__item .item__button {
        width: 100%;
        padding: 1rem 0;
        border-top: solid 1px #ccdbe3
    }

    .applicationForm__main {
        width: 100%;
        padding: 0 2rem
    }

    .applicationForm__main figure {
        padding: 0 2rem;
        padding: 0
    }

    .applicationForm__main figure.w100 {
        padding: 0;
        margin: 0 0 1.5rem
    }

    .applicationForm__main figure.w279 {
        width: 27.9rem;
        padding: 0
    }

    .applicationForm__main figure img {
        width: 100%
    }

    .applicationForm__mainUnderstand {
        padding: 2.4rem 2rem
    }

    .applicationForm__mainUnderstand .ttl {
        font-size: 1.8rem;
        padding: 0 0 0 1.7rem
    }

    .applicationForm__mainUnderstand .list li {
        font-size: 1.4rem;
        line-height: 2.4rem;
        margin: 0 0 .7rem
    }

    .applicationForm__mainLink {
        display: block
    }

    .applicationForm__mainLink li {
        display: inline-block
    }

    .applicationForm__mainLink.seminarCompany {
        display: none
    }

    .applicationForm__main .modalArea .modalWrapper {
        width: 90%;
        padding: 3rem
    }

    .applicationForm__main .modalArea .modalWrapper .ttl {
        font-size: 2rem;
        line-height: 3rem
    }

    .applicationForm__main .modalArea .modalWrapper .ttl span::after {
        bottom: -3.1rem;
        left: 3.4rem
    }

    .applicationForm__main .modalArea .modalWrapper dl {
        padding: 0 0 2.5rem 0
    }

    .applicationForm__main .modalArea .modalWrapper dl::before {
        display: none
    }

    .applicationForm__main .modalArea .modalWrapper dl.last {
        padding: 0 0 1.8rem 0
    }

    .applicationForm__main .modalArea .modalWrapper dl dt {
        font-size: 1.8rem;
        padding: 5rem 0 1rem 0
    }

    .applicationForm__main .modalArea .modalWrapper dl dt::before {
        font-size: 1.5rem;
        bottom: inherit;
        top: 1rem
    }

    .applicationForm__main .modalArea .modalWrapper dl dt span {
        font-size: 1.7rem;
        top: .4rem;
        left: 5rem;
        width: 3.6rem;
        height: 3.6rem
    }

    .applicationForm__main .modalArea .modalWrapper dl dd {
        padding: 0 0 0 0;
        font-size: 1.4rem
    }

    .applicationForm__main .modalArea .modalWrapper dl dd a {
        font-size: 2.2rem
    }

    .applicationForm__main .modalArea .modalWrapper .annotation {
        font-size: 1.2rem;
        padding: 0 0 0 1.2rem;
        text-indent: -1.2rem
    }

    .applicationForm__main .modalArea .closeModal {
        top: 1.5rem;
        right: 1.5rem;
        width: 3rem;
        height: 3rem;
        z-index: 1
    }

    .applicationForm--tow .inner {
        padding: 0;
        gap: 4rem
    }

    .applicationForm__side {
        width: 100%;
        margin: 0
    }

    .applicationForm__side dl dt.isRequired::after {
        margin: 0 0 0 .5rem
    }

    .applicationForm__side dl dd .columnTwo {
        display: block
    }

    .applicationForm__side dl dd .columnTwo+input {
        margin: 0
    }

    .applicationForm__side dl dd small {
        margin: 0
    }

    .applicationForm__side dl dd .select {
        margin: 0 0 .5rem
    }

    .applicationForm__side dl dd .select+input {
        margin: 0
    }

    .applicationForm__side dl dd input.w195 {
        width: 16.5rem
    }

    .applicationForm__side dl dd input.w200 {
        width: 22rem
    }

    .applicationForm__side dl dd input+input {
        margin: 0 0 0 .5rem
    }

    .applicationForm__side dl dd select.w195 {
        width: 16.5rem
    }

    .applicationForm__side dl dd select.w195.spw215 {
        width: 21.5rem
    }

    .applicationForm__side dl dd textarea {
        width: 100%
    }

    .applicationForm__side dl:nth-of-type(3) dd {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .applicationForm__side dl:nth-of-type(3) dd.flexColumn {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .applicationForm__side .privacy label {
        padding: 1.1rem 0 1.1rem 4rem
    }

    .applicationForm__side .privacy label::before {
        left: 3.7rem
    }

    .applicationForm__side .privacy label::after {
        left: 4.5rem
    }

    .applicationForm__sideTtl {
        font-size: 1.6rem
    }

    .applicationForm__sideTop {
        width: 89%;
        margin: 0 auto 6%
    }

    .applicationForm--confirm .inner {
        padding: 0
    }

    .applicationForm--confirm .applicationForm__side {
        width: 100%;
        padding: 2.5rem 2rem
    }

    .applicationForm--confirm .applicationForm__sideTtl {
        font-size: 1.6rem;
        line-height: 2.7rem
    }

    .applicationForm--confirm .applicationForm__sideTtl .ttl span {
        color: #000
    }

    .applicationForm--confirm .applicationForm__sideTtl .text.seminarCompany {
        display: none
    }

    .applicationForm--confirm .applicationForm__side dl {
        padding: 0
    }

    .applicationForm--confirm .applicationForm__side dl dd {
        font-size: 1.4rem;
        letter-spacing: -0.05rem
    }

    .applicationForm--confirm .applicationForm__side .confirmation {
        width: 100%;
        padding: 1.5rem 2rem
    }

    .applicationForm--confirm .applicationForm__side .confirmation__content dl {
        padding: 1rem 2.6rem 2.1rem 3.8rem
    }

    .applicationForm--confirm .applicationForm__side .confirmation__content dl::before {
        width: 2.3rem
    }

    .applicationForm--confirm .applicationForm__side .confirmation__content dl dt {
        font-size: 1.6rem;
        margin: 0 0 1.2rem 0;
        line-height: 2.8rem
    }

    .applicationForm--confirm .applicationForm__side .confirmation__content dl dd span {
        display: block;
        width: 7.6rem;
        margin: 0 0 .7rem
    }

    .applicationForm--confirm .applicationForm__side .confirmation__ttl {
        font-size: 1.6rem
    }

    .applicationForm--confirm .applicationForm__side .information {
        width: 100%;
        padding: 3rem 2rem 3rem
    }

    .applicationForm--confirm .applicationForm__side .information__ttl span {
        font-size: 1.6rem;
        padding: 0 1.5rem 0 0
    }

    .applicationForm--confirm .applicationForm__side .information__text {
        margin: 0 0 2rem
    }

    .applicationForm--confirm .applicationForm__side .information__content {
        width: 100%;
        padding: 4.3rem 2rem 3.2rem;
        margin: 0 0 3.5rem
    }

    .applicationForm--confirm .applicationForm__side .information__content .number {
        width: 100%;
        height: 3.2rem;
        bottom: inherit
    }

    .applicationForm--confirm .applicationForm__side .information__content .item__ttl {
        font-size: 1.7rem;
        line-height: 2.7rem;
        padding: 0 0 1.5rem
    }

    .applicationForm--confirm .applicationForm__side .information__content .item__overview {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0 0 1.7rem
    }

    .applicationForm--confirm .applicationForm__side .information__content .item__overview:last-child {
        margin: 0
    }

    .applicationForm--confirm .applicationForm__side .information__content .item__overview dt {
        margin: 0 0 .7rem
    }

    .applicationForm--confirm .applicationForm__side .information__menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 1.4rem 2rem 2rem;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .applicationForm--confirm .applicationForm__side .information__menuList {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .applicationForm--confirm .applicationForm__side .information__menuTtl {
        margin: 0 0 .1rem
    }

    .applicationForm--confirm .applicationForm__side .information .additionArea:last-child {
        margin: 2.8rem auto 0
    }

    .applicationForm--confirm .applicationForm__sideTop {
        width: 100%;
        padding: 0
    }

    .applicationForm--complete .underlayer__ttl {
        line-height: 3rem;
        font-size: 1.8rem;
        margin: 0 0 2rem
    }

    .applicationForm--complete .read {
        text-align: left
    }

    .applicationForm--complete p {
        font-size: 1.5rem;
        text-align: left
    }

    .applicationForm--complete p .tel {
        margin: 0
    }

    .applicationForm--change01 .applicationForm__side,.applicationForm--change02 .applicationForm__side {
        padding: 2.5rem 2rem 4.2rem
    }

    .applicationForm--change01 .applicationForm__sideTtl .ttl,.applicationForm--change02 .applicationForm__sideTtl .ttl {
        text-align: center;
        padding: 0
    }

    .applicationForm--change01 .applicationForm__sideTtl .text,.applicationForm--change02 .applicationForm__sideTtl .text {
        padding: 0
    }

    .applicationForm--change01 .applicationForm__side .information__ttlSub,.applicationForm--change02 .applicationForm__side .information__ttlSub {
        width: 100%
    }

    .applicationForm--change01 .applicationForm__side .information__content,.applicationForm--change02 .applicationForm__side .information__content {
        padding: 1.6rem 4rem 2.2rem 5rem
    }

    .applicationForm--change01 .applicationForm__side .information__content .item__ttl,.applicationForm--change02 .applicationForm__side .information__content .item__ttl {
        font-size: 1.7rem;
        line-height: 2.7rem;
        padding: 0;
        background: none
    }

    .applicationForm--change01 .applicationForm__side .information__content .number,.applicationForm--change02 .applicationForm__side .information__content .number {
        width: 2.3rem;
        height: 100%;
        bottom: 0
    }

    .applicationForm--change01 .applicationForm__side .participant,.applicationForm--change02 .applicationForm__side .participant {
        width: 100%;
        font-size: 1.8rem;
        padding: 0 0 0 1.8rem;
        margin: 0 0 1rem
    }

    .applicationForm--change01 .applicationForm__side .participant__grp,.applicationForm--change02 .applicationForm__side .participant__grp {
        width: 100%;
        padding: 1.8rem 2rem 2rem
    }

    .applicationForm--change01 .applicationForm__side .participant__grp .delete,.applicationForm--change02 .applicationForm__side .participant__grp .delete {
        top: 2rem;
        right: 2rem
    }

    .applicationForm--change01 .applicationForm__side .participant__grp dl dd input.spw145,.applicationForm--change02 .applicationForm__side .participant__grp dl dd input.spw145 {
        width: 14.5rem
    }

    .applicationForm--change01 .applicationForm__side .participant__grp .participant,.applicationForm--change02 .applicationForm__side .participant__grp .participant {
        border-bottom: none;
        padding: 0 0 0 2rem;
        margin: 0 0 1rem
    }

    .applicationForm__contact {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .applicationForm__contact li {
        width: 100%
    }

    .applicationForm__link.bottom a::before {
        top: 4rem;
        bottom: inherit
    }

    .applicationForm__link.bottom a::after {
        top: 4.5rem;
        bottom: inherit
    }

    .underlayerSeminarSingle .seminarSingle__side {
        top: 0;
        position: relative
    }

    .underlayerSeminarSingle .seminarSingle__side .text .list li::before {
        border: none !important;
        border-right: 3px solid #d5c800 !important;
        border-bottom: 3px solid #d5c800 !important
    }

    .underlayerSeminarSingle .seminarSingle__side .text .list li::after {
        content: none !important
    }

    .underlayerSeminarSingle .seminarSingle__side .text__list li::before {
        content: none !important
    }

    .underlayerSeminarSingle .seminarSingle__side .text__list li::after {
        content: none !important
    }

    .underlayerSeminarSingle .seminarSingle__side .text__list li {
        padding: 0 .6rem 0 .6rem !important
    }
}

@media(max-width: 768px) {
    .underlayerSeminar .archiveResults__function .select {
        position:absolute;
        bottom: -5rem;
        right: 2rem
    }

    .underlayerSeminar .archiveResults {
        margin: 0 0 7rem
    }

    .underlayerSeminar .archiveResults.extra {
        margin: 0 0 2rem
    }

    .underlayerSeminar .archiveResults.extra .select {
        bottom: 0
    }
}

@media(max-width: 768px) {
    .underlayerSeminar .archiveResults.case_bt {
        margin:0 0 2.5rem 0
    }
}

.streaming_body {
    width: 100%;
    height: 100%
}

.big_flex_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.big_flex_box .flex_area {
    width: 100%;
    background: #e6e6e6;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.big_flex_box .flex_area iframe {
    height: 236px;
    background: #e6e6e6
}

.Detail1__c figure,.Detail2__c figure,.OtherTitle__c figure,.Other2Title__c figure {
    margin-bottom: 2rem;
    margin-top: 2rem
}

.seminarSingle__mainTag li a {
    display: inline-block;
    background: #fff;
    font-size: 1.4rem;
    line-height: 2.4rem;
    padding: .3rem 1.3rem;
    border-radius: 5rem;
    border: solid 1px #dcdcdc;
    margin-bottom: 2rem
}

@media(min-width: 769px) {
    .seminarSingle__mainTag li a:hover {
        background:#dcdcdc
    }
}

.popularity__card.streaming .linkBtn a {
    width: 100%;
    padding: 1.2rem 3.4rem 1.2rem 2.8rem
}

@media(min-width: 769px) {
    .underlayerSeminar .popularity__card .item__area:hover .item__areaTtl span {
        background-size:100% 1px !important
    }
}

.underlayerSeminar .archiveColumn .item__area.new {
    position: relative
}

.underlayerSeminar .archiveColumn .item__area.new::before {
    content: "";
    width: 4.1rem;
    height: 4.1rem;
    background: url(../../assets/images/new_icon.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: -2rem;
    left: -2rem;
    z-index: 5
}

@media(max-width: 768px) {
    .underlayerSeminar .archiveColumn .item__area.new::before {
        top:-1rem;
        left: -1rem
    }
}

@media(max-width: 768px) {
    .underlayerMainvisualVideo {
        margin:2.2rem 0 0 0
    }

    .underlayerSeminarVideo .archive .underlayer__ttl.web {
        margin: 0 0 1.2rem
    }

    .underlayerSeminar .archiveResults__function .select.web {
        bottom: 0rem
    }

    .underlayerSeminar .archiveResults.web {
        margin: 0 0 2rem
    }

    .underlayerSeminarSingle .popularity__card .linkBtn {
        margin: 1.7rem 0 0 0
    }

    .underlayerSeminarSingle .seminarSingle__main p {
        line-height: 1.8
    }
}

.linkBtn.mgn01 {
    margin: 0rem 0 2rem 0
}

@media(max-width: 768px) {
    .underlayerSeminar .popularity__card .item__areaTtl.down {
        margin:0 0 0 0
    }

    .underlayerSeminarSingle .overview_bg {
        padding: 4rem 0 4rem 0
    }

    .overview__table {
        width: 90rem
    }
}

.underlayerSeminarSingle .seminarSingle__main .singleMeta .btn2 li {
    padding: 0
}

@media(max-width: 768px) {
    .underlayerSeminarSingle .seminarSingle__main .singleMeta .btn2 li {
        margin:0 0 0rem 0
    }
}

.underlayerSeminarSingle .seminarSingle__main .singleMeta .btn2 li::before,.underlayerSeminarSingle .seminarSingle__main .singleMeta .btn2 li::after {
    content: none
}

.underlayerSeminarSingle .seminarSingle__main .singleMeta .btn2 li.share ul {
    left: 0;
    right: auto;
    top: 3.5rem
}

@media(max-width: 768px) {
    .underlayerSeminarSingle .seminarSingle__main .singleMeta .btn2 li.share ul {
        top:5.5rem
    }
}

.underlayerSeminarSingle .seminarSingle__main .singleMeta .btn2 li.share ul:before {
    right: auto;
    left: 5.5rem
}

@media(max-width: 768px) {
    .underlayerSeminarSingle .seminarSingle__main .singleMeta .btn2 li.share ul:before {
        left:1.5rem
    }
}

.singleMeta .btn2 li.share ul {
    top: 3.5rem
}

@media(max-width: 768px) {
    .singleMeta .btn2 li.share ul {
        top:5.5rem
    }
}

@media(min-width: 769px) {
    .underlayerSeminarSingle .seminarSingle__main .mainTag li a:hover {
        background:#dcdcdc
    }
}

.underlayerSeminarSingle .popularity__card .item .two_ttl {
    margin: 0 0 1.1rem 0
}

.applicationForm__side dl dd .birth_area .select::after {
    right: 4.4rem
}

@media(max-width: 768px) {
    .applicationForm__side dl dd span {
        font-size:1.5rem
    }
}

.overview_bg .seminar_sub_text {
    margin: 0 0 2rem 0
}

.overview_bg .seminar_sub_text li {
    font-size: 1.4rem;
    font-weight: 400;
    text-indent: -1em;
    padding-left: 1em
}

@media(max-width: 768px) {
    .overview_bg .seminar_sub_text li {
        padding-right:2rem;
        font-size: 1.3rem
    }
}

.singleMeta .btn2 {
    width: 37rem
}

@media(max-width: 768px) {
    .singleMeta .btn2 {
        width:100%
    }
}

.seminarSingle.inner .singleMeta .btn2 {
    width: 33rem
}

@media(max-width: 768px) {
    .seminarSingle.inner .singleMeta .btn2 {
        width:100%
    }
}

.singleMeta .mainTag {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end
}

@media(max-width: 768px) {
    .singleMeta {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }

    .singleMeta .mainTag {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }
}

@media(max-width: 768px) {
    .underlayerSeminarSingle .seminarSingle__main .singleMeta .mainTag {
        margin-top:1.6rem
    }

    .underlayerSeminarSingle .seminarSingle__main .mainTag li a {
        font-size: 1.4rem
    }
}

.seminarSingle__main .linkBtn__grp {
    width: 100%;
    margin: 6rem auto 0;
    padding: 0 0 8rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(max-width: 768px) {
    .seminarSingle__main .linkBtn__grp {
        margin:4rem auto 0;
        padding: 0 0 5rem 0
    }
}

.linkBtn__grp.btn_grp_sp {
    display: none
}

@media(max-width: 768px) {
    .underlayerSeminarSingle .seminarSingle {
        gap:4rem
    }

    .seminarSingle__main .linkBtn__grp {
        display: none
    }

    .underlayerSeminarSingle .seminarSingle {
        margin: 0 0 5rem
    }

    .linkBtn__grp.btn_grp_sp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media(max-width: 768px) {
    .underlayerSeminarSingle .seminarSingle__main ul:not(.seminarSingle__mainTag,.btn) li::after {
        top:1rem;
        bottom: auto
    }
}

@media(max-width: 768px) {
    .underlayerSeminarSingle .seminarSingle__mainImg .btn2 {
        margin:0 0 2rem 0
    }

    .underlayerSeminarSingle .seminarSingle__main .singleMeta .overview {
        margin-top: 1.5rem !important
    }
}

.underlayerSeminarSingle .overview__table td:nth-of-type(4) .modal_areas {
    overflow-y: scroll;
    height: 100%
}

.underlayerSeminarSingle .overview__table td:nth-of-type(4) .modalArea .closeModal {
    top: 0;
    right: -5rem
}

@media(max-width: 768px) {
    .underlayerSeminarSingle .overview__table td:nth-of-type(4) .modalArea .modalWrapper {
        height:calc(90% - 6rem)
    }

    .underlayerSeminarSingle .overview__table td:nth-of-type(4) .modalArea .closeModal {
        top: -4rem;
        right: 0
    }
}

.Detail1__c,.Detail2__c,.OtherTitle__c,.Other2_Title__c {
    font-size: 1.7rem;
    line-height: 1.75
}

@media(max-width: 768px) {
    .Detail1__c,.Detail2__c,.OtherTitle__c,.Other2_Title__c {
        font-size:1.5rem;
        line-height: 1.8
    }
}

.applicationForm--confirm .applicationForm__side .confirmation__content dl {
    padding: 1.6rem 2rem 2.2rem 6.4rem
}

@media(max-width: 768px) {
    .applicationForm--confirm .applicationForm__side .confirmation__content dl {
        padding:1.6rem 4rem 2.2rem 5rem
    }
}

.applicationForm--confirm .applicationForm__side .confirmation__content dl dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 0 1rem 0;
    padding: 0
}

@media(max-width: 768px) {
    .applicationForm--confirm .applicationForm__side .confirmation__content dl dd {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

.applicationForm--confirm .applicationForm__side .confirmation__content dl dt {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 3.2rem;
    background-image: linear-gradient(to right, #CCDBE3 5px, transparent 1px);
    background-size: 7px 1.5px;
    background-repeat: repeat-x;
    background-position: left bottom;
    padding: 0 0 1.1rem 0;
    margin: 0 0 1.8rem 0
}

@media(max-width: 768px) {
    .applicationForm--confirm .applicationForm__side .confirmation__content dl dt {
        font-size:1.7rem;
        line-height: 2.7rem;
        padding: 0;
        background: none
    }
}

.applicationForm--confirm .applicationForm__side .confirmation__content dl dd span {
    width: 7.6rem;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.4rem;
    background: #e6e6e6;
    border-radius: .5rem;
    text-align: center;
    padding: .2rem 0;
    margin: 0 1.4rem 0 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width: 768px) {
    .applicationForm--confirm .applicationForm__side .confirmation__content dl dd span {
        margin:0 0 .7rem
    }
}

.applicationForm--confirm .applicationForm__side .confirmation__content dl dd span.seminar_text {
    width: auto;
    background: none;
    padding: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 1.4rem;
    line-height: 2.4rem;
    min-height: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%
}

@media(max-width: 768px) {
    .applicationForm--confirm .applicationForm__side .confirmation__content dl dd span.seminar_text {
        -webkit-box-flex:1;
        -ms-flex: auto;
        flex: auto;
        margin: 0
    }
}

@media(max-width: 768px) {
    .applicationForm--confirm .applicationForm__side .confirmation__content dl dd span.seminar_text {
        min-height:auto
    }

    .applicationForm--confirm .applicationForm__side .confirmation__content dl dd {
        margin: 0 0 1.7rem
    }
}

.method_01_free_02 {
    padding: 7rem 0 0 0
}

@media(max-width: 768px) {
    .method_01_free_02 {
        padding:4rem 0 0 0
    }
}

.underlayerService .area {
    border-radius: 5px;
    text-align: center;
    position: relative;
    z-index: 1;
    padding: 0 27rem 0rem 0;
    margin: auto;
    width: var(--innerW);
    margin-left: auto;
    margin-right: auto
}

@media(max-width: 768px) {
    .underlayerService .area {
        padding:0rem 2rem 0rem 2rem;
        width: 100%
    }
}

.underlayerService .area .ttl {
    background: var(--colorMain);
    color: #fff;
    padding: 1.5rem;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 2.1rem;
    font-weight: 700;
    line-height: 1.8
}

@media(max-width: 768px) {
    .underlayerService .area .ttl {
        font-size:1.6rem;
        line-height: 1.8
    }
}

.linkBtn_base_mg20 {
    background: #fff;
    padding: 2rem 2rem 2.3rem 2rem;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

@media(max-width: 768px) {
    .linkBtn_base_mg20 {
        padding:1.5rem 1.5rem 1.8rem 1.5rem
    }
}

a.linkBtn--Arrow01 {
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #fff !important;
    background: #ff8c38;
    border: solid .1rem #ff8c38;
    -webkit-box-shadow: 0px .4rem 0px 0px #854515;
    box-shadow: 0px .4rem 0px 0px #854515;
    position: relative;
    display: inline-block;
    font-weight: 700;
    border-radius: .5rem;
    padding: 1.2rem 4.4rem 1.2rem 2.8rem;
    text-decoration: none !important;
    -webkit-transition: .4s;
    transition: .4s
}

a.linkBtn--Arrow01::after {
    content: "";
    position: absolute;
    top: 0;
    right: 2.2rem;
    bottom: 0;
    margin: auto;
    display: block;
    width: .5rem;
    height: .5rem;
    border-left: solid 2px #fff;
    border-bottom: solid 2px #fff;
    -webkit-transform: rotate(-134deg);
    transform: rotate(-134deg);
    -webkit-transition: all ease .2s;
    transition: all ease .2s
}

@media(min-width: 769px) {
    a.linkBtn--Arrow01:hover {
        margin-top:.3rem;
        margin-bottom: -0.3rem;
        -webkit-box-shadow: 0 0 0 0 #854515;
        box-shadow: 0 0 0 0 #854515
    }

    a.linkBtn--Arrow01:hover {
        text-decoration: none
    }
}

p.lead.bg--gradeBlue {
    margin-bottom: 0
}

@media(max-width: 768px) {
    .applicationForm__link.bottom a::before {
        top:50%;
        -webkit-transform: translate(0%, -50%);
        transform: translate(0%, -50%)
    }

    .applicationForm__link.bottom a::after {
        top: 50%;
        -webkit-transform: translate(0%, -50%) rotate(-134deg);
        transform: translate(0%, -50%) rotate(-134deg)
    }

    .underlayerSeminarSingle .overview .js-scrollable {
        overflow-y: hidden !important;
        overflow-x: auto !important
    }
}

.underlayerSeminarSingle .seminarSingle__main .profile:last-of-type {
    margin: 3.2rem 0 0 0
}

@media(max-width: 768px) {
    .underlayerSeminarSingle .seminarSingle__main .profile:last-of-type {
        margin:3.2rem 0 0 0
    }
}

.underlayerSeminarSingle .seminarSingle__main a {
    text-decoration: underline;
    color: var(--colorMain)
}

@media(min-width: 769px) {
    .underlayerSeminarSingle .seminarSingle__main a:hover {
        text-decoration:none
    }
}

.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component {
    text-align: left
}

.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchstatusfull {
    margin: 0 2.8rem 0 0
}

@media(max-width: 768px) {
    .underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchstatusfull ._status {
        font-size:1.2rem
    }
}

.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchstatusfull ._status ._totalhits {
    font-size: 4.2rem;
    font-weight: 700;
    line-height: 1
}

@media(max-width: 768px) {
    .underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchstatusfull ._status ._totalhits {
        font-size:3rem
    }
}

.seminar_first_block .head_block,.seminar_second_block .head_block,.seminar_three_block .head_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto 2rem;
    width: var(--innerW)
}

@media(max-width: 768px) {
    .seminar_first_block .head_block,.seminar_second_block .head_block,.seminar_three_block .head_block {
        position:relative;
        margin: 0 0 2rem;
        width: 100%;
        padding: 0 2rem
    }
}

.seminar_first_block .head_block ._sitesearch_component,.seminar_second_block .head_block ._sitesearch_component,.seminar_three_block .head_block ._sitesearch_component {
    font-size: 1.8rem;
    line-height: 2.6rem;
    font-weight: 400;
    letter-spacing: .02rem;
    margin: 0 0 0 .7rem
}

@media(max-width: 768px) {
    .seminar_first_block .head_block ._sitesearch_component,.seminar_second_block .head_block ._sitesearch_component,.seminar_three_block .head_block ._sitesearch_component {
        font-size:1.2rem;
        margin: 0 0 0 .4rem
    }
}

.seminar_first_block .head_block ._sitesearch_component ._totalhits,.seminar_second_block .head_block ._sitesearch_component ._totalhits,.seminar_three_block .head_block ._sitesearch_component ._totalhits {
    font-size: 4.2rem;
    font-weight: 700;
    line-height: 1
}

@media(max-width: 768px) {
    .seminar_first_block .head_block ._sitesearch_component ._totalhits,.seminar_second_block .head_block ._sitesearch_component ._totalhits,.seminar_three_block .head_block ._sitesearch_component ._totalhits {
        font-size:3rem
    }
}

.seminar_first_block .head_block ._sortorderselector_type1,.seminar_second_block .head_block ._sortorderselector_type1,.seminar_three_block .head_block ._sortorderselector_type1 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end
}

.seminar_first_block .head_block ._sortorderselector_type1 select,.seminar_second_block .head_block ._sortorderselector_type1 select,.seminar_three_block .head_block ._sortorderselector_type1 select {
    border: solid 1px #d0d6db;
    padding: .8rem 4.5rem .8rem 1rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
    letter-spacing: .02rem;
    border-radius: .5rem;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    text-align: left
}

.seminar_first_block .head_block ._sortorderselector_type1:after,.seminar_second_block .head_block ._sortorderselector_type1:after,.seminar_three_block .head_block ._sortorderselector_type1:after {
    content: "";
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    bottom: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #005691;
    -webkit-transform: translateX(0%) rotate(90deg);
    transform: translateX(0%) rotate(90deg);
    pointer-events: none
}

.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items,.seminar_first_block ._sitesearch_component ._searchresults ._items,.seminar_second_block ._sitesearch_component ._searchresults ._items,.seminar_three_block ._sitesearch_component ._searchresults ._items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto 7.8rem;
    width: var(--innerW)
}

@media(max-width: 768px) {
    .underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items,.seminar_first_block ._sitesearch_component ._searchresults ._items,.seminar_second_block ._sitesearch_component ._searchresults ._items,.seminar_three_block ._sitesearch_component ._searchresults ._items {
        width:100%;
        padding: 0 2rem;
        gap: 2rem;
        margin: 0 auto 4rem
    }
}

@media(max-width: 768px) {
    .underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items {
        padding:0 0rem
    }

    .underlayerSeminar .archiveColumn .item__understandTtl {
        padding: 0;
        background: none
    }
}

.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item {
    position: relative;
    background: #f1f7fb;
    border: solid 1px #ccdbe3;
    border-radius: .5rem;
    padding: 3rem 3rem
}

@media(max-width: 768px) {
    .underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item {
        padding:2rem
    }
}

.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 {
    position: absolute;
    top: -1rem;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    top: 2rem;
    right: 2rem
}

@media(max-width: 768px) {
    .underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 {
        width:100%;
        top: 22.2rem;
        left: 0;
        right: 0;
        padding: 0 2rem
    }
}

.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 ._display_text4 button,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 ._display_text4 button,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 ._display_text4 button,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 ._display_text4 button {
    margin: 0
}

.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 ._display_text4 .like,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 ._display_text4 .like,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 ._display_text4 .like,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 ._display_text4 .like {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 3.6rem;
    height: 3.6rem;
    background: #fff;
    border-radius: 100%;
    -webkit-transition: all .3s;
    transition: all .3s
}

.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 ._display_text4 .like.isActive,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 ._display_text4 .like.isActive,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 ._display_text4 .like.isActive,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 ._display_text4 .like.isActive {
    background: #d56272
}

.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 ._display_text4 .like.isActive svg use,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 ._display_text4 .like.isActive svg use,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 ._display_text4 .like.isActive svg use,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 ._display_text4 .like.isActive svg use {
    fill: #fff;
    stroke: #fff
}

.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 .category,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 .category,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 .category,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 .category {
    font-size: 1.3rem;
    line-height: 1.9rem;
    font-weight: 500;
    padding: .2rem .9rem;
    display: inline-block;
    margin: 0 1.2rem 0 0;
    border-radius: .5rem;
    border: solid 1px #000
}

.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 .category.category--movie,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 .category.category--movie,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 .category.category--movie,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 .category.category--movie {
    background: #fff url(../../assets/images/icon_recommend_movie.svg) no-repeat left .7rem top .3rem;
    background-size: 3.1rem 1.7rem;
    padding: .2rem .9rem .2rem 4.4rem;
    border: solid 1px #824880;
    color: #824880;
    font-size: 1.2rem
}

.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 .category.category--live,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 .category.category--live,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 .category.category--live,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 .category.category--live {
    background: #fff url(../../assets/images/icon_recommend_live.svg) no-repeat left 1.2rem top .4rem;
    background-size: 5.1rem 1.6rem;
    padding: .2rem .9rem .2rem 6.9rem;
    border: solid 1px #298279;
    color: #298279;
    font-size: 1.2rem
}

.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 ._display_text4 .like svg,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 ._display_text4 .like svg,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 ._display_text4 .like svg,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 ._display_text4 .like svg {
    width: 1.483rem;
    height: 1.2rem
}

.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 ._display_text4 .like svg use,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 ._display_text4 .like svg use,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 ._display_text4 .like svg use,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 ._display_text4 .like svg use {
    fill: #d56272;
    stroke: #d56272
}

@media(min-width: 769px) {
    .underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 ._display_text4 .like:hover,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 ._display_text4 .like:hover,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 ._display_text4 .like:hover,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 ._display_text4 .like:hover {
        background:#d56272
    }

    .underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 ._display_text4 .like:hover svg use,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 ._display_text4 .like:hover svg use,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 ._display_text4 .like:hover svg use,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 ._display_text4 .like:hover svg use {
        fill: #fff;
        stroke: #fff
    }
}

.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 2.1rem 0
}

@media(max-width: 768px) {
    .underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._thumbnail,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._thumbnail,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._thumbnail,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._thumbnail {
    width: 23rem;
    height: 14.8rem;
    overflow: hidden
}

@media(max-width: 768px) {
    .underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._thumbnail,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._thumbnail,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._thumbnail,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._thumbnail {
        width:100%;
        height: 18.1rem;
        margin: 0 0 5.3rem
    }
}

.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._thumbnail img,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._thumbnail img,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._thumbnail img,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._thumbnail img {
    width: 23rem;
    height: 14.8rem;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: .5rem
}

@media(max-width: 768px) {
    .underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._thumbnail img,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._thumbnail img,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._thumbnail img,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._thumbnail img {
        width:100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: .8rem 0 0 3.2rem;
    text-align: left
}

@media(max-width: 768px) {
    .underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 {
        padding:0
    }
}

.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._text,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._text,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._text,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._text {
    font-size: 1.7rem;
    line-height: 2.6rem;
    width: 51rem;
    letter-spacing: .03rem;
    margin: 0 0 .5rem 0
}

@media(max-width: 768px) {
    .underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._text,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._text,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._text,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._text {
        width:100%;
        font-size: 1.4rem
    }
}

.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._title,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._title,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._title,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._title {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3.6rem;
    letter-spacing: .04rem;
    margin: 0 0 .5rem 0
}

@media(max-width: 768px) {
    .underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._title,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._title,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._title,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._title {
        font-size:1.9rem;
        line-height: 2.9rem
    }
}

@media(min-width: 769px) {
    .underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._title a,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._title a,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._title a,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._title a {
        -webkit-transition:all ease 0s;
        transition: all ease 0s
    }

    .underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._title a:hover,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._title a:hover,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._title a:hover,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._title a:hover {
        text-decoration: underline;
        color: var(--colorMain)
    }
}

.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._additional_text4,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._additional_text4,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._additional_text4,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._additional_text4 {
    font-size: 1.5rem;
    font-weight: 700;
    color: #686868;
    padding: 0 0 0 3.5rem;
    margin: 0 0 1rem 0;
    background: url(/service/assets/images/icon_calendar.svg) no-repeat left center;
    background-size: 2.2rem auto
}

@media(max-width: 768px) {
    .underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._additional_text4,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._additional_text4,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._additional_text4,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._additional_text4 {
        background:url(/service/assets/images/icon_calendar.svg) no-repeat left center;
        background-size: 2.3rem auto;
        font-size: 1.4rem;
        letter-spacing: .01em
    }
}

.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._additional_text3,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._additional_text3,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._additional_text3,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._additional_text3 {
    background: url(/service/assets/images/icon_time.svg) no-repeat left center;
    background-size: 2.2rem auto;
    font-size: 1.5rem;
    font-weight: 700;
    color: #686868;
    padding: 0 0 0 3.5rem;
    margin: 0 0 1rem 0
}

@media(max-width: 768px) {
    .underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._additional_text3,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._additional_text3,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._additional_text3,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._additional_text3 {
        font-size:1.4rem;
        letter-spacing: .01em
    }
}

.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._display_text3 ul,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._display_text3 ul,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._display_text3 ul,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._display_text3 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .44rem
}

.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._display_text3 ul a,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._display_text3 ul a,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._display_text3 ul a,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._display_text3 ul a {
    display: inline-block;
    background: #fff;
    font-size: 1.4rem;
    line-height: 2.4rem;
    padding: .3rem 1.3rem;
    border-radius: 5rem;
    border: solid 1px #dcdcdc
}

@media(min-width: 769px) {
    .underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._display_text3 ul a:hover,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._display_text3 ul a:hover,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._display_text3 ul a:hover,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._layoutgroup2_1 ._display_text3 ul a:hover {
        background:#dcdcdc
    }
}

.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 3rem 0 0;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

@media(max-width: 768px) {
    .underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0
    }
}

.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text41,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text41,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text41,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text41 {
    position: relative;
    width: 21rem;
    background: #d4ebfc url(../../assets/images/icon_mark.svg) no-repeat left 2.2rem center;
    background-size: 3.6rem auto;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.5rem;
    padding: 3.4rem 0 3.4rem 5.6rem;
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 768px) {
    .underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text41,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text41,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text41,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text41 {
        display:block;
        width: 100%;
        padding: 1.5rem 0 1.5rem 3rem;
        background: #d4ebfc url(../../assets/images/icon_mark.svg) no-repeat left 1.4rem center
    }
}

.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text41 span,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text41 span,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text41 span,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text41 span {
    display: block;
    font-size: 1.3rem;
    line-height: 1.3rem
}

@media(max-width: 768px) {
    .underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text41 span,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text41 span,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text41 span,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text41 span {
        display:inline;
        margin: 0 0rem 0 0;
        font-size: 1.7rem
    }
}

.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text41 .item__understandTtl,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text41 .item__understandTtl,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text41 .item__understandTtl,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text41 .item__understandTtl {
    display: inline-block;
    width: 13rem
}

@media(max-width: 768px) {
    .underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text41 .item__understandTtl,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text41 .item__understandTtl,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text41 .item__understandTtl,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text41 .item__understandTtl {
        width:auto
    }
}

.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text41:before,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text41:before,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text41:before,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text41:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -1rem;
    border: 1rem solid rgba(0,0,0,0);
    border-left: 1rem solid #d4ebfc
}

@media(max-width: 768px) {
    .underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text41:before,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text41:before,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text41:before,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text41:before {
        content:"";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -2rem;
        border: 2rem solid rgba(0,0,0,0);
        border-top: 2rem solid #d4ebfc
    }
}

.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    padding: 2rem 3rem 2rem 3.5rem;
    font-size: 1.5rem;
    line-height: 2.7rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(max-width: 768px) {
    .underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 2rem 2rem;
        margin: 0 0 1.6rem;
        margin: 0
    }
}

.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text8,.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text9,.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text10,.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text11,.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text12,.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text13,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text8,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text9,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text10,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text11,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text12,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text13,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text8,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text9,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text10,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text11,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text12,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text13,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text8,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text9,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text10,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text11,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text12,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text13 {
    position: relative;
    padding: 0 0 0 2.3rem;
    text-align: left;
    width: 100%
}

@media(max-width: 768px) {
    .underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text8,.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text9,.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text10,.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text11,.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text12,.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text13,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text8,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text9,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text10,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text11,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text12,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text13,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text8,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text9,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text10,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text11,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text12,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text13,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text8,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text9,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text10,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text11,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text12,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text13 {
        margin:0 0 .7rem;
        line-height: 2.4rem
    }
}

.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text8:before,.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text9:before,.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text10:before,.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text11:before,.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text12:before,.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text13:before,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text8:before,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text9:before,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text10:before,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text11:before,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text12:before,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text13:before,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text8:before,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text9:before,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text10:before,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text11:before,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text12:before,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text13:before,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text8:before,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text9:before,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text10:before,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text11:before,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text12:before,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text13:before {
    content: "";
    position: absolute;
    top: .7rem;
    left: 0;
    bottom: 0;
    display: block;
    width: .8rem;
    height: 1.2rem;
    border-right: 3px solid #d5c800;
    border-bottom: 3px solid #d5c800;
    -webkit-transform: rotate(42deg);
    transform: rotate(42deg)
}

@media(max-width: 768px) {
    .underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text8:before,.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text9:before,.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text10:before,.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text11:before,.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text12:before,.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text13:before,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text8:before,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text9:before,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text10:before,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text11:before,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text12:before,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text13:before,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text8:before,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text9:before,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text10:before,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text11:before,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text12:before,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text13:before,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text8:before,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text9:before,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text10:before,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text11:before,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text12:before,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._layoutgroup3_1 ._display_text13:before {
        top:.6rem;
        margin: inherit
    }
}

.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text42,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text42,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text42,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text42 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 768px) {
    .underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text42,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text42,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text42,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text42 {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0 0 3rem 0
    }
}

.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text42 a,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text42 a,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text42 a,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text42 a {
    position: relative;
    top: 0rem;
    font-size: 1.6rem;
    font-weight: 700;
    display: block;
    width: 20.4rem;
    background: #2f79b1;
    -webkit-box-shadow: 0 .3rem 0 #005691;
    box-shadow: 0 .3rem 0 #005691;
    border-radius: .5rem;
    color: #fff;
    text-align: center;
    padding: .6rem 1.2rem .6rem 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media(max-width: 768px) {
    .underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text42 a,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text42 a,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text42 a,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text42 a {
        font-size:1.5rem
    }
}

.underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text42 a:after,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text42 a:after,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text42 a:after,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text42 a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 2.1rem;
    bottom: 0;
    margin: auto;
    width: .5rem;
    height: .5rem;
    -webkit-transform: translateX(0%) rotate(-45deg);
    transform: translateX(0%) rotate(-45deg);
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media(min-width: 769px) {
    .underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text42 a:hover,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text42 a:hover,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text42 a:hover,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text42 a:hover {
        background-color:#4e95cb;
        top: .3rem;
        -webkit-box-shadow: 0 0 0 #005691;
        box-shadow: 0 0 0 #005691;
        color: #fff
    }

    .underlayer.underlayerSeminar.underlayerSeminarVideo ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text42 a:hover:after,.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text42 a:hover:after,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text42 a:hover:after,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text42 a:hover:after {
        right: 1.7rem
    }
}

._extraresults {
    text-align: center;
    margin: auto;
    width: 15.9rem;
    position: relative
}

._extraresults button {
    position: relative;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.1rem;
    color: var(--colorMain);
    border: solid 1px var(--colorMain);
    background: #fff;
    border-radius: .5rem;
    padding: 1.2rem 4.4rem 1.2rem 2.8rem;
    text-decoration: none !important
}

@media(min-width: 769px) {
    ._extraresults button:hover {
        color:#fff !important;
        background: var(--colorMain)
    }
}

._extraresults_btn:after {
    content: "";
    position: absolute;
    top: 0;
    right: 2.2rem;
    bottom: 0;
    margin: auto;
    display: block;
    width: .5rem;
    height: .5rem;
    border-left: solid 1px var(--colorMain);
    border-bottom: solid 1px var(--colorMain);
    -webkit-transform: rotate(-134deg);
    transform: rotate(-134deg);
    -webkit-transition: all ease .2s;
    transition: all ease .2s;
    top: -0.2rem;
    right: 2.5rem;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media(min-width: 769px) {
    ._extraresults_btn:hover:after {
        border-left:solid 1px #fff;
        border-bottom: solid 1px #fff
    }
}

.search__block ._sitesearch_component {
    text-align: left
}

.search__block ._sitesearch_component ._sitesearch_component ._attributegroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: solid 2px #f1f7fb
}

@media(max-width: 768px) {
    .search__block ._sitesearch_component ._sitesearch_component ._attributegroup {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.search__block ._sitesearch_component ._sitesearch_component ._attributegroup ._group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #dfecf5;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.4rem;
    width: 24rem;
    padding: 0 0 0 2rem
}

@media(max-width: 768px) {
    .search__block ._sitesearch_component ._sitesearch_component ._attributegroup ._group {
        width:100%;
        border: none;
        padding: 1rem 2rem
    }
}

.search__block ._sitesearch_component ._sitesearch_component ._attributegroup ._attributes {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #f1f6f9;
    padding: 2rem 2.5rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem;
    background: #fff
}

@media(max-width: 768px) {
    .search__block ._sitesearch_component ._sitesearch_component ._attributegroup ._attributes {
        padding:1.6rem 2rem
    }
}

.search__block ._sitesearch_component ._sitesearch_component ._attributegroup ._attributes label {
    position: relative;
    background: #fff;
    display: inline-block;
    text-align: left
}

@media(max-width: 768px) {
    .search__block ._sitesearch_component ._sitesearch_component ._attributegroup ._attributes label {
        line-height:1.8
    }
}

.search__block ._sitesearch_component ._sitesearch_component ._attributegroup ._attributes ._attribute input[type=checkbox] {
    display: none
}

.search__block ._sitesearch_component ._sitesearch_component ._attributegroup ._attributes ._label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    text-align: left
}

@media(max-width: 768px) {
    .search__block ._sitesearch_component ._sitesearch_component ._attributegroup ._attributes ._label {
        display:inline
    }
}

.search__block ._sitesearch_component ._sitesearch_component ._attributegroup ._attributes ._count {
    display: inline
}

.search__block ._sitesearch_component ._sitesearch_component ._attributegroup ._attributes ._label::before {
    content: "";
    position: absolute;
    top: 0;
    left: -2.5rem;
    bottom: 0;
    display: block;
    width: 2rem;
    height: 2rem;
    background: #fff;
    border: 1px solid #d2d4d6;
    margin: auto;
    bottom: auto;
    top: .2rem
}

.search__block ._sitesearch_component ._sitesearch_component ._attributegroup ._attributes ._label::after {
    content: "";
    position: absolute;
    top: -0.4rem;
    left: -1.9rem;
    bottom: 0;
    display: block;
    width: .7rem;
    height: 1.3rem;
    border-right: .3rem solid #fff;
    border-bottom: .3rem solid #fff;
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    margin: auto;
    opacity: 0;
    bottom: auto;
    top: .25em
}

.search__block ._sitesearch_component ._sitesearch_component ._attributegroup ._attributes ._attribute input[type=checkbox]:checked+span::before {
    background: #204f74;
    border: 1px solid #204f74
}

.search__block ._sitesearch_component ._sitesearch_component ._attributegroup ._attributes ._attribute input[type=checkbox]:checked+span::after {
    opacity: 1
}

.search__block ._sitesearch_component .searchblock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(max-width: 768px) {
    .search__block ._sitesearch_component .searchblock {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

.search__block ._sitesearch_component .searchblock .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #dfecf5;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.4rem;
    width: 24rem;
    padding: 0 0 0 2rem
}

@media(max-width: 768px) {
    .search__block ._sitesearch_component .searchblock .head {
        width:100%;
        border: none;
        padding: 1rem 2rem
    }
}

.search__block ._sitesearch_component .searchblock .contents {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #fff;
    padding: 2rem 2.5rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem
}

.search__block ._sitesearch_component .searchblock ._attributegroup ._group {
    background: none;
    font-size: 1.6rem;
    font-weight: 500;
    width: 8.9rem;
    border: none;
    padding: 0
}

@media(max-width: 768px) {
    .search__block ._sitesearch_component .searchblock ._attributegroup ._group {
        margin:0 0 1rem
    }
}

.search__block ._sitesearch_component .searchblock {
    border-bottom: solid 2px #f1f7fb
}

.search__block ._sitesearch_component .searchblock ._attributegroup ._attributes {
    padding: 0
}

.search__block ._sitesearch_component .searchblock ._attributegroup {
    border-bottom: none
}

.search__block ._sitesearch_component .searchblock ._sitesearch_component {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-image: linear-gradient(to right, #A9ADAF 2px, transparent 2px);
    background-size: .7rem .2rem;
    background-repeat: repeat-x;
    background-position: left bottom;
    padding: 0 0 2rem 0;
    margin: 0 0 1.2rem 0;
    width: 100%;
    border-bottom: none
}

@media(max-width: 768px) {
    .search__block ._sitesearch_component .searchblock ._sitesearch_component {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.search__block ._sitesearch_component .searchblock ._sitesearch_component:last-of-type {
    background-image: none;
    padding: 0;
    margin: 0
}

.search__block ._sitesearch_component .searchblock ._attributes label {
    background: none;
    padding: 0 0 0 4.5rem;
    text-align: left
}

@media(max-width: 768px) {
    .search__block ._sitesearch_component .searchblock ._attributes label {
        padding:0 0 0 3rem
    }
}

.search__block ._sitesearch_component .searchblock input {
    border: 1px solid #d0d6db;
    background: #fff;
    width: 100%;
    border-radius: .3rem;
    font-size: 1.6rem;
    padding: .9rem 1.7rem .9rem 1.7rem;
    text-align: left
}

._sitesearch_component {
    text-align: center
}

._sitesearch_component button {
    margin: 1.8rem auto 0;
    width: 15.8rem;
    display: block;
    font-size: 1.5rem;
    color: #204f74;
    text-decoration: underline;
    text-align: center
}

@media(min-width: 769px) {
    ._sitesearch_component button:hover {
        text-decoration:none
    }
}

.search__block ._sitesearch_component ._attributegroup ._attributes ._attribute {
    margin-right: 2rem
}

.search__block ._sitesearch_component .searchblock ._attributegroup ._attributes ._attribute label {
    padding: 0
}

.search__block ._sitesearch_component .searchblock ._attributegroup ._attributes ._attribute ._label {
    padding: 0 0 0 2.5rem
}

.search__block ._sitesearch_component .searchblock ._attributegroup ._attributes ._attribute ._label::after {
    left: .6rem
}

.search__block ._sitesearch_component .searchblock ._attributegroup ._attributes ._attribute ._label::before {
    left: 0
}

.search__block ._sitesearch_component .searchbutton .submit {
    position: relative;
    top: 0;
    font-size: 1.8rem;
    font-weight: 700;
    display: block;
    width: 23.4rem;
    background: #2f79b1;
    -webkit-box-shadow: 0 .3rem 0 #005691;
    box-shadow: 0 .3rem 0 #005691;
    border-radius: .5rem;
    color: #fff;
    text-align: center;
    padding: .6rem 1.2rem .6rem 0;
    padding: .6rem 0rem .6rem 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin: 2rem auto 0
}

@media(min-width: 769px) {
    .search__block ._sitesearch_component .searchbutton .submit:hover {
        background:#4e95cb;
        top: .3rem;
        -webkit-box-shadow: 0 0 0 #005691;
        box-shadow: 0 0 0 #005691;
        color: #fff
    }
}

.search__block ._popfind_component {
    display: block;
    border-top: 1px solid #cfd9df;
    padding-top: 3rem;
    margin-top: 3rem;
    margin-bottom: 0
}

@media(max-width: 768px) {
    .search__block ._popfind_component {
        margin:0 0 2.6rem 0
    }
}

.search__block ._popfind_component ._label {
    position: relative;
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 2.5rem;
    padding: 0 0 0 1.5rem;
    margin: 0 0 1rem 0;
    letter-spacing: .05rem
}

@media(max-width: 768px) {
    .search__block ._popfind_component ._label {
        margin:0 0 1.2rem 0;
        font-size: 1.6rem;
        line-height: 2.4rem;
        letter-spacing: .02rem
    }
}

.search__block ._popfind_component ._label:before {
    content: "";
    position: absolute;
    top: .45rem;
    left: 0;
    bottom: 0;
    margin: auto;
    width: .4rem;
    height: .4rem;
    background: var(--colorMain);
    border-radius: 50%
}

.search__block ._popfind_component ._word a {
    padding: 0;
    border: none;
    border-radius: 0;
    text-decoration: underline;
    color: var(--colorMain);
    background-color: rgba(0,0,0,0)
}

@media(min-width: 769px) {
    .search__block ._popfind_component ._word a:hover {
        text-decoration:none
    }
}

.search__block ._popfind_component ._keywords {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem
}

.search__block ._popfind_component ._keywords ._keyword_1,.search__block ._popfind_component ._keywords ._keyword_2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._thumbnail {
    border-radius: .5rem
}

.seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._thumbnail a img,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._thumbnail a img,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._thumbnail a img {
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

@media(min-width: 769px) {
    .seminar_first_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._thumbnail a:hover img,.seminar_second_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._thumbnail a:hover img,.seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup2 ._thumbnail a:hover img {
        opacity:.9;
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }
}

.underlayerSeminar .popularity__card .streaming .item__tag {
    display: inline-block
}

.underlayerSeminar .popularity__card .streaming .item__tag li a {
    display: inline-block;
    width: auto;
    margin: 0 0 .5rem 0
}

@media(max-width: 768px) {
    ._sitesearch_component ._searchresults ._items ._item ._layoutgroup3 ._display_text41 .item__understandTtl {
        text-align:left
    }
}

.linkBtn.extra_btn {
    width: var(--innerW);
    margin: 4.3rem auto 7.8rem
}

@media(max-width: 768px) {
    .linkBtn.extra_btn {
        width:100%;
        margin: 4.3rem auto 6rem
    }
}

.linkBtn.extra_btn .area {
    width: 68.8rem
}

@media(max-width: 768px) {
    .linkBtn.extra_btn .area {
        width:100%
    }
}

.underlayerSeminarSingle .overview+.linkBtn.extra_btn .area {
    width: auto
}

.underlayerSeminar .tabBox .pdf_areas {
    position: absolute;
    margin: auto;
    width: var(--innerW);
    left: 0;
    right: 0
}

.underlayerSeminar .tabBox .pdf_areas p {
    position: relative
}

.underlayerSeminar .tabBox .pdf_areas p a {
    text-decoration: underline;
    font-size: 1.6rem;
    line-height: 2.4rem;
    letter-spacing: .02rem;
    color: var(--colorMain);
    margin: 0 2.3rem 0 0;
    padding: 0 3rem 0 0;
    background: url(../../assets/images/icon_pdf_2.svg) no-repeat right center;
    background-size: 2.3rem 2.5rem;
    position: absolute;
    right: 0;
    top: .8rem;
    right: 1rem
}

@media(min-width: 769px) {
    .underlayerSeminar .tabBox .pdf_areas p a:hover {
        text-decoration:none
    }
}

@media(max-width: 768px) {
    .underlayerSeminar .tabBox.seminar_first_block .pdf_areas,.underlayerSeminar .tabBox.seminar_three_block .pdf_areas {
        width:100%;
        position: relative;
        padding: 0 2rem;
        margin: 0 0 2rem 0
    }

    .underlayerSeminar .tabBox.seminar_first_block .pdf_areas p,.underlayerSeminar .tabBox.seminar_three_block .pdf_areas p {
        line-height: 1.8
    }

    .underlayerSeminar .tabBox.seminar_first_block .pdf_areas p a,.underlayerSeminar .tabBox.seminar_three_block .pdf_areas p a {
        position: relative;
        top: auto;
        right: auto
    }
}

.underlayerSeminarVideo .archive .setting {
    margin: 0 0 5rem 0;
    background: #fff;
    border-radius: .3rem;
    padding: 2.8rem
}

@media(max-width: 768px) {
    .underlayerSeminarVideo .archive .setting {
        padding:2rem
    }
}

.popularity .inner .popularity__card.popularity__seminar ._sitesearch_component ._searchresults ._items ._item ._wrap {
    position: relative;
    width: 34rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(max-width: 768px) {
    .popularity .inner .popularity__card.popularity__seminar ._sitesearch_component ._searchresults ._items ._item ._wrap {
        width:100%
    }
}

.popularity .inner .popularity__card.popularity__seminar ._sitesearch_component ._searchresults ._items ._item ._wrap ._thumbnail {
    width: 34rem;
    height: 20.8rem;
    overflow: hidden;
    margin: 0 0 .8rem 0;
    border-radius: .5rem;
    border: 1px solid #d8d8d8
}

@media(max-width: 768px) {
    .popularity .inner .popularity__card.popularity__seminar ._sitesearch_component ._searchresults ._items ._item ._wrap ._thumbnail {
        width:100%
    }
}

.popularity .inner .popularity__card.popularity__seminar ._sitesearch_component ._searchresults ._items ._item ._wrap ._thumbnail img {
    width: 34rem;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

.popularity .inner .popularity__card.popularity__seminar ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text4 button {
    position: absolute;
    top: 23rem;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 3.4rem;
    height: 3.4rem;
    background: #f1f1f1;
    border-radius: 100%;
    z-index: 5;
    -webkit-transition: all .4s;
    transition: all .4s;
    margin: 0
}

.popularity .inner .popularity__card.popularity__seminar ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text4 button svg {
    width: 1.307rem;
    height: 1.14rem
}

.popularity .inner .popularity__card.popularity__seminar ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text4 button svg use {
    fill: #d56272;
    stroke: #d56272
}

.popularity .inner .popularity__card.popularity__seminar ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text4 button.isActive {
    background: #d56272
}

.popularity .inner .popularity__card.popularity__seminar ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text4 button.isActive svg use {
    fill: #fff;
    stroke: #fff
}

@media(min-width: 769px) {
    .popularity .inner .popularity__card.popularity__seminar ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text4 button:hover {
        background:#d3d3d3
    }
}

.recommend .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text6 ul {
    gap: .2rem
}

.recommend .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._display_text6 ul li {
    border: none
}

.recommend .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup3 ul li {
    border: none;
    padding: 0
}

.underlayerSeminar .archive__nowTtl {
    display: none
}

.underlayerSeminar .archive__nowBtn p {
    border: none;
    position: relative
}

.underlayerSeminar .archive__nowBtn p:before {
    content: "現在の検索条件：";
    font-weight: bold
}

.applicationForm__item .item__contentTtl {
    font-size: 1.8rem;
    line-height: 1.8
}

@media(max-width: 768px) {
    .applicationForm__item .item__contentTtl {
        font-size:1.7rem
    }
}

.applicationForm--confirm .applicationForm__side .information__content .item__ttl {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 3.2rem
}

@media(max-width: 768px) {
    .applicationForm--confirm .applicationForm__side .information__content .item__ttl {
        font-size:1.7rem;
        line-height: 2.7rem
    }
}

@media(max-width: 768px) {
    .applicationForm--confirm .applicationForm__side dl dd {
        min-height:auto !important
    }

    .applicationForm--confirm .applicationForm__side .information .additionArea__btn {
        padding: .8rem 5.4rem
    }

    .popularity .inner .popularity__card.popularity__seminar ._sitesearch_component ._searchresults ._items ._item ._wrap ._thumbnail img {
        width: 100%
    }

    .popularity .inner .popularity__card.popularity__seminar ._sitesearch_component ._searchresults ._items ._item ._wrap ._thumbnail {
        height: 20.8rem
    }
}

.underlayerSeminar .archive .setting a._reset {
    text-align: center;
    margin: 1.8rem auto 0;
    display: block;
    font-size: 1.5rem;
    color: #204f74;
    text-decoration: underline
}

@media(min-width: 769px) {
    .underlayerSeminar .archive .setting a._reset:hover {
        text-decoration:none
    }
}

.popularity .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._text {
    padding: 0 3.5rem 0 0
}

@media(max-width: 768px) {
    .seminar_three_block ._sitesearch_component ._searchresults ._items ._item ._layoutgroup1 {
        top:21.2rem
    }
}

html.fixed,body.fixed {
    overflow: hidden
}

.mainvisualBackground--service::after {
    background-image: url(../../assets/images/service_mv_bg.webp);
    background-size: 83.3rem;
    background-position: right top;
    mix-blend-mode: multiply
}

.mainvisualBackground--service .archive__now {
    margin: 0 0 1rem 0
}

.mainvisualBackground--service .archive__nowTtl {
    position: relative;
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 2.7rem;
    letter-spacing: .04rem;
    padding: 0 0 0 1.5rem;
    margin: 0 0 .8rem 0
}

.mainvisualBackground--service .archive__nowTtl::before {
    content: "";
    position: absolute;
    top: .45rem;
    left: 0;
    bottom: 0;
    margin: auto;
    width: .4rem;
    height: .4rem;
    background: var(--colorMain);
    border-radius: 50%
}

.mainvisualBackground--service .archive__nowBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mainvisualBackground--service .archive__nowBtn p {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    width: 100%;
    background: #fff;
    border-top: solid 1px #aec2d5;
    border-left: solid 1px #aec2d5;
    border-bottom: solid 1px #aec2d5;
    font-size: 1.6rem;
    line-height: 2.4rem;
    letter-spacing: .02rem;
    padding: 1.7rem 1.9rem;
    border-radius: .5rem 0 0 .5rem
}

.mainvisualBackground--service .archive__nowBtn button {
    position: relative;
    width: 19.8rem;
    background: var(--colorMain);
    color: #fff;
    font-size: 1.6rem;
    line-height: 2.4rem;
    letter-spacing: .02rem;
    border-radius: .5rem;
    text-align: center;
    padding: 0 2.5rem 0 0
}

.mainvisualBackground--service .archive__nowBtn button::after {
    content: "";
    position: absolute;
    top: 0;
    right: 2rem;
    bottom: 0;
    margin: auto;
    width: 1.5rem;
    height: 1.5rem;
    background: url(../../assets/images/icon_search.svg) no-repeat center center/contain
}

.mainvisualBackground--service .archive .setting {
    display: none;
    margin: 0 0 5rem 0;
    background: #fff;
    border-radius: .3rem;
    padding: 1.8rem 2rem 2.6rem 2rem
}

.mainvisualBackground--service .archive .setting dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: solid 2px #fff
}

.mainvisualBackground--service .archive .setting dl:nth-child(2) dd {
    padding: 2.8rem 2.8rem 2.8rem 3.2rem
}

.mainvisualBackground--service .archive .setting dl dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #dfecf5;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.4rem;
    width: 24rem;
    border-right: solid 2px #fff;
    padding: 0 0 0 2rem
}

.mainvisualBackground--service .archive .setting dl dd {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #f1f6f9;
    padding: 1.6rem 2.2rem;
    font-size: 1.6rem;
    line-height: 2.4rem
}

.mainvisualBackground--service .archive .setting dl dd .label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem
}

.mainvisualBackground--service .archive .setting dl dd .label li input {
    display: none
}

.mainvisualBackground--service .archive .setting dl dd .label li input:checked+label::before {
    background: #204f74
}

.mainvisualBackground--service .archive .setting dl dd .label li input:checked+label::after {
    opacity: 1
}

.mainvisualBackground--service .archive .setting dl dd .label li label {
    position: relative;
    background: #fff;
    padding: .9rem .9rem .9rem 3.9rem;
    display: block
}

.mainvisualBackground--service .archive .setting dl dd .label li label::before {
    content: "";
    position: absolute;
    top: 0;
    left: 1rem;
    bottom: 0;
    display: block;
    width: 2rem;
    height: 2rem;
    background: #fff;
    border: 1px solid #d2d4d6;
    margin: auto
}

.mainvisualBackground--service .archive .setting dl dd .label li label::after {
    content: "";
    position: absolute;
    top: -0.4rem;
    left: 1.7rem;
    bottom: 0;
    display: block;
    width: .7rem;
    height: 1.3rem;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    margin: auto;
    opacity: 0
}

.mainvisualBackground--service .archive .setting dl dd .mass {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-image: linear-gradient(to right, #A9ADAF 2px, transparent 2px);
    background-size: 7px 2px;
    background-repeat: repeat-x;
    background-position: left bottom;
    padding: 0 0 2rem 0;
    margin: 0 0 1.5rem 0
}

.mainvisualBackground--service .archive .setting dl dd .mass:last-child {
    padding: 0;
    margin: 0;
    background: none
}

.mainvisualBackground--service .archive .setting dl dd .mass p {
    font-size: 1.6rem;
    font-weight: 500;
    width: 8.9rem
}

.mainvisualBackground--service .archive .setting dl dd .mass ul {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem 1.3rem
}

.mainvisualBackground--service .archive .setting dl dd .mass ul li input {
    display: none
}

.mainvisualBackground--service .archive .setting dl dd .mass ul li input:checked+label::before {
    background: #204f74
}

.mainvisualBackground--service .archive .setting dl dd .mass ul li input:checked+label::after {
    opacity: 1
}

.mainvisualBackground--service .archive .setting dl dd .mass ul li label {
    position: relative;
    padding: 0 0 0 2.9rem;
    display: block
}

.mainvisualBackground--service .archive .setting dl dd .mass ul li label::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: block;
    width: 2rem;
    height: 2rem;
    background: #fff;
    border: 1px solid #d2d4d6;
    margin: auto
}

.mainvisualBackground--service .archive .setting dl dd .mass ul li label::after {
    content: "";
    position: absolute;
    top: -0.4rem;
    left: .7rem;
    bottom: 0;
    display: block;
    width: .7rem;
    height: 1.3rem;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    margin: auto;
    opacity: 0
}

.mainvisualBackground--service .archive .setting dl dd input {
    background: #fff;
    width: 100%;
    border-radius: .3rem;
    font-size: 1.6rem;
    padding: .9rem 0 .9rem 1.7rem
}

.mainvisualBackground--service .archive .setting dl dd input::-webkit-input-placeholder {
    color: #dfdfdf
}

.mainvisualBackground--service .archive .setting dl dd input::-moz-placeholder {
    color: #dfdfdf
}

.mainvisualBackground--service .archive .setting dl dd input:-ms-input-placeholder {
    color: #dfdfdf
}

.mainvisualBackground--service .archive .setting dl dd input::-ms-input-placeholder {
    color: #dfdfdf
}

.mainvisualBackground--service .archive .setting dl dd input::placeholder {
    color: #dfdfdf
}

.mainvisualBackground--service .archive .setting .submit {
    position: relative;
    top: 0rem;
    font-size: 1.8rem;
    font-weight: 700;
    display: block;
    width: 23.4rem;
    background: #2f79b1;
    -webkit-box-shadow: 0 .3rem 0 #005691;
    box-shadow: 0 .3rem 0 #005691;
    border-radius: .5rem;
    color: #fff;
    text-align: center;
    padding: .6rem 1.2rem .6rem 0;
    padding: .6rem 0rem .6rem 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin: 2rem auto 0
}

@media(min-width: 769px) {
    .mainvisualBackground--service .archive .setting .submit:hover {
        background-color:#4e95cb;
        top: .3rem;
        -webkit-box-shadow: 0 0 0 #005691;
        box-shadow: 0 0 0 #005691
    }
}

.mainvisualBackground--service .archive .setting .reset {
    margin: 1.8rem auto 0;
    width: 13.8rem;
    display: block;
    font-size: 1.5rem;
    color: #204f74;
    text-decoration: underline
}

@media(min-width: 769px) {
    .mainvisualBackground--service .archive .setting .reset:hover {
        text-decoration:none
    }
}

.mainvisualBackground--service .archive__tab {
    position: relative;
    margin: 2.5rem 0 -4.5rem 0;
    z-index: 1
}

.mainvisualBackground--service .archive__tab::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    border-bottom: solid 1px var(--colorMain);
    z-index: 1
}

.mainvisualBackground--service .archive__tab ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .8rem
}

.mainvisualBackground--service .archive__tab ul.inner {
    position: static
}

.mainvisualBackground--service .archive__tab ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.mainvisualBackground--service .archive__tab ul li.isActive a {
    background: #fff;
    z-index: 2
}

.mainvisualBackground--service .archive__tab ul li a {
    position: relative;
    display: block;
    border-top: solid 1px var(--colorMain);
    border-left: solid 1px var(--colorMain);
    border-right: solid 1px var(--colorMain);
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.4rem;
    text-align: center;
    z-index: 0;
    -webkit-transition: all ease 0s;
    transition: all ease 0s;
    color: var(--colorMain);
    background: #e0ebf6;
    border-radius: .5rem .5rem 0 0;
    width: 15rem;
    padding: 1rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mainvisualBackground--service .archive__tab ul li a span.u-pc {
    background: none;
    padding: 0
}

@media(min-width: 769px) {
    .mainvisualBackground--service .archive__tab ul li a:hover {
        background:#fff;
        z-index: 2
    }
}

.underlayer .pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 6rem auto 0;
    position: relative;
    padding: 0 10rem
}

.underlayer .pagination__numbers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 1.5rem;
    margin: 0 auto
}

.underlayer .pagination__arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

.underlayer .pagination__arrow--next {
    right: 0
}

.underlayer .pagination__arrow--next a {
    padding: 0 1.3rem 0 0
}

.underlayer .pagination__arrow--next a::after {
    right: 2rem;
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg)
}

@media(min-width: 769px) {
    .underlayer .pagination__arrow--next a:hover {
        color:#fff;
        background: var(--colorMain)
    }

    .underlayer .pagination__arrow--next a:hover:after {
        color: #fff;
        border-right: solid 1px #fff;
        border-bottom: solid 1px #fff
    }
}

.underlayer .pagination__arrow--prev {
    left: 0
}

.underlayer .pagination__arrow--prev a {
    padding: 0 0 0 1.3rem
}

.underlayer .pagination__arrow--prev a::after {
    left: 2rem;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

@media(min-width: 769px) {
    .underlayer .pagination__arrow--prev a:hover {
        color:#fff;
        background: var(--colorMain)
    }

    .underlayer .pagination__arrow--prev a:hover:after {
        color: #fff;
        border-right: solid 1px #fff;
        border-bottom: solid 1px #fff
    }
}

.underlayer .pagination__arrow a {
    position: relative;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 9rem;
    height: 4.5rem;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1;
    color: var(--colorMain);
    border: solid 1px var(--colorMain)
}

.underlayer .pagination__arrow a::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: .5rem;
    height: .5rem;
    border-right: solid 1px var(--colorMain);
    border-bottom: solid 1px var(--colorMain)
}

.underlayer .pagination__number {
    width: 4.3rem;
    height: 4.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    font-size: 1.6rem;
    font-weight: bold;
    background-color: #f1f7fb;
    color: var(--colorMain);
    border-radius: 4px
}

.underlayer .pagination__number.isActive {
    background-color: var(--colorMain);
    color: #fff
}

@media(min-width: 769px) {
    .underlayer .pagination__number:hover {
        color:#fff;
        background: var(--colorMain)
    }
}

.search__block {
    margin-top: 3rem;
    font-size: 1.6rem;
    letter-spacing: 0
}

.search__blockSingle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.search__blockSingle:not(:last-child) {
    margin-bottom: .3rem
}

.search__blockSingle .head,.search__blockSingle .content {
    padding: 1.5rem 2.5rem
}

.search__blockSingle .head {
    background-color: #dfecf5;
    width: 28rem
}

.search__blockSingle .head p {
    font-weight: bold;
    font-size: 1.8rem
}

.search__blockSingle .head label {
    position: relative;
    padding: 0 0 0 2.5rem
}

.search__blockSingle .head label::before {
    border-color: var(--colorMain)
}

.search__blockSingle .content {
    background-color: #fff;
    width: calc(100% - 28rem)
}

.search__blockSingle .content ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.search__blockSingle .content ul li {
    margin-right: 2rem;
    margin-bottom: .2rem
}

.search__blockSingle .content dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.search__blockSingle .content dl dt {
    width: 9rem;
    font-weight: 500
}

.search__blockSingle .content dl dd {
    width: calc(100% - 9rem)
}

.search__blockSingle .content dl:not(:last-child) {
    border-bottom: 2px dotted #979797;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem
}

.search__blockSingle .content input {
    width: 100%
}

.search__blockSingle .content input[type=text] {
    border: 1px solid #d0d6db;
    border-radius: .3rem;
    background: #fff;
    width: 100%;
    border-radius: .3rem;
    font-size: 1.6rem;
    padding: .9rem 0 .9rem 1.7rem
}

.search__block input[type=checkbox] {
    display: none
}

.search__block input[type=checkbox]:checked+label {
    color: var(--colorMain);
    font-weight: 500
}

.search__block input[type=checkbox]:checked+label::before {
    border-color: var(--colorMain);
    background-color: var(--colorMain)
}

.search__block input[type=checkbox]:checked+label::after {
    opacity: 1
}

.search__block label {
    position: relative;
    padding: 0 0 0 2.5rem
}

.search__block label::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: block;
    width: 2rem;
    height: 2rem;
    background: #fff;
    border: 1px solid #d0d6db;
    margin: auto
}

.search__block label::after {
    content: "";
    position: absolute;
    top: -0.3rem;
    left: .6rem;
    bottom: 0;
    display: block;
    width: .8rem;
    height: 1.3rem;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg);
    margin: auto;
    opacity: 0
}

.search__blockBtn {
    margin-top: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.search__blockBtn .search {
    background: #2f79b1;
    display: block;
    border-bottom: .3rem solid #0f4771;
    border-radius: 1rem;
    color: #fff;
    font-weight: bold;
    padding: 1.5rem 5rem 1.5rem;
    line-height: 1;
    min-height: 5rem;
    margin-bottom: 1.5rem;
    -webkit-transition: all 0s;
    transition: all 0s;
    position: relative
}

.search__blockBtn .search span {
    font-size: 2.8rem
}

@media(min-width: 769px) {
    .search__blockBtn .search:hover {
        top:.3rem;
        border: none
    }
}

.search__blockBtn .reset {
    text-decoration: underline;
    color: var(--colorMain);
    font-size: 1.5rem
}

.search__blockBtn .reset:hover {
    text-decoration: none
}

.search__blockBtm:not(:last-child) {
    margin-bottom: 4rem
}

.search__block .service__freeConditions {
    display: block;
    border-top: 1px solid #cfd9df;
    padding-top: 3rem;
    margin-top: 3rem;
    margin-bottom: 0
}

.search__block .service__keywordList a {
    padding: 0;
    border: none;
    border-radius: 0;
    text-decoration: underline;
    color: var(--colorMain);
    background-color: rgba(0,0,0,0)
}

.search__block .service__keywordList a:hover {
    text-decoration: none
}

.mainvisualserviceDetail .breadcrumbs {
    background-color: #f1f7fb;
    margin-bottom: 0
}

.mainvisualserviceDetail .breadcrumbs ul {
    border-bottom: none
}

.mainvisualserviceDetailInner {
    position: relative;
    height: 44.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
}

.mainvisualserviceDetailInner a {
    color: #fff
}

.mainvisualserviceDetailInner::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/detailBg.webp) no-repeat right center/cover;
    mix-blend-mode: screen
}

.mainvisualserviceDetailInner.training {
    background-color: var(--trainingColorMain)
}

.mainvisualserviceDetailInner.training .serviceDetailMainvisual__cat {
    background-color: var(--trainingColorSub)
}

.mainvisualserviceDetailInner.consulting {
    background-color: var(--consultingColorMain)
}

.mainvisualserviceDetailInner.consulting .serviceDetailMainvisual__cat {
    background-color: var(--consultingColorSub)
}

.mainvisualserviceDetailInner.coaching {
    background-color: var(--coachingColorMain)
}

.mainvisualserviceDetailInner.coaching .serviceDetailMainvisual__cat {
    background-color: var(--coachingColorSub)
}

.mainvisualserviceDetailInner.assessment {
    background-color: var(--assessmentColorMain)
}

.mainvisualserviceDetailInner.assessment .serviceDetailMainvisual__cat {
    background-color: var(--assessmentColorSub)
}

.mainvisualserviceDetailInner.talent {
    background-color: var(--talentColorMain)
}

.mainvisualserviceDetailInner.talent .serviceDetailMainvisual__cat {
    background-color: var(--talentColorSub)
}

.mainvisualserviceDetail .serviceDetailMainvisual {
    position: relative;
    padding-right: 38rem;
    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
}

.mainvisualserviceDetail .serviceDetailMainvisual__cat {
    font-size: 1.6rem;
    font-weight: bold;
    padding: .7rem 1.7rem;
    line-height: 1;
    border-radius: 3px;
    margin-right: 1.5rem
}

.mainvisualserviceDetail .serviceDetailMainvisual__tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mainvisualserviceDetail .serviceDetailMainvisual__tag li {
    margin-right: 1rem
}

.mainvisualserviceDetail .serviceDetailMainvisual__tag a {
    text-decoration: underline
}

.mainvisualserviceDetail .serviceDetailMainvisual__tag a::before {
    content: "#"
}

.mainvisualserviceDetail .serviceDetailMainvisual__tag a:hover {
    text-decoration: none
}

.mainvisualserviceDetail .serviceDetailMainvisual__ttl {
    width: 100%;
    font-size: 4.6rem;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: .5rem;
    margin-top: 1.5rem
}

.mainvisualserviceDetail .serviceDetailMainvisual__ttl--en {
    font-weight: normal;
    width: 100%;
    margin: 1.5rem 0 0;
    font-size: 2.1rem;
    display: block
}

.mainvisualserviceDetail .serviceDetailMainvisual__disc {
    font-weight: 500;
    font-size: 1.8rem
}

.mainvisualserviceDetail .serviceDetailMainvisual__img {
    width: 37%;
    position: absolute;
    right: -2.7rem;
    top: 0;
    margin: auto
}

@media(min-width: 769px) {
    .mainvisualserviceDetail .serviceDetailMainvisual__img {
        top:50%;
        -webkit-transform: translate(0%, -50%);
        transform: translate(0%, -50%)
    }
}

.mainvisualserviceDetail .serviceDetailMainvisual__img img {
    width: 30rem;
    margin-left: auto
}

.underlayerService .archiveResults {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.underlayerService .archiveResults .select {
    position: relative
}

.underlayerService .archiveResults .select::after {
    content: "";
    position: absolute;
    top: 1.5rem;
    right: 1.9rem;
    bottom: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) var(--trainingColorSub);
    -webkit-transform: translateX(0%) rotate(90deg);
    transform: translateX(0%) rotate(90deg)
}

.underlayerService .archiveResults .select select {
    border: solid 1px #d0d6db;
    padding: .8rem 4.5rem .8rem 1.3rem;
    font-size: 1.5rem;
    line-height: 2.1rem;
    letter-spacing: .02rem;
    border-radius: .5rem
}

.underlayerService .underlayer__ttl {
    font-size: 4.2rem
}

.underlayerService .underlayer__ttl small {
    font-size: 1.8rem;
    font-weight: 400;
    margin-left: .8rem
}

.underlayerService .popularity__card figure {
    position: relative
}

.underlayerService .popularity__card div:not([class]) {
    margin-top: auto
}

@media(max-width: 768px) {
    .underlayerService .popularity__card .item {
        margin-bottom:0rem
    }
}

.underlayerService .popularity__card .item a {
    display: block;
    width: 100%
}

.underlayerService .popularity__card .item__areaTtl {
    padding-right: 4.2rem
}

.underlayerService .popularity__card .item__target {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1;
    font-size: 1.3rem;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.underlayerService .popularity__card .item__target li {
    margin-right: .5rem;
    margin-bottom: .4rem
}

.underlayerService .popularity__card .item__target li.leader,.underlayerService .popularity__card .item__target li.manager_k,.underlayerService .popularity__card .item__target li.manager_b,.underlayerService .popularity__card .item__target li.fresh,.underlayerService .popularity__card .item__target li.young,.underlayerService .popularity__card .item__target li.middle,.underlayerService .popularity__card .item__target li.green {
    display: block;
    padding: .5rem .8rem;
    border-radius: 3px;
    text-align: center
}

.underlayerService .popularity__card .item__target a {
    display: block;
    color: #2f79b1;
    border: 1px solid #2f79b1;
    padding: .5rem .8rem;
    border-radius: 3px;
    text-align: center
}

.underlayerService .popularity__card .item__target a.purple {
    border-color: #504964;
    color: #504964
}

.underlayerService .popularity__card .item__target a.red {
    border-color: #503d49;
    color: #503d49
}

.underlayerService .popularity__card .item__target a.blue {
    border-color: #1c3a4a;
    color: #1c3a4a
}

.underlayerService .popularity__card .item__target a.yellow {
    border-color: #6d4b28;
    color: #6d4b28
}

.underlayerService .popularity__card .item__target a.green {
    border-color: #395d6a;
    color: #395d6a
}

.underlayerService .popularity__card .item__target li.leader {
    border: 1px solid #504964;
    border-color: #504964;
    color: #504964
}

.underlayerService .popularity__card .item__target li.manager_k {
    border: 1px solid #503d49;
    border-color: #503d49;
    color: #503d49
}

.underlayerService .popularity__card .item__target li.manager_b {
    border: 1px solid #1c3a4a;
    border-color: #1c3a4a;
    color: #1c3a4a
}

.underlayerService .popularity__card .item__target li.fresh {
    border: 1px solid #51635f;
    border-color: #51635f;
    color: #51635f
}

.underlayerService .popularity__card .item__target li.young {
    border: 1px solid #516351;
    border-color: #516351;
    color: #516351
}

.underlayerService .popularity__card .item__target li.middle {
    border: 1px solid #635159;
    border-color: #635159;
    color: #635159
}

.underlayerService .popularity__card .item__target li.green {
    border-color: #395d6a;
    color: #395d6a
}

.underlayerService .popularity__card .item__tag {
    margin-top: 1.2rem
}

.underlayerService .popularity__card .item__tag:first-child {
    margin-top: 0
}

.underlayerService .popularity__card .item__hashtag {
    margin-top: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1.4
}

.underlayerService .popularity__card .item__hashtag li {
    margin-right: 1rem
}

.underlayerService .popularity__card .item__hashtag a {
    font-size: 1.4rem;
    color: var(--colorMain);
    text-decoration: underline
}

.underlayerService .popularity__card .item__hashtag a span::before {
    content: "#"
}

.underlayerService .popularity__card .item__hashtag a:hover {
    text-decoration: none
}

.underlayerService .popularity__card .pickup {
    color: #fff;
    background-color: #e14f6d;
    font-family: var(--fontEN);
    position: absolute;
    left: -1rem;
    top: -1rem;
    line-height: 1;
    font-size: 1.3rem;
    padding: .8rem 1.2rem;
    border-radius: 3rem
}

.underlayerService .popularity__card .icon__service {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 500;
    border-radius: .4rem;
    padding: .6rem 1.1rem;
    line-height: 1
}

.underlayerService .popularity__card .icon__service.coating {
    background-color: #9284be
}

.underlayerService .popularity__card .icon__service.tarent {
    background-color: #bb5548
}

.underlayerService .popularity__card .icon__service.training {
    background-color: #2087ce
}

.underlayerService .popularity__card .icon__service.assessment {
    background-color: #cc5c79
}

.underlayerService .popularity__card .icon__service.consulting {
    background-color: #10a485
}

.underlayerService .notfound {
    font-weight: bold;
    font-size: 2.1rem;
    text-align: center;
    background-color: #f5f5f5;
    padding: 3rem;
    width: 100%
}

.underlayerService .recommend .popularity__card {
    gap: 2.4rem
}

.underlayerService .recommend .item {
    width: 23.1818181818%
}

.underlayerService .recommend .item__areaTtl {
    padding-right: 0
}

.underlayerService .recommend .item__areaDay,.underlayerService .recommend .item__areaTime {
    margin-bottom: 1rem
}

.underlayerService .recommend .item__tag {
    margin-top: auto
}

.underlayerService .recommend .item__tag:first-child {
    margin-top: 0
}

.underlayerService .recommend .item__areaImg {
    width: 100%;
    height: 16.7rem
}

.underlayerService .recommend .item__areaImg img {
    width: 100%;
    height: 16.6rem;
    height: 100%
}

.underlayerService .checkList__block {
    padding-top: 4rem
}

@media(max-width: 768px) {
    .underlayerService .checkList__block {
        padding:0
    }
}

.underlayerService .checkList__block .item {
    width: 100%;
    margin-bottom: 5rem
}

.underlayerService .checkList__block .item>label,.underlayerService .checkList__block .item>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative
}

.underlayerService .checkList__block .item>label:hover .item__areaTtl,.underlayerService .checkList__block .item>a:hover .item__areaTtl {
    text-decoration: underline
}

.underlayerService .checkList__block .item>label {
    gap: 2.5rem
}

.underlayerService .checkList__block .item>a {
    gap: 4rem
}

.underlayerService .checkList__block .item__areaImg {
    width: 20rem;
    height: 13rem;
    position: relative
}

.underlayerService .checkList__block .item__areaImg img {
    width: 20rem;
    height: 13rem
}

.underlayerService .checkList__block .item__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    font-weight: 500
}

.underlayerService .checkList__block .item__content dt {
    background: var(--colorMain);
    font-size: 1.5rem;
    color: #fff;
    border-radius: 4px;
    padding: .6rem 1.1rem;
    line-height: 1
}

.underlayerService .checkList__block .item__content dt.coating {
    background-color: #9284be
}

.underlayerService .checkList__block .item__content dt.tarent {
    background-color: #bb5548
}

.underlayerService .checkList__block .item__content dt.training {
    background-color: #2087ce
}

.underlayerService .checkList__block .item__content dt.assessment {
    background-color: #cc5c79
}

.underlayerService .checkList__block .item__content dt.consulting {
    background-color: #10a485
}

.underlayerService .checkList__block .item__content dt.investigation {
    background-color: #004e81
}

.underlayerService .checkList__block .item__content dt.introduction_example {
    background-color: #334757
}

.underlayerService .checkList__block .item__content dt.m_seminar {
    background: url(../../assets/images/icon_recommend_movie.svg) no-repeat left .7rem center;
    background-size: 3.1rem 1.7rem;
    padding: .2rem .9rem .2rem 4.4rem;
    border: solid 1px #824880;
    color: #824880;
    line-height: 1.4
}

.underlayerService .checkList__block .item__content dt.o_seminar {
    background: url(../../assets/images/icon_recommend_live.svg) no-repeat left 1.2rem top .5rem;
    background-size: 5.1rem 1.6rem;
    padding: .2rem .9rem .2rem 6.9rem;
    border: solid 1px #298279;
    color: #298279;
    line-height: 1.4
}

.underlayerService .checkList__block .item__content dt.column {
    background-color: #bc4163
}

.underlayerService .checkList__block .item__content dd {
    display: inline-block;
    background: #fff;
    font-size: 1.4rem;
    line-height: 2rem;
    padding: .3rem 1.3rem;
    border-radius: 5rem;
    border: solid 1px #dcdcdc
}

.underlayerService .checkList__block .item__areaTtl {
    color: var(--colorMain);
    font-size: 2.4rem;
    font-weight: bold;
    padding-right: 0;
    margin-bottom: 1rem
}

.underlayerService .checkList__block .item__areaTxt {
    font-size: 1.6rem;
    line-height: 1.75;
    margin-bottom: 1rem
}

.underlayerService .checkList__block .item__cat {
    position: absolute;
    left: -0.5rem;
    top: 11.5rem;
    background-color: #fff;
    border-radius: 4px;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
    padding: .7rem
}

.underlayerService .checkList__block .item__target,.underlayerService .checkList__block .item__hashtag {
    margin: 1rem 0 0 auto
}

.underlayerService .checkList__block .item__target {
    margin: 0 0 0rem auto
}

.underlayerService .checkList__block input[type=checkbox] {
    display: none
}

.underlayerService .checkList__block input[type=checkbox]:checked+label .checkbox::before {
    border-color: var(--colorMain);
    background-color: var(--colorMain)
}

.underlayerService .checkList__block input[type=checkbox]:checked+label .checkbox::after {
    opacity: 1
}

.underlayerService .checkList__block .checkbox {
    position: relative;
    padding: 0 0 0 2.5rem
}

.underlayerService .checkList__block .checkbox::before {
    content: "";
    position: absolute;
    top: 4.5rem;
    left: 0;
    display: block;
    width: 2rem;
    height: 2rem;
    background: #fff;
    border: 1px solid #d0d6db;
    margin: auto
}

.underlayerService .checkList__block .checkbox::after {
    content: "";
    position: absolute;
    top: 4.6rem;
    left: .6rem;
    display: block;
    width: .8rem;
    height: 1.3rem;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg);
    margin: auto;
    opacity: 0
}

.underlayerService .favorite .item__txtWrap {
    width: calc(100% - 28rem)
}

.underlayerService .favorite .lead {
    font-weight: bold;
    font-size: 1.6rem;
    margin-bottom: 3rem
}

.underlayerService .favorite .check {
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.5rem;
    margin-bottom: 2.5rem
}

.underlayerService .favorite .check a {
    color: var(--colorMain);
    text-decoration: underline
}

.underlayerService .favorite .check a:hover {
    text-decoration: none
}

.underlayerService .favorite .check li {
    padding-right: 1.5rem
}

.underlayerService .favorite .check li:not(:last-child) {
    border-right: 1px dotted #b8b8b8
}

.underlayerService .favorite .support {
    background-color: #ecf3f9;
    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;
    padding: 3.5rem
}

.underlayerService .favorite .support p {
    margin-bottom: 1.5rem
}

.underlayerService .favorite .support a {
    background-color: #ff8c38;
    border-bottom: 4px solid #0f4771;
    border-radius: .8rem;
    font-weight: bold;
    font-size: 1.8rem;
    color: #fff;
    padding: 1.2rem 2.4rem 1.2rem 1.2rem;
    width: 25.6rem;
    display: block;
    text-align: center;
    position: relative
}

.underlayerService .favorite .support a::after {
    content: "";
    position: absolute;
    right: 2rem;
    top: 0;
    bottom: 0;
    margin: auto;
    width: .5rem;
    height: .5rem;
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff
}

.underlayerService .history .linkBtn {
    text-align: center
}

.underlayerService.underlayerService--detail.underlayer {
    padding-top: 0
}

.underlayerService.underlayerService--detail.training .article h2.color {
    border-bottom-color: var(--trainingColorSub)
}

.underlayerService.underlayerService--detail.training .article h3::before,.underlayerService.underlayerService--detail.training .article h4::before,.underlayerService.underlayerService--detail.training .article ul.check li::before,.underlayerService.underlayerService--detail.training .article ol li::before,.underlayerService.underlayerService--detail.training .article ul:not([class]) li::before {
    background-color: var(--trainingColorSub)
}

.underlayerService.underlayerService--detail.training .article hr {
    border-color: #b8c0c5
}

.underlayerService.underlayerService--detail.training .article__cont .nav {
    background-color: #dfecf5
}

.underlayerService.underlayerService--detail.training .article__cont,.underlayerService.underlayerService--detail.training .article__outlineCont {
    background: var(--trainingColorPale)
}

.underlayerService.underlayerService--detail .bgColor--training.dark {
    background-color: var(--trainingColorMain)
}

.underlayerService.underlayerService--detail .bgColor--training h2 {
    background-color: var(--trainingColorMain)
}

.underlayerService.underlayerService--detail .bgColor--training h2.color {
    background-image: url(../images/detail_head_bg_training.webp);
    border-bottom: 2px solid #126aa7;
    color: var(--trainingColorSub)
}

.underlayerService.underlayerService--detail .bgColor--training .article__outline table th {
    background-color: var(--trainingColorSub)
}

.underlayerService.underlayerService--detail.consulting .article h2.color {
    border-bottom-color: var(--consultingColorSub)
}

.underlayerService.underlayerService--detail.consulting .article h3::before,.underlayerService.underlayerService--detail.consulting .article h4::before,.underlayerService.underlayerService--detail.consulting .article ul.check li::before,.underlayerService.underlayerService--detail.consulting .article ol li::before,.underlayerService.underlayerService--detail.consulting .article ul:not([class]) li::before {
    background-color: var(--consultingColorSub)
}

.underlayerService.underlayerService--detail.consulting .article hr {
    border-color: #97c8be
}

.underlayerService.underlayerService--detail.consulting .article__cont .nav {
    background-color: #dbebe7
}

.underlayerService.underlayerService--detail.consulting .article__cont .nav ul li a {
    color: #024739
}

.underlayerService.underlayerService--detail.consulting .article__cont .nav ul li a::before {
    background-color: #024739
}

.underlayerService.underlayerService--detail.consulting .article__cont .nav ul li a::after {
    border-color: #024739
}

.underlayerService.underlayerService--detail.consulting .article__cont,.underlayerService.underlayerService--detail.consulting .article__outlineCont {
    background-color: var(--consultingColorPale)
}

.underlayerService.underlayerService--detail .bgColor--consulting.dark {
    background-color: var(--consultingColorMain)
}

.underlayerService.underlayerService--detail .bgColor--consulting h2 {
    background-color: var(--consultingColorMain)
}

.underlayerService.underlayerService--detail .bgColor--consulting h2.color {
    background-image: url(../images/detail_head_bg_consulting.webp);
    border-bottom: 2px solid var(--consultingColorSub);
    color: var(--consultingColorSub)
}

.underlayerService.underlayerService--detail .bgColor--consulting .article__outline table th {
    background-color: var(--consultingColorSub)
}

.underlayerService.underlayerService--detail.coaching .article h2.color {
    border-bottom-color: var(--coachingColorSub)
}

.underlayerService.underlayerService--detail.coaching .article h3::before,.underlayerService.underlayerService--detail.coaching .article h4::before,.underlayerService.underlayerService--detail.coaching .article ul.check li::before,.underlayerService.underlayerService--detail.coaching .article ol li::before,.underlayerService.underlayerService--detail.coaching .article ul:not([class]) li::before {
    background-color: var(--coachingColorSub)
}

.underlayerService.underlayerService--detail.coaching .article hr {
    border-color: #c2bfce
}

.underlayerService.underlayerService--detail.coaching .article__cont .nav {
    background-color: #e9e6f2
}

.underlayerService.underlayerService--detail.coaching .article__cont .nav ul li a {
    color: #281f44
}

.underlayerService.underlayerService--detail.coaching .article__cont .nav ul li a::before {
    background-color: #281f44
}

.underlayerService.underlayerService--detail.coaching .article__cont .nav ul li a::after {
    border-color: #281f44
}

.underlayerService.underlayerService--detail.coaching .article__cont,.underlayerService.underlayerService--detail.coaching .article__outlineCont {
    background-color: var(--coachingColorPale)
}

.underlayerService.underlayerService--detail .bgColor--coaching.dark {
    background-color: var(--coachingColorMain)
}

.underlayerService.underlayerService--detail .bgColor--coaching h2 {
    background-color: var(--coachingColorMain)
}

.underlayerService.underlayerService--detail .bgColor--coaching h2.color {
    background-image: url(../images/detail_head_bg_coaching.webp);
    border-bottom: 2px solid var(--coachingColorSub);
    color: var(--coachingColorSub)
}

.underlayerService.underlayerService--detail .bgColor--coaching .article__outline table th {
    background-color: var(--coachingColorSub)
}

.underlayerService.underlayerService--detail.assessment .article h2.color {
    border-bottom-color: var(--assessmentColorSub)
}

.underlayerService.underlayerService--detail.assessment .article h3::before,.underlayerService.underlayerService--detail.assessment .article h4::before,.underlayerService.underlayerService--detail.assessment .article ul.check li::before,.underlayerService.underlayerService--detail.assessment .article ol li::before,.underlayerService.underlayerService--detail.assessment .article ul:not([class]) li::before {
    background-color: var(--assessmentColorSub)
}

.underlayerService.underlayerService--detail.assessment .article hr {
    border-color: #e5d4d8
}

.underlayerService.underlayerService--detail.assessment .article__cont .nav {
    background-color: #f2e8eb
}

.underlayerService.underlayerService--detail.assessment .article__cont .nav ul li a {
    color: #441f2b
}

.underlayerService.underlayerService--detail.assessment .article__cont .nav ul li a::before {
    background-color: #441f2b
}

.underlayerService.underlayerService--detail.assessment .article__cont .nav ul li a::after {
    border-color: #441f2b
}

.underlayerService.underlayerService--detail.assessment .article__cont,.underlayerService.underlayerService--detail.assessment .article__outlineCont {
    background-color: var(--assessmentColorPale)
}

.underlayerService.underlayerService--detail .bgColor--assessment.dark {
    background-color: var(--assessmentColorMain)
}

.underlayerService.underlayerService--detail .bgColor--assessment h2 {
    background-color: var(--assessmentColorMain)
}

.underlayerService.underlayerService--detail .bgColor--assessment h2.color {
    background-image: url(../images/detail_head_bg_assessment.webp);
    border-bottom: 2px solid var(--assessmentColorSub);
    color: var(--assessmentColorSub)
}

.underlayerService.underlayerService--detail .bgColor--assessment .article__outline table th {
    background-color: var(--assessmentColorSub)
}

.underlayerService.underlayerService--detail.talent .article h2.color {
    border-bottom-color: var(--talentColorSub)
}

.underlayerService.underlayerService--detail.talent .article h3::before,.underlayerService.underlayerService--detail.talent .article h4::before,.underlayerService.underlayerService--detail.talent .article ul.check li::before,.underlayerService.underlayerService--detail.talent .article ol li::before,.underlayerService.underlayerService--detail.talent .article ul:not([class]) li::before {
    background-color: var(--talentColorSub)
}

.underlayerService.underlayerService--detail.talent .article hr {
    border-color: #e5d4d8
}

.underlayerService.underlayerService--detail.talent .article__cont .nav {
    background-color: #f8e6e4
}

.underlayerService.underlayerService--detail.talent .article__cont .nav ul li a {
    color: #33100b
}

.underlayerService.underlayerService--detail.talent .article__cont .nav ul li a::before {
    background-color: #33100b
}

.underlayerService.underlayerService--detail.talent .article__cont .nav ul li a::after {
    border-color: #33100b
}

.underlayerService.underlayerService--detail.talent .article__cont,.underlayerService.underlayerService--detail.talent .article__outlineCont {
    background-color: var(--talentColorPale)
}

.underlayerService.underlayerService--detail .bgColor--talent.dark {
    background-color: var(--talentColorMain)
}

.underlayerService.underlayerService--detail .bgColor--talent h2 {
    background-color: var(--talentColorMain)
}

.underlayerService.underlayerService--detail .bgColor--talent h2.color {
    background-image: url(../images/detail_head_bg_talent.webp);
    border-bottom: 2px solid var(--talentColorSub);
    color: var(--talentColorSub);
    border-radius: 0 !important
}

.underlayerService.underlayerService--detail .bgColor--talent .article__outline table th {
    background-color: var(--talentColorSub)
}

.underlayerService.underlayerService--detail div[class^=bgColor]+div[class^=bgColor]:not(.dark) .inner {
    padding-top: 0
}

.underlayerService.underlayerService--detail div[class^=bgColor].dark {
    color: #fff
}

.underlayerService.underlayerService--detail div[class^=bgColor].dark h2 {
    border-bottom: 2px dotted #fff;
    padding: 0 0 1.5rem 3.5rem;
    background-position: left top 1.2rem;
    border-radius: 0
}

.underlayerService.underlayerService--detail div[class^=bgColor].dark .article__block {
    color: var(--colorText)
}

.underlayerService.underlayerService--detail div[class^=bgColor].dark+div[class^=bgColor]:not(.dark) .inner {
    padding-top: 7rem
}

.underlayerService.underlayerService--detail .article {
    position: relative
}

.underlayerService.underlayerService--detail .article .inner {
    position: relative;
    z-index: 1;
    padding: 7rem 27rem 7rem 0
}

.underlayerService.underlayerService--detail .article .rightClm {
    position: absolute;
    right: calc(50vw - 67.3rem);
    right: calc(50vw - 65rem);
    top: 11.5rem;
    z-index: 2
}

.underlayerService.underlayerService--detail .article .rightClm__inner {
    margin-left: auto;
    margin-right: auto;
    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
}

.underlayerService.underlayerService--detail .article .rightClm__inner>div {
    width: 21rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.underlayerService.underlayerService--detail .article .rightClm__share>span,.underlayerService.underlayerService--detail .article .rightClm__fav {
    display: block;
    background-color: #fff;
    background-repeat: no-repeat;
    border: 1px solid #f1f1f1;
    font-size: 1.3rem;
    font-weight: 500;
    width: 10.3rem;
    border-radius: 3px;
    padding: 1rem 1.5rem;
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

.underlayerService.underlayerService--detail .article .rightClm__share>span:hover,.underlayerService.underlayerService--detail .article .rightClm__fav:hover {
    cursor: pointer;
    opacity: .7
}

.underlayerService.underlayerService--detail .article .rightClm__share {
    position: relative
}

.underlayerService.underlayerService--detail .article .rightClm__share>span {
    background-image: url(../images/icon_share.svg);
    background-position: right 1.3rem center;
    background-size: 2.3rem
}

.underlayerService.underlayerService--detail .article .rightClm__shareInner {
    display: none;
    position: absolute;
    width: 20rem;
    background-color: #fff;
    border: 3px solid #d8d8d8;
    border-radius: 5px;
    left: -21rem;
    bottom: -3rem;
    bottom: -20.3rem;
    padding: 1.5rem;
    font-size: 1.5rem
}

.underlayerService.underlayerService--detail .article .rightClm__shareInner::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .5rem 0 .5rem 1rem;
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #d8d8d8;
    position: absolute;
    right: -1rem;
    bottom: 21.8rem
}

.underlayerService.underlayerService--detail .article .rightClm__shareInner ul:not([class]) li {
    padding: 0
}

.underlayerService.underlayerService--detail .article .rightClm__shareInner ul:not([class]) li::before {
    display: none
}

.underlayerService.underlayerService--detail .article .rightClm__shareInner ul:not([class]) li a,.underlayerService.underlayerService--detail .article .rightClm__shareInner ul:not([class]) li .urlCopyBtn {
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-transition: .3s;
    transition: .3s
}

.underlayerService.underlayerService--detail .article .rightClm__shareInner ul:not([class]) li a img,.underlayerService.underlayerService--detail .article .rightClm__shareInner ul:not([class]) li .urlCopyBtn img {
    margin-right: 1.5rem
}

.underlayerService.underlayerService--detail .article .rightClm__shareInner ul:not([class]) li a:hover,.underlayerService.underlayerService--detail .article .rightClm__shareInner ul:not([class]) li .urlCopyBtn:hover {
    opacity: .7;
    cursor: pointer
}

.underlayerService.underlayerService--detail .article .rightClm__shareInner ul:not([class]) li:not(:last-child) {
    margin-bottom: 1.2rem
}

.underlayerService.underlayerService--detail .article .rightClm__fav {
    background-image: url(../../assets/images/icon_sidebar03.svg);
    background-position: right 1rem center;
    background-size: 1.3rem;
    padding-left: 1rem
}

.underlayerService.underlayerService--detail .article .rightClm__btn {
    margin-bottom: 1rem;
    width: 100%;
    position: relative;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 500;
    background: #ff8c38;
    color: #fff;
    display: block;
    text-align: center;
    padding: .8rem 1.2rem .9rem 0;
    border-radius: .5rem;
    -webkit-box-shadow: 0 3px 0 #854515;
    box-shadow: 0 3px 0 #854515;
    text-decoration: none;
    -webkit-transition: all .2s;
    transition: all .2s
}

@media(min-width: 769px) {
    .underlayerService.underlayerService--detail .article .rightClm__btn:hover {
        -webkit-transform:translate(0, 3px);
        transform: translate(0, 3px);
        -webkit-box-shadow: 0 0 0 #854515;
        box-shadow: 0 0 0 #854515
    }

    .underlayerService.underlayerService--detail .article .rightClm__btn:hover::after {
        right: 1.3rem
    }
}

.underlayerService.underlayerService--detail .article .rightClm__btn::after {
    position: absolute;
    top: 0;
    right: 1.5rem;
    bottom: 0;
    margin: auto;
    content: "";
    width: .4em;
    height: .4em;
    -webkit-transform: translateX(0%) rotate(-45deg);
    transform: translateX(0%) rotate(-45deg);
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    -webkit-transition: all .2s;
    transition: all .2s
}

.underlayerService.underlayerService--detail .article .rightClm.fixed {
    position: fixed;
    top: 10rem
}

.underlayerService.underlayerService--detail .article__cont {
    position: relative;
    background-color: #f1f7fb
}

.underlayerService.underlayerService--detail .article__cont .nav {
    background-color: #dfecf5;
    position: sticky;
    left: 0;
    top: 0;
    z-index: 2
}

.underlayerService.underlayerService--detail .article__cont .nav .inner {
    padding: 0
}

.underlayerService.underlayerService--detail .article__cont .nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.underlayerService.underlayerService--detail .article__cont .nav ul li {
    position: relative;
    padding: 0 1rem 0 1.5rem
}

.underlayerService.underlayerService--detail .article__cont .nav ul li:not(:last-child) {
    margin-bottom: 0
}

.underlayerService.underlayerService--detail .article__cont .nav ul li a {
    color: #204f74;
    font-weight: 500;
    font-size: 1.5rem;
    padding: 2rem 1.5rem 2rem 0;
    display: block;
    position: relative;
    text-decoration: none
}

.underlayerService.underlayerService--detail .article__cont .nav ul li a::before,.underlayerService.underlayerService--detail .article__cont .nav ul li a::after {
    content: "";
    display: block;
    position: absolute;
    -webkit-transition: all .3s;
    transition: all .3s
}

.underlayerService.underlayerService--detail .article__cont .nav ul li a::after {
    width: .5rem;
    height: .5rem;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-left: 1px solid var(--colorMain);
    border-bottom: 1px solid var(--colorMain);
    right: .2rem;
    top: 0;
    bottom: 0;
    margin: auto
}

.underlayerService.underlayerService--detail .article__cont .nav ul li a::before {
    width: 0;
    height: .2rem;
    background-color: var(--colorMain);
    bottom: 0;
    right: 0
}

@media(min-width: 769px) {
    .underlayerService.underlayerService--detail .article__cont .nav ul li a:hover::after {
        top:.5rem
    }

    .underlayerService.underlayerService--detail .article__cont .nav ul li a:hover::before {
        width: 100%;
        right: auto;
        left: 0
    }
}

.underlayerService.underlayerService--detail .article__cont .nav ul li::before {
    content: "";
    display: block;
    width: 1px;
    height: 2rem;
    background-color: #b0bfc9;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.underlayerService.underlayerService--detail .article .mt3 {
    margin-top: 3rem
}

.underlayerService.underlayerService--detail .article h2,.underlayerService.underlayerService--detail .article h3,.underlayerService.underlayerService--detail .article h4,.underlayerService.underlayerService--detail .article h5 {
    font-weight: bold;
    line-height: 1.4
}

.underlayerService.underlayerService--detail .article h2:not(:first-child),.underlayerService.underlayerService--detail .article h3:not(:first-child),.underlayerService.underlayerService--detail .article h4:not(:first-child),.underlayerService.underlayerService--detail .article h5:not(:first-child) {
    margin-top: 4rem
}

.underlayerService.underlayerService--detail .article h2:not(:last-child),.underlayerService.underlayerService--detail .article h3:not(:last-child),.underlayerService.underlayerService--detail .article h4:not(:last-child),.underlayerService.underlayerService--detail .article h5:not(:last-child) {
    margin-bottom: 3.5rem;
    border-radius: 5px
}

.underlayerService.underlayerService--detail .article h2 {
    background-image: url(../images/detail_head_bg01.webp);
    background-size: 1.8rem;
    background-repeat: no-repeat;
    background-position: left 3rem top 2.5rem;
    color: #fff;
    padding: 1.3rem 1rem 1.3rem 7rem;
    font-size: 2.8rem;
    margin-bottom: 2.5rem
}

.underlayerService.underlayerService--detail .article h2.color {
    background-position: left 0 top 2.5rem;
    background-color: rgba(0,0,0,0);
    padding-left: 2.8rem
}

.underlayerService.underlayerService--detail .article h3 {
    font-size: 2.2rem;
    padding-left: 2rem;
    position: relative
}

.underlayerService.underlayerService--detail .article h3:not(:first-child) {
    margin-top: 4rem
}

.underlayerService.underlayerService--detail .article h3::before {
    background-color: var(--colorMain);
    content: "";
    display: block;
    width: .4rem;
    height: 90%;
    position: absolute;
    left: 0;
    top: .2rem;
    bottom: 0;
    margin: auto
}

.underlayerService.underlayerService--detail .article h4 {
    font-size: 2rem;
    position: relative;
    padding-left: 2rem
}

.underlayerService.underlayerService--detail .article h4::before {
    background-color: var(--colorMain);
    content: "";
    display: block;
    width: .6rem;
    height: .6rem;
    position: absolute;
    left: 0;
    top: .2rem;
    bottom: 0;
    margin: auto
}

.underlayerService.underlayerService--detail .article h5 {
    font-size: 1.8rem
}

.underlayerService.underlayerService--detail .article hr {
    margin: 5rem 0
}

.underlayerService.underlayerService--detail .article blockquote {
    background-color: #fff;
    background-image: url(../images/icon_bq_left.svg),url(../images/icon_bq_right.svg);
    background-repeat: no-repeat;
    background-position: left 2rem top 3rem,right 2rem bottom 3rem;
    padding: 2rem 6rem
}

.underlayerService.underlayerService--detail .article blockquote:not(:first-child) {
    margin-top: 4rem
}

.underlayerService.underlayerService--detail .article blockquote:not(:last-child) {
    margin-bottom: 4rem
}

.underlayerService.underlayerService--detail .article p:not([class]) {
    line-height: 1.75
}

.underlayerService.underlayerService--detail .article p:not([class]):not(:last-child) {
    margin-bottom: 2rem
}

.underlayerService.underlayerService--detail .article p.lead {
    font-weight: bold;
    font-size: 2.1rem
}

.underlayerService.underlayerService--detail .article p.lead .mark {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #FBEA53));
    background: linear-gradient(transparent 60%, #FBEA53 60%)
}

.underlayerService.underlayerService--detail .article p.lead.dot {
    position: relative;
    padding-left: 2rem
}

.underlayerService.underlayerService--detail .article p.lead.dot::before {
    content: "";
    background-color: var(--colorMain);
    width: .6rem;
    height: .6rem;
    border-radius: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 1.8rem
}

.underlayerService.underlayerService--detail .article p.lead.small {
    font-size: 1.9rem
}

.underlayerService.underlayerService--detail .article p.lead.bg--blue,.underlayerService.underlayerService--detail .article p.lead.bg--gradeBlue {
    color: #fff;
    text-align: center;
    margin-bottom: 2rem
}

.underlayerService.underlayerService--detail .article p.lead.bg--blue {
    background-color: #6995d6;
    font-size: 1.8rem;
    padding: .7rem
}

.underlayerService.underlayerService--detail .article p.lead.bg--gradeBlue {
    padding: 1.2rem;
    background: linear-gradient(275deg, rgb(29, 69, 129) 0%, rgb(29, 69, 129) 25%, rgb(64, 107, 171) 50%, rgb(29, 69, 129) 75%, rgb(29, 69, 129) 100%)
}

.underlayerService.underlayerService--detail .article ul,.underlayerService.underlayerService--detail .article ol {
    line-height: 1.75
}

.underlayerService.underlayerService--detail .article ul.border,.underlayerService.underlayerService--detail .article ol.border {
    border: 1px solid #9e9e9e;
    padding: 2rem
}

.underlayerService.underlayerService--detail .article ol {
    counter-reset: item
}

.underlayerService.underlayerService--detail .article ol li {
    position: relative;
    min-height: 3rem;
    padding-left: 3.4rem
}

.underlayerService.underlayerService--detail .article ol li:not(:last-child) {
    margin-bottom: 1.5rem
}

.underlayerService.underlayerService--detail .article ol li::before {
    counter-increment: item;
    content: counter(item);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 2.8rem;
    height: 2.8rem;
    background: var(--trainingColorSub);
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: .2rem;
    text-align: center;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1;
    font-weight: bold
}

.underlayerService.underlayerService--detail .article ol.merit li {
    color: var(--colorMain);
    font-weight: bold;
    position: relative;
    padding-left: 10rem;
    min-height: 7.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.underlayerService.underlayerService--detail .article ol.merit li::before {
    display: none
}

.underlayerService.underlayerService--detail .article ol.merit li:not(:last-child) {
    margin-bottom: 2rem
}

.underlayerService.underlayerService--detail .article ol.merit li span {
    font-family: var(--fontEN);
    line-height: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 7.6rem;
    height: 7.6rem;
    border-radius: 100%;
    background-color: var(--colorMain);
    color: #fff;
    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;
    font-size: 1.3rem
}

.underlayerService.underlayerService--detail .article ol.merit li span::after {
    counter-increment: item;
    content: counter(item, decimal-leading-zero);
    font-size: 2.4rem;
    line-height: 1
}

.underlayerService.underlayerService--detail .article ul li:not(:last-child) {
    margin-bottom: 1rem
}

.underlayerService.underlayerService--detail .article ul.check li {
    padding-left: 4rem;
    min-height: 3rem;
    position: relative
}

.underlayerService.underlayerService--detail .article ul.check li::before {
    content: "";
    display: block;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: .2rem;
    background: url(../images/detail_checkIcon.svg) no-repeat center center/1.3rem;
    background-color: var(--trainingColorSub)
}

.underlayerService.underlayerService--detail .article ul.check.baseColor li::before {
    background: url(../images/detail_checkIcon_blue.svg) no-repeat center center/1.3rem;
    background-color: #f1f7fb
}

.underlayerService.underlayerService--detail .article ul:not([class]) li {
    position: relative;
    padding-left: 2rem
}

.underlayerService.underlayerService--detail .article ul:not([class]) li::before {
    content: "";
    display: block;
    width: .7rem;
    height: .7rem;
    background: var(--colorMain);
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 1.3rem
}

.underlayerService.underlayerService--detail .article a {
    color: var(--colorMain);
    text-decoration: underline
}

.underlayerService.underlayerService--detail .article a:hover {
    text-decoration: none
}

.underlayerService.underlayerService--detail .article .modal__block {
    text-align: center;
    display: block
}

.underlayerService.underlayerService--detail .article .modal__block .zoom--txt {
    margin-top: 2.5rem;
    text-decoration: underline;
    height: 1.9rem;
    background: url(../images/detail_icon_plus.svg) no-repeat left center/1.9rem;
    padding-left: 2.8rem;
    display: inline-block;
    line-height: 1.9rem
}

.underlayerService.underlayerService--detail .article .modal__block img {
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.underlayerService.underlayerService--detail .article .modal__block:hover {
    cursor: pointer
}

.underlayerService.underlayerService--detail .article .modal__block:hover img {
    opacity: .7
}

.underlayerService.underlayerService--detail .article .modal__block:hover .zoom--txt {
    text-decoration: none
}

.underlayerService.underlayerService--detail .article .modal__wrapper {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    z-index: 20;
    width: 100%;
    height: 100%
}

.underlayerService.underlayerService--detail .article .modal__overlay {
    height: 100%;
    background: rgba(0,0,0,.5);
    cursor: pointer
}

.underlayerService.underlayerService--detail .article .modal__container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: min(100% - 40px,1000px);
    max-height: calc(100% - 40px);
    max-width: 90rem
}

.underlayerService.underlayerService--detail .article .modal__close {
    position: absolute;
    top: -3.5rem;
    right: 0;
    width: 2.5rem;
    height: 2.5rem;
    cursor: pointer;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.underlayerService.underlayerService--detail .article .modal__close::before,.underlayerService.underlayerService--detail .article .modal__close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3rem;
    height: 1px;
    background: #fff
}

.underlayerService.underlayerService--detail .article .modal__close::before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.underlayerService.underlayerService--detail .article .modal__close::after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.underlayerService.underlayerService--detail .article .modal__content {
    padding: 5rem;
    background-color: #fff
}

.underlayerService.underlayerService--detail .article .modal__content .modal__image img {
    width: 100%
}

.underlayerService.underlayerService--detail .article .modal__content .modal__block:hover {
    cursor: inherit
}

.underlayerService.underlayerService--detail .article .modal__content .modal__block:hover img {
    opacity: 1
}

.underlayerService.underlayerService--detail .article .modal__content .zoom--txt {
    display: none
}

.underlayerService.underlayerService--detail .article .block--point {
    padding-left: 9.5rem;
    position: relative
}

.underlayerService.underlayerService--detail .article .block--point:first-child {
    margin-top: 3rem
}

.underlayerService.underlayerService--detail .article .block--point span {
    font-family: var(--fontEN);
    background-color: var(--colorMain);
    border-radius: 100%;
    width: 8rem;
    height: 8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    font-size: 1.5rem;
    font-weight: 500;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0
}

.underlayerService.underlayerService--detail .article .block--point span::before {
    content: "";
    position: absolute;
    inset: 0;
    width: 7rem;
    height: 7rem;
    border: 1px solid #fff;
    display: block;
    border-radius: 100%;
    margin: auto
}

.underlayerService.underlayerService--detail .article .block--point h2 {
    color: var(--colorMain);
    padding: 0;
    background: rgba(0,0,0,0)
}

.underlayerService.underlayerService--detail .article .block--caseInner p:not([class]) {
    margin-left: 3rem;
    margin-right: 3rem;
    margin-bottom: 3rem
}

.underlayerService.underlayerService--detail .article .block--case+.block--caseBtm {
    margin-top: 6rem;
    position: relative
}

.underlayerService.underlayerService--detail .article .block--case+.block--caseBtm::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 2.5rem 6.8rem 0 6.8rem;
    border-color: #d69525 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -3.5rem
}

.underlayerService.underlayerService--detail .article .block--caseBtm p:not([class]) {
    color: var(--colorMain);
    font-weight: bold
}

.underlayerService.underlayerService--detail .article .block--gray {
    background-color: #f1f7fb;
    padding: 3rem
}

.underlayerService.underlayerService--detail .article .block--gray:not(:last-child) {
    margin-bottom: 1rem
}

.underlayerService.underlayerService--detail .article .block--scene:not(:last-child) {
    margin-bottom: 5rem
}

.underlayerService.underlayerService--detail .article .block--sceneSingle {
    background-color: #f3f3f3;
    padding: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.underlayerService.underlayerService--detail .article .block--sceneSingle:not(:last-child) {
    margin-bottom: 2.5rem;
    position: relative
}

.underlayerService.underlayerService--detail .article .block--sceneSingle:not(:last-child)::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1.5rem 3.8rem 0 3.8rem;
    border-color: #d69525 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -1.5rem
}

.underlayerService.underlayerService--detail .article .block--sceneSingleTtl {
    background-color: #6995d6;
    color: #fff;
    width: 8rem;
    height: 8rem;
    padding: .5rem 2rem 1rem;
    line-height: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.underlayerService.underlayerService--detail .article .block--sceneSingleTxt {
    margin-top: -0.9rem;
    width: calc(100% - 10rem)
}

.underlayerService.underlayerService--detail .article .block--sceneEffect {
    background: linear-gradient(133deg, rgb(112, 154, 216) 0%, rgb(29, 69, 129) 100%);
    padding: .2rem
}

.underlayerService.underlayerService--detail .article .block--sceneEffectTtl {
    color: #edff8b;
    font-size: 2.4rem;
    text-align: center;
    font-weight: bold;
    padding: .4rem .5rem .6rem
}

.underlayerService.underlayerService--detail .article .block--sceneEffectTxt {
    background-color: #fff;
    padding: 2.5rem
}

.underlayerService.underlayerService--detail .article .block--sceneEffectTxt ul:not([class]) li::before {
    background: rgba(0,0,0,0);
    border: 2px solid var(--colorMain)
}

.underlayerService.underlayerService--detail .article .three__clm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.underlayerService.underlayerService--detail .article .three__clm::after {
    content: "";
    display: block;
    width: 24rem
}

.underlayerService.underlayerService--detail .article .three__clm a {
    display: block;
    width: 24rem
}

.underlayerService.underlayerService--detail .article .three__clm a img {
    margin-bottom: 1rem
}

.underlayerService.underlayerService--detail .article__block {
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    padding: 3rem 0 5rem
}

.underlayerService.underlayerService--detail .article__block:has(h2) {
    padding-top: 0
}

.underlayerService.underlayerService--detail .article__block:not(:last-child) {
    margin-bottom: 5rem
}

.underlayerService.underlayerService--detail .article__block>*:not(h2) {
    margin-left: 4rem;
    margin-right: 4rem
}

.underlayerService.underlayerService--detail .article__block>*:not(h2):not(:last-child):not(hr) {
    margin-bottom: 2rem
}

.underlayerService.underlayerService--detail .article__block blockquote {
    border: 1px solid #d5dde2
}

.underlayerService.underlayerService--detail .article__voiceSingle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.underlayerService.underlayerService--detail .article__voiceSingle:not(:last-child) {
    margin-bottom: 1rem
}

.underlayerService.underlayerService--detail .article__voiceSingleImg {
    width: 8rem
}

.underlayerService.underlayerService--detail .article__voiceSingleTxt {
    width: calc(100% - 11rem);
    background-color: #fff;
    position: relative;
    border-radius: 5px;
    padding: 2.5rem
}

.underlayerService.underlayerService--detail .article__voiceSingleTxt::before {
    position: absolute;
    left: -1.6rem;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .8rem 1.6rem .8rem 0;
    border-color: rgba(0,0,0,0) #fff rgba(0,0,0,0) rgba(0,0,0,0)
}

.underlayerService.underlayerService--detail .article__connection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.underlayerService.underlayerService--detail .article__connection:not(:last-child) {
    border-bottom: 2px dotted #bbb;
    padding-bottom: 2rem;
    margin-bottom: 2rem
}

.underlayerService.underlayerService--detail .article__connectionImg {
    width: 15rem;
    border-radius: 10px;
    overflow: hidden
}

.underlayerService.underlayerService--detail .article__connectionTxt {
    width: calc(100% - 17rem)
}

.underlayerService.underlayerService--detail .article__connectionTag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 1rem
}

.underlayerService.underlayerService--detail .article__connectionTag dt {
    color: #fff;
    border-radius: 5px;
    font-size: 1.3rem;
    line-height: 1;
    margin-right: 1rem;
    font-weight: normal;
    padding: .7rem 1rem
}

.underlayerService.underlayerService--detail .article__connectionTag dt.feature {
    background-color: #bc4163
}

.underlayerService.underlayerService--detail .article__connectionTag dt.serializatio {
    background-color: #76948e
}

.underlayerService.underlayerService--detail .article__connectionTag dt.interview {
    background-color: #7f7698
}

.underlayerService.underlayerService--detail .article__connectionTag dt.report {
    background-color: #408db5
}

.underlayerService.underlayerService--detail .article__connectionTag dd {
    margin-top: -0.2rem;
    color: #3d3d3d;
    font-size: 1.5rem
}

.underlayerService.underlayerService--detail .article__connectionTtl {
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 1.6
}

.underlayerService.underlayerService--detail .article__faqSingle {
    background-color: #fff;
    border-radius: 5px
}

.underlayerService.underlayerService--detail .article__faqSingle:not(:last-child) {
    margin-bottom: 1rem
}

.underlayerService.underlayerService--detail .article__faqSingle dt,.underlayerService.underlayerService--detail .article__faqSingle dd {
    position: relative
}

.underlayerService.underlayerService--detail .article__faqSingle dt::before,.underlayerService.underlayerService--detail .article__faqSingle dd::before {
    text-align: center;
    border-radius: 100%;
    width: 3.5rem;
    height: 3.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    padding-left: .1rem;
    padding-bottom: .2rem;
    position: absolute;
    left: 2rem;
    top: 2rem;
    font-weight: 500
}

.underlayerService.underlayerService--detail .article__faqSingle dt {
    font-weight: normal;
    padding: 2rem 6rem 2rem 8rem
}

.underlayerService.underlayerService--detail .article__faqSingle dt::before {
    content: "Q";
    background: var(--colorMain);
    color: #fff
}

.underlayerService.underlayerService--detail .article__faqSingle dt span::before,.underlayerService.underlayerService--detail .article__faqSingle dt span::after {
    background-color: #000;
    content: "";
    display: block;
    width: .2rem;
    height: 1.6rem;
    position: absolute;
    right: 2.8rem;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: .3s;
    transition: .3s
}

.underlayerService.underlayerService--detail .article__faqSingle dt span::after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.underlayerService.underlayerService--detail .article__faqSingle dt:hover {
    cursor: pointer
}

.underlayerService.underlayerService--detail .article__faqSingle dd {
    display: none;
    border-top: 2px solid #dbe0e8;
    padding: 2rem 2rem 2rem 8rem
}

.underlayerService.underlayerService--detail .article__faqSingle dd::before {
    content: "A";
    background: #efefef;
    color: #ec1549
}

.underlayerService.underlayerService--detail .article__faqSingle.open dt {
    color: var(--colorMain);
    font-weight: bold
}

.underlayerService.underlayerService--detail .article__faqSingle.open dt span::before {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.underlayerService.underlayerService--detail .article__outline h2 {
    margin-bottom: 1rem
}

.underlayerService.underlayerService--detail .article__outlineCont {
    border-radius: 5px;
    padding: 5rem
}

.underlayerService.underlayerService--detail .article__outlineCont table {
    width: 100%
}

.underlayerService.underlayerService--detail .article__outlineCont table th,.underlayerService.underlayerService--detail .article__outlineCont table td {
    padding: 1.5rem 2rem;
    border: 1px solid #cfcfcf
}

.underlayerService.underlayerService--detail .article__outlineCont table th {
    width: 15rem
}

.underlayerService.underlayerService--detail .article__outlineCont table td {
    background-color: #fff;
    color: var(--colorText)
}

.underlayerService.underlayerService--detail .article__share {
    background-color: #f1f7fb;
    border-radius: 5px;
    padding: 3rem;
    max-width: 83rem;
    margin: 0 auto 5rem
}

.underlayerService.underlayerService--detail .article__share.coaching {
    background-color: #f4f2f9
}

.underlayerService.underlayerService--detail .article__share.consulting {
    background-color: #f2fbf7
}

.underlayerService.underlayerService--detail .article__share dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.underlayerService.underlayerService--detail .article__share dl dt {
    background: url(../images/icon_share.svg) no-repeat left center;
    padding-left: 3.3rem;
    font-family: var(--fontEN);
    font-weight: bold;
    font-size: 1.6rem;
    margin-right: 1.5rem
}

.underlayerService.underlayerService--detail .article__share a,.underlayerService.underlayerService--detail .article__share .urlCopyBtn {
    -webkit-transition: .3s;
    transition: .3s
}

.underlayerService.underlayerService--detail .article__share a:hover,.underlayerService.underlayerService--detail .article__share .urlCopyBtn:hover {
    opacity: .7;
    cursor: pointer
}

.underlayerService.underlayerService--detail .article__share a span,.underlayerService.underlayerService--detail .article__share .urlCopyBtn span {
    display: none
}

.underlayerService.underlayerService--detail .article__share ul:not([class]) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.underlayerService.underlayerService--detail .article__share ul:not([class]) li {
    margin: 0 .2rem;
    padding: 0
}

.underlayerService.underlayerService--detail .article__share ul:not([class]) li::before {
    display: none
}

.underlayerService.underlayerService--detail .article__contact {
    background-color: #f1f7fb;
    border-radius: 5px;
    padding: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 83rem;
    margin: 5rem auto
}

.underlayerService.underlayerService--detail .article__contact.coaching {
    background-color: #f4f2f9
}

.underlayerService.underlayerService--detail .article__contact.consulting {
    background-color: #f2fbf7
}

.underlayerService.underlayerService--detail .article__contactForm,.underlayerService.underlayerService--detail .article__contactTel {
    background-color: #fff;
    padding: 2.5rem;
    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;
    width: 48.6842105263%
}

.underlayerService.underlayerService--detail .article__contactTtl {
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 1.6;
    margin-bottom: 1rem;
    text-align: center
}

.underlayerService.underlayerService--detail .article__contact a {
    text-decoration: none
}

.underlayerService.underlayerService--detail .article__contact a[href^=tel] {
    display: block;
    font-family: var(--fontEN);
    font-size: 3.3rem;
    line-height: 3.3rem;
    padding: 0 0 0 3.5rem;
    background: url(../../assets/images/icon_tel_blue.svg) no-repeat left center;
    background-size: 2.1rem;
    margin-bottom: .5rem;
    font-weight: bold;
    color: var(--colorMain)
}

.underlayerService.underlayerService--detail .article__contact .time {
    font-weight: bold;
    font-size: 1.4rem;
    text-align: center;
    margin-bottom: 1rem
}

.underlayerService.underlayerService--detail .article__contact ul {
    line-height: 1.7;
    font-size: 1.1rem
}

.underlayerService.underlayerService--detail .article__contact ul li:not([class]) {
    padding-left: 1.2rem
}

.underlayerService.underlayerService--detail .article__contact ul li:not([class])::before {
    content: "※";
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    background-color: rgba(0,0,0,0) !important
}

.underlayerService.underlayerService--detail .article__contactForm a {
    width: 100%;
    max-width: 25.6rem;
    position: relative;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.5rem;
    background: #ff8c38;
    color: #fff;
    display: block;
    text-align: center;
    padding: 1.6rem 2.2rem 1.7rem 0;
    border-radius: .5rem;
    -webkit-box-shadow: 0 3px 0 #854515;
    box-shadow: 0 3px 0 #854515;
    -webkit-transition: all .4s;
    transition: all .4s
}

@media(min-width: 769px) {
    .underlayerService.underlayerService--detail .article__contactForm a:hover {
        opacity:.7;
        -webkit-transform: translate(0, 3px);
        transform: translate(0, 3px);
        -webkit-box-shadow: 0 0 0 #854515;
        box-shadow: 0 0 0 #854515
    }

    .underlayerService.underlayerService--detail .article__contactForm a:hover::after {
        right: 2.8rem
    }
}

.underlayerService.underlayerService--detail .article__contactForm a::after {
    position: absolute;
    top: 0;
    right: 3.1rem;
    bottom: 0;
    margin: auto;
    content: "";
    width: .4em;
    height: .4em;
    -webkit-transform: translateX(0%) rotate(-45deg);
    transform: translateX(0%) rotate(-45deg);
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    -webkit-transition: all .4s;
    transition: all .4s
}

.underlayerService.underlayerService--detail .linkBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.underlayerService.underlayerService--detail .linkBtn a {
    text-decoration: none
}

.underlayerService.underlayerService--detail .linkBtn a:hover {
    color: #fff
}

@media(max-width: 768px) {
    .underlayerService.underlayerService--detail .article__block {
        padding:3rem 0 3rem
    }

    .mainvisualBackground--service .archive__nowTtl {
        font-size: 1.6rem;
        line-height: 1.5;
        padding: 0 0 0 1.2rem;
        margin: 0 0 .8rem 0
    }

    .mainvisualBackground--service .archive__nowTtl::before {
        top: .15rem
    }

    .mainvisualBackground--service .archive__nowBtn {
        display: block
    }

    .mainvisualBackground--service .archive__nowBtn p {
        display: block;
        border: solid 1px #aec2d5;
        border-radius: .5rem;
        font-size: 1.5rem;
        line-height: 1.7
    }

    .mainvisualBackground--service .archive__nowBtn button {
        border-radius: .5rem;
        display: block;
        width: 16.2rem;
        margin: 2rem auto;
        padding: 1.2rem 2.5rem 1.2rem .5rem;
        font-size: 1.5rem
    }

    .mainvisualBackground--service .archive__nowBtn button::after {
        right: 1.4rem
    }

    .mainvisualBackground--service .archive .setting dl {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .mainvisualBackground--service .archive .setting dl:nth-child(2) dd {
        padding: 1.6rem 2rem
    }

    .mainvisualBackground--service .archive .setting dl dt {
        width: 100%;
        border: none;
        padding: 1rem 2rem
    }

    .mainvisualBackground--service .archive .setting dl dd {
        padding: 1.6rem 2rem
    }

    .mainvisualBackground--service .archive .setting dl dd .label {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .mainvisualBackground--service .archive .setting dl dd .mass {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .mainvisualBackground--service .archive .setting dl dd .mass p {
        margin: 0 0 1rem
    }

    .underlayer {
        padding: 4rem 0 9rem
    }

    .underlayer .pagination {
        margin: 4rem auto 0;
        position: relative;
        padding: 0 8rem
    }

    .underlayer .pagination__numbers {
        gap: 0 .5rem
    }

    .underlayer .pagination__arrow--next {
        right: 0
    }

    .underlayer .pagination__arrow--next a {
        padding: 0 1.2rem 0 0
    }

    .underlayer .pagination__arrow--next a::after {
        right: 1.5rem
    }

    .underlayer .pagination__arrow--prev {
        left: 0
    }

    .underlayer .pagination__arrow--prev a {
        padding: 0 0 0 1.2rem
    }

    .underlayer .pagination__arrow--prev a::after {
        left: 1.5rem
    }

    .underlayer .pagination__arrow a {
        width: 8rem;
        height: 4.4rem
    }

    .underlayer .pagination__number {
        width: 4.4rem;
        height: 4.4rem
    }

    .underlayerService .favorite__ttl {
        font-size: 2.2rem;
        font-weight: 700;
        margin: 0 0 .4rem
    }

    .underlayerService .favorite .lead {
        font-size: 1.5rem;
        margin: 0 0 1.5rem
    }

    .underlayerService .favorite .check {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 4rem
    }

    .underlayerService .favorite .check a {
        font-size: 1.5rem
    }

    .underlayerService .favorite .support {
        padding: 2.6rem 3.5rem
    }

    .underlayerService .favorite .support p {
        font-size: 1.6rem;
        line-height: 1.8;
        font-weight: 700;
        text-align: center
    }

    .underlayerService .favorite .support a {
        padding: .6rem 2.4rem .6rem 1.2rem
    }

    .underlayerService .checkList__block {
        gap: 0
    }

    .underlayerService .checkList__block .item {
        margin-bottom: 4rem
    }

    .underlayerService .checkList__block .item>label,.underlayerService .checkList__block .item>a {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0
    }

    .underlayerService .checkList__block .item__areaImg {
        width: 100%;
        height: 21.7rem;
        margin: 0 0 2.1rem
    }

    .underlayerService .checkList__block .item__areaImg img {
        width: 100%;
        height: 21.7rem
    }

    .underlayerService .checkList__block .item__areaTtl {
        font-size: 1.9rem
    }

    .underlayerService .checkList__block .item__areaTxt {
        font-size: 1.5rem;
        margin-bottom: 1.5rem
    }

    .underlayerService .checkList__block .item__cat {
        top: 22rem;
        padding: .7rem
    }

    .underlayerService .checkList__block .item__content {
        display: block;
        padding: 0;
        gap: .5rem
    }

    .underlayerService .checkList__block .item__content dt {
        display: table;
        font-size: 1.3rem;
        margin-bottom: .4rem;
        padding: .7rem .5rem
    }

    .underlayerService .checkList__block .item__content dd {
        margin: 0 .1rem .1rem 0;
        padding: .5rem 1rem
    }

    .underlayerService .checkList__block .item__txtWrap {
        width: 100%
    }

    .underlayerService .checkList__block .item__target,.underlayerService .checkList__block .item__hashtag {
        width: 100%;
        margin: auto
    }

    .underlayerService .checkList__block .checkbox::before {
        top: .5rem
    }

    .underlayerService .underlayer__ttl {
        font-size: 3rem;
        margin: 0
    }

    .underlayerService .underlayer__ttl small {
        font-size: 1.4rem;
        margin-left: 0
    }

    .underlayerService .underlayer__ttl.none {
        display: none
    }

    .underlayerService .archiveResults {
        margin: 0 0 2.4rem
    }

    .underlayerService .archiveResults .select:after {
        right: 1.5rem
    }

    .underlayerService .archiveResults select {
        padding: .8rem 3.5rem .8rem 1.3rem !important
    }

    .underlayerService .notfound {
        font-size: 1.8rem;
        line-height: 1.7;
        padding: 1.5rem
    }

    .underlayerService .recommend .item {
        width: 100%
    }

    .underlayerService .recommend .popularity__card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 4rem 0
    }

    .underlayerService.underlayerService--detail .article__cont .nav {
        margin: 0 0 1rem;
        top: 6.1rem
    }

    .underlayerService.underlayerService--detail .article__cont .nav ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .underlayerService.underlayerService--detail .article__cont .nav ul li {
        width: 50%
    }

    .underlayerService.underlayerService--detail .article__cont .nav ul li::before {
        content: none
    }

    .underlayerService.underlayerService--detail .article__cont .nav ul li a {
        font-size: 1.4rem;
        padding: .8rem 1.5rem .8rem 0
    }

    .underlayerService.underlayerService--detail .article .inner {
        padding: 3rem 2rem
    }

    .underlayerService.underlayerService--detail .article__block>*:not(h2) {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .underlayerService.underlayerService--detail .article h2 {
        font-size: 2rem;
        background-image: url(../images/detail_head_bg01.webp);
        background-position: left 2rem center;
        padding: 1.3rem 1rem 1.3rem 5.2rem
    }

    .underlayerService.underlayerService--detail .article h2.color {
        background-position: left 0 top 2rem
    }

    .underlayerService.underlayerService--detail .article h3 {
        font-size: 1.8rem;
        padding-left: 1.5rem
    }

    .underlayerService.underlayerService--detail .article h3::before {
        height: 83%
    }

    .underlayerService.underlayerService--detail .article h3:not(:first-child) {
        margin-top: 2.3rem
    }

    .underlayerService.underlayerService--detail .article h4 {
        font-size: 1.7rem;
        padding-left: 1.6rem
    }

    .underlayerService.underlayerService--detail .article h5 {
        font-size: 1.6rem
    }

    .underlayerService.underlayerService--detail .article p.lead {
        font-size: 1.8rem;
        line-height: 1.6666666667
    }

    .underlayerService.underlayerService--detail .article p.lead.dot::before {
        top: 1.6rem
    }

    .underlayerService.underlayerService--detail .article p.lead.small {
        font-size: 1.6rem
    }

    .underlayerService.underlayerService--detail .article p.lead.bg--blue,.underlayerService.underlayerService--detail .article p.lead.bg--gradeBlue {
        margin-bottom: 1.5rem
    }

    .underlayerService.underlayerService--detail .article p.lead.bg--blue {
        text-align: left;
        font-size: 1.6rem;
        padding: .5rem 1.4rem;
        line-height: 1.75
    }

    .underlayerService.underlayerService--detail .article p.lead.bg--gradeBlue {
        padding: 1.2rem
    }

    .underlayerService.underlayerService--detail .article p:not([class]) {
        font-size: 1.5rem
    }

    .underlayerService.underlayerService--detail .article ul li:not([class]) {
        font-size: 1.5rem;
        line-height: 2
    }

    .underlayerService.underlayerService--detail .article ul.check li {
        font-size: 1.5rem
    }

    .underlayerService.underlayerService--detail .article ol li {
        font-size: 1.5rem;
        line-height: 2;
        padding-left: 3.8rem
    }

    .underlayerService.underlayerService--detail .article ol.merit li {
        padding-left: 6.8rem;
        min-height: 5.3rem
    }

    .underlayerService.underlayerService--detail .article ol.merit li span {
        padding-top: .6rem;
        width: 5.3rem;
        height: 5.3rem;
        font-size: 1rem
    }

    .underlayerService.underlayerService--detail .article ol.merit li span::after {
        font-size: 1.7rem
    }

    .underlayerService.underlayerService--detail .article .block--point {
        padding-left: 8.8rem
    }

    .underlayerService.underlayerService--detail .article .block--point:first-child {
        margin-top: 3rem
    }

    .underlayerService.underlayerService--detail .article .block--point span {
        width: 7.2rem;
        height: 7.2rem;
        font-size: 1.3rem
    }

    .underlayerService.underlayerService--detail .article .block--point span::before {
        width: 6.2rem;
        height: 6.2rem
    }

    .underlayerService.underlayerService--detail .article .block--point h2 {
        margin-top: 0
    }

    .underlayerService.underlayerService--detail .article .block--caseInner:not(:last-child) {
        margin-bottom: 2.5rem
    }

    .underlayerService.underlayerService--detail .article .block--caseInner p:not([class]) {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 2rem
    }

    .underlayerService.underlayerService--detail .article .block--gray {
        padding: 2rem
    }

    .underlayerService.underlayerService--detail .article .block--gray:not(:last-child) {
        margin-bottom: 1rem
    }

    .underlayerService.underlayerService--detail .article .block--gray p.lead.dot {
        margin-bottom: 1.5rem
    }

    .underlayerService.underlayerService--detail .article .block--scene:not(:last-child) {
        margin-bottom: 3.5rem
    }

    .underlayerService.underlayerService--detail .article .block--sceneSingle {
        background-color: #f3f3f3;
        padding: 2rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .underlayerService.underlayerService--detail .article .block--sceneSingleTtl {
        width: auto;
        height: 3.6rem;
        padding: .5rem 1.5rem;
        line-height: 1;
        margin-bottom: 1.5rem
    }

    .underlayerService.underlayerService--detail .article .block--sceneSingleTxt {
        margin-top: 0;
        width: 100%
    }

    .underlayerService.underlayerService--detail .article .block--sceneEffectTtl {
        font-size: 2rem;
        padding: 1rem .5rem
    }

    .underlayerService.underlayerService--detail .article .block--sceneEffectTxt {
        padding: 2rem
    }

    .underlayerService.underlayerService--detail .article .block--sceneEffectTxt ul:not([class]) li {
        line-height: 1.8666666667
    }

    .underlayerService.underlayerService--detail .article .block--sceneEffectTxt ul:not([class]) li::before {
        top: 1.1rem
    }

    .underlayerService.underlayerService--detail .article .three__clm {
        gap: 3.5rem 0
    }

    .underlayerService.underlayerService--detail .article .three__clm a {
        width: 100%
    }

    .underlayerService.underlayerService--detail .article .three__clm a img {
        width: 100%;
        margin-bottom: 0
    }

    .underlayerService.underlayerService--detail .article .three__clm a span {
        font-size: 1.5rem
    }

    .underlayerService.underlayerService--detail .article__voiceSingleImg {
        width: 5rem
    }

    .underlayerService.underlayerService--detail .article__voiceSingleTxt {
        width: calc(100% - 7rem);
        padding: 2rem
    }

    .underlayerService.underlayerService--detail .article__voiceSingleTxt::before {
        left: -1.1rem
    }

    .underlayerService.underlayerService--detail .article__connection {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .underlayerService.underlayerService--detail .article__connectionImg {
        width: 100%;
        border-radius: 6px;
        margin: 0 0 1.4rem
    }

    .underlayerService.underlayerService--detail .article__connectionTtl {
        font-weight: 600
    }

    .underlayerService.underlayerService--detail .article__connectionTxt {
        width: 100%
    }

    .underlayerService.underlayerService--detail .article__connectionTag dt {
        padding: .7rem .3rem;
        width: 4.7rem;
        text-align: center
    }

    .underlayerService.underlayerService--detail .article__connectionTag dd {
        width: 23.6rem;
        font-size: 1.4rem;
        line-height: 1.7
    }

    .underlayerService.underlayerService--detail .article__faqSingle dt {
        font-size: 1.5rem;
        padding: 2rem 6rem 2rem 7rem
    }

    .underlayerService.underlayerService--detail .article__faqSingle dd {
        padding: 2rem 2rem 2rem 7rem
    }

    .underlayerService.underlayerService--detail .article__outlineCont {
        padding: 2rem
    }

    .underlayerService.underlayerService--detail .article__outlineCont table {
        display: block
    }

    .underlayerService.underlayerService--detail .article__outlineCont table th,.underlayerService.underlayerService--detail .article__outlineCont table td {
        display: block;
        width: 100%;
        font-size: 1.5rem;
        padding: .6rem 1rem
    }

    .underlayerService.underlayerService--detail .article__contact {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 2rem
    }

    .underlayerService.underlayerService--detail .article__contactForm,.underlayerService.underlayerService--detail .article__contactTel {
        width: 100%;
        padding: 2.5rem 1.5rem
    }

    .underlayerService.underlayerService--detail .article__contactForm {
        margin: 0 0 .5rem
    }

    .underlayerService.underlayerService--detail .article__contactForm a {
        padding: 1.4rem 1.3rem 1.4rem 0
    }

    .underlayerService.underlayerService--detail .article__contactForm a::after {
        right: 2.1rem
    }

    .underlayerService.underlayerService--detail .article__contactTel ul li:not([class]) {
        font-size: 1.1rem;
        padding-left: 0;
        margin: 0
    }

    .underlayerService.underlayerService--detail .article__contactTel ul li:not([class])::before {
        content: none
    }

    .underlayerService.underlayerService--detail .article__contact a[href^=tel] {
        font-size: 3rem
    }

    .underlayerService.underlayerService--detail .article__contact .time {
        font-size: 1.3rem;
        letter-spacing: -0.03rem;
        margin-bottom: 0
    }

    .underlayerService.underlayerService--detail .article__share {
        margin: 5rem auto
    }

    .underlayerService.underlayerService--detail.training .article__cont .nav ul {
        background-color: #dfecf5
    }

    .underlayerService.underlayerService--detail.training .article__cont .nav ul li {
        border-bottom: none
    }

    .underlayerService.underlayerService--detail.training .article__cont .nav ul li:not(:nth-last-child(-n+2)) {
        border-bottom: solid 1px #b0bfc9
    }

    .underlayerService.underlayerService--detail.training .article__cont .nav ul li:nth-child(odd) {
        border-right: solid 1px #b0bfc9
    }

    .underlayerService.underlayerService--detail.training .article .inner {
        background-color: #f1f7fb
    }

    .underlayerService.underlayerService--detail.training .article .inner.none {
        background-color: #fff
    }

    .underlayerService.underlayerService--detail.training .article .bgColor--training.dark .inner {
        background-color: inherit;
        padding: 5.3rem 2rem
    }

    .underlayerService.underlayerService--detail.training .article blockquote {
        background-image: url(../images/icon_bq_left_bl.svg),url(../images/icon_bq_right_bl.svg);
        background-repeat: no-repeat;
        border: solid 1px #f1f7fb
    }

    .underlayerService.underlayerService--detail div[class^=bgColor].dark h2 {
        background-position: left top .6rem;
        padding: 0 0 0 3rem
    }

    .underlayerService.underlayerService--detail div[class^=bgColor].dark+div[class^=bgColor]:not(.dark) .inenr {
        padding-top: 5rem
    }

    .underlayerService .inner.history .checkList__block .item__content {
        padding: 0
    }

    .underlayerService--detail .article__share.coaching {
        background-color: #eef7f8
    }

    .underlayerService--detail .article__share.consulting {
        background-color: #f2fbf7
    }

    .underlayerService--detail .article__contact.coaching {
        background-color: #eef7f8
    }

    .underlayerService--detail .article__contact.consulting {
        background-color: #f2fbf7
    }

    .search__ttl {
        margin: 0 0 .7rem
    }

    .search__block {
        padding: 0 2rem
    }

    .search__block label {
        font-size: 1.5rem
    }

    .search__block label::before {
        top: .2rem;
        bottom: inherit
    }

    .search__blockSingle {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .search__blockSingle:not(:last-child) {
        margin-bottom: 0
    }

    .search__blockSingle .head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: .8rem 1.8rem
    }

    .search__blockSingle .head p {
        font-size: 1.6rem
    }

    .search__blockSingle .content {
        width: 100%;
        padding: 1.5rem
    }

    .search__blockSingle .content ul li {
        margin-bottom: 0
    }

    .search__blockSingle .content dl {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .search__blockSingle .content dl dd {
        width: 100%
    }

    .search__block .service__keywordList {
        gap: 0rem 1rem
    }

    .search__block .service__keywordList li {
        margin-right: 0;
        margin: -0.7rem 0 0 0
    }

    .search__blockBtm:not(:last-child) {
        margin-bottom: 2.4rem
    }

    .mainvisualBackground--service .archive__now {
        margin: 0 0 0
    }

    .mainvisualBackground--service .archive__nowBtn {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .mainvisualBackground--service .archive__nowBtn p {
        border-radius: .5rem;
        border: none
    }

    .mainvisualBackground--service .archive__nowBtn button {
        width: 16.1rem;
        border-radius: .5rem;
        padding: 1.1rem 2.2rem 1.1rem .4rem
    }

    .mainvisualBackground--service .archive__nowBtn button::after {
        right: 1.2rem
    }

    .mainvisualBackground--service .archive__nowTtl {
        font-size: 1.6rem;
        padding: 0
    }

    .mainvisualBackground--service .archive__nowTtl::before {
        content: none
    }

    .mainvisualBackground--service .archive__tab {
        display: none
    }

    .mainvisualBackground--service .archive__select {
        width: 89%;
        margin: 2.5rem auto 0;
        position: relative
    }

    .mainvisualBackground--service .archive__select::after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-right: 5px solid rgba(0,0,0,0);
        border-left: 5px solid rgba(0,0,0,0);
        border-top: 8px solid #005691;
        border-bottom: 0;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 1.5rem;
        margin: auto
    }

    .mainvisualBackground--service .archive__select select {
        width: 100%;
        background: #fff;
        border-radius: .5rem;
        border: solid 1px #204f74;
        font-size: 1.5rem;
        color: #204f74;
        padding: .7rem 1rem
    }

    .mainvisualserviceDetailInner {
        height: auto
    }

    .mainvisualserviceDetailInner.consulting .serviceDetailMainvisual {
        padding: 3rem 2rem 20rem
    }

    .mainvisualserviceDetailInner.consulting .serviceDetailMainvisual__img {
        width: 69%;
        min-height: auto;
        bottom: 2rem;
        width: 62%
    }

    .mainvisualserviceDetailInner.coaching .serviceDetailMainvisual__img {
        width: 65%;
        min-height: auto;
        bottom: 2rem;
        width: 60%
    }

    .mainvisualserviceDetail .serviceDetailMainvisual {
        padding-right: 0;
        padding: 3rem 2rem 22.5rem
    }

    .mainvisualserviceDetail .serviceDetailMainvisual__cat {
        font-size: 1.2rem;
        padding: .7rem .9rem
    }

    .mainvisualserviceDetail .serviceDetailMainvisual__tag a {
        font-size: 1.4rem
    }

    .mainvisualserviceDetail .serviceDetailMainvisual__ttl {
        font-size: 2.2rem
    }

    .mainvisualserviceDetail .serviceDetailMainvisual__ttl--en {
        font-size: 1.6rem;
        margin: 1.5rem 0 1rem 0
    }

    .mainvisualserviceDetail .serviceDetailMainvisual__disc {
        font-size: 1.5rem;
        line-height: 1.7
    }

    .mainvisualserviceDetail .serviceDetailMainvisual__img {
        width: 65%;
        top: inherit;
        bottom: 2rem;
        left: 0;
        right: 0;
        width: 60%
    }
}

.underlayerService.underlayerService--detail div[class^=bgColor].dark .article__block h4 {
    margin-top: 0
}

.underlayerService.underlayerService--detail .point_ttl_area h2 {
    background-image: url(../images/tale_icon_01.webp);
    background-size: 8rem;
    background-repeat: no-repeat;
    background-position: left 4rem center;
    background-color: #fff;
    color: #1d4581;
    padding: 2rem 2rem 2rem 14rem;
    margin: 1rem 0 1rem 0
}

@media(max-width: 768px) {
    .underlayerService.underlayerService--detail .point_ttl_area h2 {
        background-position:left 2rem center;
        padding: 2rem 2rem 2rem 11rem
    }
}

.underlayerService.underlayerService--detail .point_ttl_area h3 {
    position: relative;
    padding-left: 2rem;
    font-weight: bold;
    font-size: 2.1rem;
    margin-bottom: 1.5rem
}

@media(max-width: 768px) {
    .underlayerService.underlayerService--detail .point_ttl_area h3 {
        font-size:1.9rem
    }
}

.underlayerService.underlayerService--detail .point_ttl_area h3:before {
    content: "";
    background-color: var(--colorMain);
    width: .6rem;
    height: .6rem;
    border-radius: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 1.8rem;
    top: 0
}

@media(max-width: 768px) {
    .underlayerService.underlayerService--detail .point_ttl_area h3:before {
        top:1.6rem
    }
}

@media(max-width: 768px) {
    .underlayerService .recommend .item__areaImg {
        height:21.7rem
    }
}

a.item__company {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2rem;
    margin: 0 0 1.7rem 0;
    letter-spacing: .04rem
}

@media(max-width: 768px) {
    a.item__company {
        font-size:1.4rem
    }
}

.no_white .inner .article__block {
    background-color: unset
}

.underlayerService.underlayerService--detail .no_white .inner .article__block>*:not(h2) {
    margin-left: 0;
    margin-right: 0
}

@media(max-width: 768px) {
    .mainvisualserviceDetail .serviceDetailMainvisual__ttl {
        margin-bottom:1rem;
        margin-top: 0rem
    }

    .underlayerService.underlayerService--detail .point_ttl_area ol li {
        line-height: 1.8
    }

    .underlayerService.underlayerService--detail .point_ttl_area ul li {
        line-height: 1.8
    }

    .underlayerService.underlayerService--detail .article__cont .nav {
        position: relative
    }

    .underlayerService.underlayerService--detail .article__cont .nav {
        top: 0;
        margin: 0
    }

    .underlayerService.underlayerService--detail .article h2:not(:last-child),.underlayerService.underlayerService--detail .article h3:not(:last-child),.underlayerService.underlayerService--detail .article h4:not(:last-child),.underlayerService.underlayerService--detail .article h5:not(:last-child) {
        margin-bottom: 2rem
    }

    .underlayerService.underlayerService--detail .article p:not([class]) {
        line-height: 1.8
    }

    .underlayerService.underlayerService--detail .article h3 {
        font-size: 1.8rem;
        line-height: 3rem
    }

    .underlayerService.underlayerService--detail div[class^=bgColor].dark h2 {
        padding: 0 0 1rem 3rem
    }

    .underlayerService.underlayerService--detail .article__outlineCont table tbody,.underlayerService.underlayerService--detail .article__outlineCont table tr {
        width: 100%;
        display: block
    }

    .underlayerService.underlayerService--detail .article__outlineCont table th,.underlayerService.underlayerService--detail .article__outlineCont table td {
        border: none;
        line-height: 1.8
    }

    .underlayerService.underlayerService--detail div[class^=bgColor].dark+div[class^=bgColor]:not(.dark) .inner {
        padding-top: 4rem
    }

    .underlayerService.underlayerService--detail .article__connectionImg img {
        width: 100%
    }

    .underlayerService.underlayerService--detail .article__faqSingle dt {
        line-height: 1.8
    }

    .underlayerService.underlayerService--detail .article__share {
        margin: 0rem auto
    }

    .item__company {
        font-size: 1.4rem
    }

    .underlayerService.underlayerService--detail .article ul li:not([class]) {
        line-height: 1.8
    }

    .underlayerService.underlayerService--detail .article .block--sceneEffectTxt ul:not([class]) li {
        line-height: 1.8
    }

    .underlayerService.underlayerService--detail .point_ttl_area h3:before {
        top: 0rem
    }
}

.item__company {
    color: #3d3d3d;
    font-size: 1.4rem
}

.introduction__list.service_bottom {
    margin: 0;
    gap: 2.4rem
}

.introduction__list.service_bottom .introduction__card {
    margin: 0
}

.introduction__list.service_bottom .introduction__card:nth-of-type(3n-2) {
    margin-left: 0
}

.introduction__list.service_bottom .introduction__card .introduction__cardImage {
    width: 100%;
    height: auto
}

.underlayerSeminarSingle .popularity__card .item__area img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.introduction__list.service_bottom {
    gap: 2.42rem
}

.introduction__list.service_bottom .introduction__card {
    width: 25.6rem
}

@media(max-width: 768px) {
    .introduction__list.service_bottom .introduction__card {
        width:100%
    }
}

.introduction__list.service_bottom .introduction__card .introduction__cardImage {
    height: 16.7rem
}

@media(max-width: 768px) {
    .introduction__list.service_bottom .introduction__card .introduction__cardImage {
        width:100%;
        height: auto
    }
}

.introduction__list.service_bottom .introduction__card .introduction__cardImage img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.inner.foot.borders {
    border-top: 1px solid #dcdcdc
}

@media(min-width: 769px) {
    .underlayerSeminar .popularity__card.mgn_b_3 .item {
        margin-bottom:3rem
    }
}

.underlayerService.underlayerService--detail .article_subTtl_head {
    font-size: 1.5rem;
    line-height: 1.7;
    margin-bottom: .5rem;
    color: #3d3d3d
}

@media(max-width: 768px) {
    .underlayerService.underlayerService--detail .article_subTtl_head {
        font-size:1.4rem;
        line-height: 1.7
    }
}

.underlayerService.underlayerService--detail .article_subTtl {
    font-size: 1.5rem;
    line-height: 1.7;
    margin-top: .5rem;
    color: #3d3d3d
}

@media(max-width: 768px) {
    .underlayerService.underlayerService--detail .article_subTtl {
        font-size:1.4rem;
        line-height: 1.7
    }
}

.underlayerService.underlayerService--detail .article__connectionTag dt.coating_service {
    background-color: #9284be
}

.underlayerService.underlayerService--detail .article__connectionTag dt.training_service {
    background-color: #2087ce
}

.underlayerService.underlayerService--detail .article__connectionTag dt.tarent_service {
    background-color: #bb5548
}

.underlayerService.underlayerService--detail .article__connectionTag dt.assessment_service {
    background-color: #cc5c79
}

.underlayerService.underlayerService--detail .article__connectionTag dt.consulting_service {
    background-color: #10a485
}

.underlayerService .checkList__block {
    padding: 0
}

.underlayerService .checkList__block .item {
    margin-top: 4rem;
    margin-bottom: 0
}

.underlayerService .checkList__block .item:last-of-type {
    margin-bottom: 4rem
}

.underlayerService .checkList__block.check_area .item__target {
    width: calc(100% - 28rem);
    margin: 0 0 0 auto
}

@media(max-width: 768px) {
    .underlayerService .checkList__block.check_area .item__target {
        width:100%
    }
}

.underlayerService .checkList__block.check_area .item__hashtag {
    width: calc(100% - 28rem);
    margin: 1rem 0 0 auto
}

@media(max-width: 768px) {
    .underlayerService .checkList__block.check_area .item__hashtag {
        width:100%
    }
}

.underlayerService .checkList__block.check_area input[type=checkbox]:checked+label .checkbox::before {
    border-color: var(--colorMain);
    background-color: var(--colorMain)
}

.underlayerService .checkList__block input[type=checkbox]:checked+label .checkbox::before .checkbox::before {
    border-color: var(--colorMain);
    background-color: var(--colorMain)
}

@media(max-width: 768px) {
    .underlayerService .checkList__block .checkbox::after {
        top:.6rem
    }
}

.underlayerService .favorite .support a {
    top: 0rem;
    border: none;
    -webkit-box-shadow: 0 .4rem 0 #854515;
    box-shadow: 0 .4rem 0 #854515;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media(min-width: 769px) {
    .underlayerService .favorite .support a:hover {
        top:.4rem;
        -webkit-box-shadow: 0 0 0 #854515;
        box-shadow: 0 0 0 #854515;
        color: #fff
    }
}

.underlayerService .c_red {
    color: red
}

.underlayerService .c_blue {
    color: #004e81
}

.underlayerService.underlayerService--detail.underlayer p.read {
    font-weight: bold;
    font-size: 2.1rem
}

@media(max-width: 768px) {
    .underlayerService.underlayerService--detail.underlayer p.read {
        font-size:1.8rem;
        line-height: 1.6666666667
    }
}

.underlayerService.underlayerService--detail.underlayer p .mark {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #FBEA53));
    background: linear-gradient(transparent 60%, #FBEA53 60%)
}

.article__voice h2 {
    margin-bottom: 3.5rem
}

@media(max-width: 768px) {
    .article__voice h2 {
        margin-bottom:2rem
    }
}

.underlayerService.underlayerService--detail .point_ttl_area ul {
    margin-left: 4rem;
    margin-right: 4rem
}

@media(max-width: 768px) {
    .underlayerService.underlayerService--detail .point_ttl_area ul {
        margin-left:2rem;
        margin-right: 2rem
    }
}

.underlayerService.underlayerService--detail .point_ttl_area ul li::before {
    background: url(../images/detail_checkIcon_blue.svg) no-repeat center center/1.3rem;
    background-color: #f1f7fb
}

.underlayerService.underlayerService--detail div[class^=bgColor].dark h2 {
    border-radius: 0
}

@media(min-width: 769px) {
    .underlayerService.underlayerService--detail .article a:hover u {
        text-decoration:none !important
    }
}

.underlayerService .checkList__block .item__target {
    margin: 1rem 0 0 0;
    z-index: 1
}

@media(max-width: 768px) {
    .underlayerService .checkList__block .item__target {
        margin:1rem 0 0 0
    }
}

.underlayerService .checkList__block.check_area .item__target {
    z-index: 1
}

@media(max-width: 768px) {
    .underlayerService .checkList__block.check_area .item__target {
        margin:0 0 0 0
    }
}

@media(max-width: 768px) {
    .underlayerService .checkList__block .item__areaTtl.ck {
        padding:0 0 0 3rem
    }
}

.underlayerService.underlayerService--detail .article__block .article__block {
    padding: 0rem 0 0 0;
    margin: 0
}

@media(max-width: 768px) {
    .underlayerService.underlayerService--detail .article__block .article__block {
        padding:0rem 0 0rem 0
    }
}

.underlayerService.underlayerService--detail .h2_no_mng .inner h2 {
    margin: 0;
    border-radius: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.underlayerService.underlayerService--detail .h2_no_mng .inner .article__block {
    border-radius: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

@media(max-width: 768px) {
    .underlayerService.underlayerService--detail .article__connectionTag {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        margin-bottom: .5rem
    }

    .underlayerService.underlayerService--detail .article__connectionTag dt {
        width: auto;
        padding: .7rem .8rem
    }

    .underlayerService.underlayerService--detail .article__connectionTag dd {
        margin: .5rem 0 0 0;
        width: 100%
    }
}

.underlayerService.underlayerService--detail .article__connectionTag dd {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media(max-width: 768px) {
    .underlayerService.underlayerService--detail .article__connectionTag dd {
        -webkit-box-flex:unset;
        -ms-flex: unset;
        flex: unset
    }
}

.item_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.underlayerService .popularity__card .item a {
    width: auto
}

@media(min-width: 769px) {
    .underlayerService.history .popularity__card .item .item__txtWrap a:hover .item__areaTtl {
        text-decoration:underline
    }
}

.underlayerSeminar .popularity__card .item_flex .item__areaImg {
    margin-right: 4rem
}

.underlayerService .checkList__block .item__txtWrap {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media(max-width: 768px) {
    .underlayerService .checkList__block .item__txtWrap {
        -webkit-box-flex:1;
        -ms-flex: auto;
        flex: auto
    }
}

@media(max-width: 768px) {
    .underlayerService .checkList__block .item:first-of-type {
        margin-top:0
    }

    .item_flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .underlayerSeminar .popularity__card .item_flex .item__areaImg {
        margin-right: 0rem
    }
}

.underlayerService .checkList__block .item__txtWrap {
    width: auto
}

.underlayerService .checkList__block.check_area .item__target.check {
    margin-top: -3rem
}

@media(max-width: 768px) {
    .underlayerService .checkList__block.check_area .item__target.check {
        margin-top:auto
    }
}

.history .popularity__card {
    gap: 0
}

.underlayerService .checkList__block .item {
    margin-top: 0
}

.underlayerService .checkList__block .item:first-of-type {
    margin-top: 4rem
}

@media(max-width: 768px) {
    .underlayerService .checkList__block .item:first-of-type {
        margin:0
    }
}

.underlayerService .checkList__block .item {
    border-bottom: 1px solid #ccc
}

@media(max-width: 768px) {
    .underlayerService .checkList__block .item {
        padding:2rem 0
    }
}

.underlayerService .popularity__card .item .item__target.check a {
    text-decoration: none
}

@media(min-width: 769px) {
    .underlayerService .popularity__card .item .item__target.check a:hover,.underlayerService .popularity__card .item .item__target a:hover {
        background:#efefef
    }
}

.history .popularity__card {
    gap: 3.88rem
}

@media(max-width: 768px) {
    .history .popularity__card {
        gap:0
    }
}

.underlayerService .checkList__block .item__areaTtl {
    line-height: 1.5
}

.underlayerService .checkList__block .item__areaTxt {
    margin-bottom: .5rem
}

.underlayerService .checkList__block .item__areaTtl {
    margin-bottom: .5rem
}

@media(max-width: 768px) {
    .underlayerService .checkList__block .item__hashtag {
        margin:1rem 0 0 0
    }
}

.voice_ttl {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.8;
    margin: 0 0 1rem 0
}

@media(max-width: 768px) {
    .voice_ttl {
        font-size:1.6rem;
        line-height: 1.7
    }
}

div.notfound {
    background: #f5f5f5;
    text-align: center;
    padding: 2rem 1rem;
    font-size: 1.8rem;
    color: #000
}

@media(max-width: 768px) {
    div.notfound {
        font-size:1.6rem
    }
}

.underlayerService.underlayerService--detail .article__contact a.no_tel_des {
    display: inline;
    font-family: var(--fontJA);
    line-height: 1.7;
    font-size: 1.1rem;
    padding: 0 0 0 0rem;
    background: none;
    margin-bottom: 0rem;
    font-weight: normal;
    color: var(--colorText)
}

@media(max-width: 768px) {
    .underlayerService.underlayerService--detail .article__contact a.no_tel_des {
        font-size:1.1rem
    }
}

@media(max-width: 768px) {
    .underlayerService.underlayerService--detail .article .rightClm {
        position:relative;
        top: auto;
        left: 0;
        right: 0;
        margin: auto;
        display: none
    }

    .underlayerService.underlayerService--detail .article .rightClm.fixed {
        position: relative;
        top: auto;
        left: 0;
        right: 0;
        margin: auto
    }

    .underlayerService.underlayerService--detail .article .rightClm__inner>div {
        margin: auto
    }

    .underlayerService.underlayerService--detail .linkBtn a:hover {
        color: var(--colorMain)
    }

    .underlayerService.underlayerService--detail .article .rightClm__shareInner::after {
        content: "";
        position: absolute;
        top: -1.2rem;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 .5rem 1rem .5rem;
        border-color: rgba(0,0,0,0) rgba(0,0,0,0) #d8d8d8 rgba(0,0,0,0);
        left: 2.3rem
    }

    .underlayerService.underlayerService--detail .article .rightClm__shareInner {
        left: 0;
        bottom: -23.3rem
    }
}

.underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item ._additional_text2 {
    color: #fff;
    background-color: #e14f6d;
    font-family: var(--fontEN);
    position: absolute;
    left: -1rem;
    top: -1rem;
    line-height: 1;
    font-size: 1.3rem;
    padding: .6rem 1.2rem;
    border-radius: 3rem;
    z-index: 1
}

.underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item ._display_text6 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1;
    font-size: 1.3rem;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item ._display_text6 ul li {
    margin-right: .5rem;
    margin-bottom: .4rem
}

.underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item ._display_text6 ul li a {
    display: block;
    padding: .5rem .8rem;
    border-radius: 3px;
    text-align: center;
    border: 1px solid #2f79b1;
    border-color: #1c3a4a;
    color: #1c3a4a;
    width: auto
}

.underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item ._display_text6 ul li a.leader {
    border: 1px solid #504964;
    border-color: #504964;
    color: #504964
}

.underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item ._display_text6 ul li a.manager_k {
    border: 1px solid #503d49;
    border-color: #503d49;
    color: #503d49
}

.underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item ._display_text6 ul li a.manager_b {
    border: 1px solid #1c3a4a;
    border-color: #1c3a4a;
    color: #1c3a4a
}

.underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item ._display_text6 ul li a.fresh {
    border: 1px solid #51635f;
    border-color: #51635f;
    color: #51635f
}

.underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item ._display_text6 ul li a.young {
    border: 1px solid #516351;
    border-color: #516351;
    color: #516351
}

.underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item ._display_text6 ul li a.middle {
    border: 1px solid #635159;
    border-color: #635159;
    color: #635159
}

@media(min-width: 769px) {
    .underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item ._display_text6 ul li a:hover {
        background:#efefef
    }
}

.underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item ._layoutgroup2 ._display_text4 button.isActive {
    background: #d56272
}

.underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item ._layoutgroup2 ._display_text4 button.isActive svg use {
    fill: #fff;
    stroke: #fff
}

.method_01_free_02 .service_btn_area {
    padding: 0rem 27rem 0rem 0;
    width: var(--innerW);
    margin-left: auto;
    margin-right: auto
}

@media(max-width: 768px) {
    .method_01_free_02 .service_btn_area {
        padding:0rem 2rem 1rem 2rem;
        width: 100%
    }
}

.method_01_free_02 .service_btn_area .service_btn_inr {
    text-align: center
}

.method_01_free_02 .service_btn_area .service_btn_inr a {
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #fff !important;
    background: #ff8c38;
    border: solid .1rem #ff8c38;
    -webkit-box-shadow: 0px .4rem 0px 0px #854515;
    box-shadow: 0px .4rem 0px 0px #854515;
    position: relative;
    display: inline-block;
    font-weight: 700;
    border-radius: .5rem;
    padding: 1.8rem 4.4rem 1.8rem 2.8rem;
    text-decoration: none !important;
    -webkit-transition: .4s;
    transition: .4s
}

@media(max-width: 768px) {
    .method_01_free_02 .service_btn_area .service_btn_inr a {
        font-size:1.6rem;
        padding: 1.2rem 4.4rem 1.2rem 2.8rem
    }
}

.method_01_free_02 .service_btn_area .service_btn_inr a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 2.2rem;
    bottom: 0;
    margin: auto;
    display: block;
    width: .5rem;
    height: .5rem;
    border-left: solid 2px #fff;
    border-bottom: solid 2px #fff;
    -webkit-transform: rotate(-134deg);
    transform: rotate(-134deg);
    -webkit-transition: all ease .2s;
    transition: all ease .2s
}

@media(min-width: 769px) {
    .method_01_free_02 .service_btn_area .service_btn_inr a:hover {
        margin-top:.3rem;
        margin-bottom: -0.3rem;
        -webkit-box-shadow: 0 0 0 0 #854515;
        box-shadow: 0 0 0 0 #854515
    }
}

@media(max-width: 768px) {
    .underlayerService.underlayerService--detail .article__cont .nav ul li a {
        line-height:1.5;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%
    }

    .underlayerService.underlayerService--detail.training .article__cont .nav ul li {
        border-bottom: solid 1px #b0bfc9
    }

    .underlayerService.underlayerService--detail.consulting .article__cont .nav ul li {
        border-bottom: solid 1px #b0c9b1
    }

    .underlayerService.underlayerService--detail.consulting .article__cont .nav ul li:nth-child(odd) {
        border-right: solid 1px #b0c9b1
    }

    .underlayerService.underlayerService--detail.talent .article__cont .nav ul li {
        border-bottom: solid 1px #d9bfbc
    }

    .underlayerService.underlayerService--detail.talent .article__cont .nav ul li:nth-child(odd) {
        border-right: solid 1px #d9bfbc
    }

    .underlayerService.underlayerService--detail.assessment .article__cont .nav ul li {
        border-bottom: solid 1px #d2bbc1
    }

    .underlayerService.underlayerService--detail.assessment .article__cont .nav ul li:nth-child(odd) {
        border-right: solid 1px #d2bbc1
    }

    .underlayerService.underlayerService--detail.coaching .article__cont .nav ul li {
        border-bottom: solid 1px #b0c7c9
    }

    .underlayerService.underlayerService--detail.coaching .article__cont .nav ul li:nth-child(odd) {
        border-right: solid 1px #b0c7c9
    }
}

.article__cont #cont1,.article__cont #cont2,.article__cont #cont3,.article__cont #cont4,.article__cont #cont5,.article__cont #cont6,.article__cont #cont7,.article__cont #cont8,.article__cont #cont9,.article__cont #cont10,.article__cont #cont11,.article__cont #cont12 {
    padding: 5rem 0 0 0
}

@media(max-width: 768px) {
    .article__cont #cont1,.article__cont #cont2,.article__cont #cont3,.article__cont #cont4,.article__cont #cont5,.article__cont #cont6,.article__cont #cont7,.article__cont #cont8,.article__cont #cont9,.article__cont #cont10,.article__cont #cont11,.article__cont #cont12 {
        padding:3rem 0 0rem 0
    }
}

.underlayerService.underlayerService--detail div[class^=bgColor].dark+div[class^=bgColor]:not(.dark) .inner {
    padding: 0rem 27rem 0rem 0
}

@media(max-width: 768px) {
    .underlayerService.underlayerService--detail div[class^=bgColor].dark+div[class^=bgColor]:not(.dark) .inner {
        padding:0 2rem
    }
}

.underlayerService.underlayerService--detail .dark {
    padding: 7rem 0;
    margin: 7rem 0
}

@media(max-width: 768px) {
    .underlayerService.underlayerService--detail .dark {
        padding:0rem 0rem;
        margin: 0rem 0
    }
}

.article__cont #cont3.dark {
    padding: 5rem 0
}

@media(max-width: 768px) {
    .article__cont #cont3.dark {
        padding:3rem 0
    }
}

@media(max-width: 768px) {
    .underlayerService.underlayerService--detail .article .bgColor--training .inner {
        padding:0rem 2rem
    }

    .underlayerService.underlayerService--detail.training .article .bgColor--training.dark .inner {
        padding: 0 2rem
    }
}

.underlayerService.underlayerService--detail .article .inner {
    padding: 0rem 27rem 0rem 0
}

@media(max-width: 768px) {
    .underlayerService.underlayerService--detail .article .inner {
        padding:3rem 2rem
    }
}

.underlayerService.underlayerService--detail .article__outlineCont {
    padding: 5rem
}

@media(max-width: 768px) {
    .underlayerService.underlayerService--detail .article__outlineCont {
        padding:2rem
    }
}

.underlayerService.underlayerService--detail .article__share {
    margin: 7rem auto 0
}

@media(max-width: 768px) {
    .underlayerService.underlayerService--detail .article__share {
        margin:3rem auto 0
    }
}

.article .article__cont .bgColor--coaching:last-of-type,.article .article__cont .bgColor--talent:last-of-type,.article .article__cont .bgColor--consulting:last-of-type,.article .article__cont .bgColor--training:last-of-type,.article .article__cont .bgColor--assessment:last-of-type {
    padding: 5rem 0 5rem 0 !important
}

@media(max-width: 768px) {
    .article .article__cont .bgColor--coaching:last-of-type,.article .article__cont .bgColor--talent:last-of-type,.article .article__cont .bgColor--consulting:last-of-type,.article .article__cont .bgColor--training:last-of-type,.article .article__cont .bgColor--assessment:last-of-type {
        padding:3rem 0 3rem 0 !important
    }
}

.article .article__cont .bgColor--coaching.dark:last-of-type,.article .article__cont .bgColor--talent.dark:last-of-type,.article .article__cont .bgColor--consulting.dark:last-of-type,.article .article__cont .bgColor--training.dark:last-of-type,.article .article__cont .bgColor--assessment.dark:last-of-type {
    padding: 5rem 0 5rem 0 !important
}

@media(max-width: 768px) {
    .article .article__cont .bgColor--coaching.dark:last-of-type,.article .article__cont .bgColor--talent.dark:last-of-type,.article .article__cont .bgColor--consulting.dark:last-of-type,.article .article__cont .bgColor--training.dark:last-of-type,.article .article__cont .bgColor--assessment.dark:last-of-type {
        padding:3rem 0 3rem 0 !important
    }
}

@media(max-width: 768px) {
    .dark .area {
        padding:0
    }

    .underlayerService.underlayerService--detail .article .inner {
        padding: 0 2rem
    }

    .article__cont #cont6.bgColor--training:last-of-type,.article__cont #cont6.bgColor--coaching:last-of-type,.article__cont #cont5.bgColor--talent:last-of-type,.article__cont #cont6.bgColor--consulting:last-of-type,.article__cont #cont5.bgColor--consulting:last-of-type {
        padding: 3rem 0 !important
    }
}

.bgColor--assessment.dark.dark_margin {
    margin: 0rem auto 0 !important
}

@media(max-width: 768px) {
    .bgColor--assessment.dark.dark_margin {
        margin:0 0 0 0 !important
    }
}

.service_meta_sp {
    display: none
}

@media(max-width: 768px) {
    .service_meta_sp {
        padding:0 2rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
        margin: 0 0 -1rem 0
    }

    .service_meta_sp li {
        margin: 0
    }

    .service_meta_sp .singleMeta {
        margin: 2rem 0 0 0
    }

    .service_meta_sp .singleMeta .btn2 li.share .btn:before {
        background: #fff url(/assets/images/share.svg) center center no-repeat;
        background-size: 2.4rem
    }

    .service_meta_sp .singleMeta .btn2 li.favorite button:before {
        background: #fff url(/service/assets/images/icon_sidebar03.svg) center center no-repeat;
        background-size: 1.8rem
    }
}

@media(max-width: 768px) {
    .singleMeta .btn2 li.favorite button.isActive:before {
        background:#d56272 url(/service/assets/images/icon_sidebar03_h.svg) center center no-repeat;
        background-size: 1.8rem
    }
}

.underlayerService.underlayerService--detail .article .service_meta_sp ul li {
    margin: 0
}

.underlayerService.underlayerService--detail .article .rightClm__fav.isActive {
    background-image: url(../../assets/images/icon_sidebar03_h.svg);
    background-position: right 1rem center;
    background-size: 1.3rem;
    padding-left: 1rem;
    color: #fff;
    background-color: #d56272
}

.underlayerService.underlayerService--detail div[class^=bgColor].dark {
    margin: 5rem 0 0 0;
    padding: 5rem 0
}

@media(max-width: 768px) {
    .underlayerService.underlayerService--detail div[class^=bgColor].dark {
        padding:3rem 0
    }
}

.article__cont #cont4.dark,.article__cont #cont5.dark,.article__cont #cont2.dark {
    padding: 5rem 0
}

@media(max-width: 768px) {
    .article__cont #cont4.dark,.article__cont #cont5.dark,.article__cont #cont2.dark {
        padding:3rem 0
    }
}

.underlayerService.underlayerService--detail .article .dark a {
    color: #fff;
    text-decoration: underline
}

.underlayerService.underlayerService--detail .article .dark .article__block a {
    color: var(--colorMain);
    text-decoration: underline
}

.underlayerService.underlayerServicePickup--detail .article__cont .nav ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media(max-width: 768px) {
    .underlayerService.underlayerServicePickup--detail .article__cont .nav ul li {
        -webkit-box-flex:unset;
        -ms-flex: unset;
        flex: unset
    }
}

@media(min-width: 769px) {
    .underlayerService.underlayerServicePickup--detail .article__cont .nav ul li:first-child:after {
        content:"";
        display: block;
        width: 1px;
        height: 2rem;
        background-color: #b0bfc9;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto
    }
}

.rightClm #flipdesk_chat-extra-btn {
    width: 21rem;
    margin: 1rem 0 0 0;
    display: block
}

@media(max-width: 768px) {
    .rightClm #flipdesk_chat-extra-btn {
        position:fixed;
        width: calc(100% - 2rem);
        z-index: 9;
        bottom: 6rem;
        left: 1rem
    }
}

@media(min-width: 769px) {
    .rightClm #flipdesk_chat-extra-btn .onlypc {
        display:block
    }

    .rightClm #flipdesk_chat-extra-btn .onlysp {
        display: none
    }

    .rightClm #flipdesk_chat-extra-btn a:hover img {
        opacity: .7
    }
}

@media(max-width: 768px) {
    .rightClm #flipdesk_chat-extra-btn .onlypc {
        display:none
    }

    .rightClm #flipdesk_chat-extra-btn .onlysp {
        display: block
    }
}

@media(max-width: 768px) {
    .underlayerService.underlayerService--detail .article .rightClm {
        display:block
    }

    .underlayerService.underlayerService--detail .article .rightClm__inner {
        display: none
    }
}

.introduction__cardCompany .tag {
    width: 100%
}

.underlayerService .extra_banners {
    width: 110rem;
    margin: 5rem auto 0;
    padding: 5rem 27rem 0rem 0
}

.underlayerService .extra_banners a img {
    max-width: 73rem;
    margin: auto
}

@media(max-width: 768px) {
    .underlayerService .extra_banners {
        margin:3rem auto 0;
        padding: 0 2rem
    }

    .underlayerService .extra_banners a img {
        max-width: 100%
    }
}

.underlayerSupport {
    padding: 4rem 0 0 0
}

.underlayerSupport .ranking {
    margin: 0 0 8rem 0
}

.underlayerSupport .ranking__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2.47rem;
    counter-reset: item
}

.underlayerSupport .ranking__item .item {
    position: relative;
    width: 25.63rem
}

.underlayerSupport .ranking__item .item:before {
    position: absolute;
    top: -1.7rem;
    left: -1rem;
    counter-increment: item;
    content: counter(item);
    font-size: 1.3rem;
    font-weight: 700;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
    -webkit-transition: all ease .2s;
    transition: all ease .2s
}

.underlayerSupport .ranking__item .item:nth-child(1):before {
    background: #e9d46a
}

.underlayerSupport .ranking__item .item:nth-child(2):before {
    background: #d1d1d1
}

.underlayerSupport .ranking__item .item:nth-child(3):before {
    background: #dfacb5
}

.underlayerSupport .ranking__item .item:nth-child(4):before {
    background: #caeef2
}

@media(min-width: 769px) {
    .underlayerSupport .ranking__item .item:hover:before {
        width:3.1rem;
        height: 3.1rem;
        top: -1.9rem;
        left: -1.2rem
    }

    .underlayerSupport .ranking__item .item:hover img {
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }

    .underlayerSupport .ranking__item .item:hover .item__areaTtl {
        color: var(--colorMain)
    }

    .underlayerSupport .ranking__item .item:hover .item__areaTtl span {
        background-size: 100% 1px
    }
}

.underlayerSupport .ranking__item .item a {
    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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%
}

.underlayerSupport .ranking__item .item a:before {
    position: absolute;
    top: .3rem;
    left: -0.3rem;
    content: "";
    height: 1.22rem;
    width: 1.22rem;
    background: #d22570
}

.underlayerSupport .ranking__item .item a:after {
    position: absolute;
    top: 1.5rem;
    left: -0.3rem;
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border-left: .6rem solid #d22570;
    border-right: .6rem solid #d22570;
    border-bottom: .6rem solid rgba(0,0,0,0)
}

@media(min-width: 769px) {
    .underlayerSupport .ranking__item .item a:hover .item__areaBtn {
        margin-top:2.3rem;
        margin-bottom: -0.3rem;
        -webkit-box-shadow: 0 0 0 #005691;
        box-shadow: 0 0 0 #005691
    }
}

.underlayerSupport .ranking__item .item__areaImg {
    height: 16.6rem;
    background: #f3f3f3;
    border-radius: .5rem;
    padding: 1.5rem;
    margin: 0 0 1rem 0;
    border: 1px solid #d8d8d8
}

.underlayerSupport .ranking__item .item__areaImg img {
    width: auto;
    height: 13.6rem;
    margin: auto;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

.underlayerSupport .ranking__item .item__areaCopy {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.3rem;
    margin: 0 0 .2rem 0
}

.underlayerSupport .ranking__item .item__areaTtl {
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 2.9rem
}

.underlayerSupport .ranking__item .item__areaTtl span {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--colorMain)), to(var(--colorMain))) 0 100%/0 1px no-repeat;
    background: linear-gradient(var(--colorMain), var(--colorMain)) 0 100%/0 1px no-repeat;
    -webkit-transition: background .3s;
    transition: background .3s
}

.underlayerSupport .ranking__item .item__areaTag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .44rem;
    margin: 1.6rem 0 0 0
}

.underlayerSupport .ranking__item .item__areaTag span {
    display: inline-block;
    background: #fff;
    font-size: 1.4rem;
    line-height: 2rem;
    padding: .3rem 1.3rem;
    border-radius: 5rem;
    border: solid 1px #dcdcdc
}

.underlayerSupport .ranking__item .item__areaBtn {
    width: 21.5rem;
    margin: 2rem auto 0 auto;
    position: relative;
    background: #2f79b1 url(../../assets/images/icon_support_download.svg) no-repeat right 2.2rem center;
    color: #fff;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 700;
    padding: 1rem 3rem;
    border-radius: .5rem;
    -webkit-box-shadow: 0 .3rem 0 #0f4771;
    box-shadow: 0 .3rem 0 #0f4771;
    -webkit-transition: all .2s;
    transition: all .2s
}

.underlayerSupport .themeFlow__tab {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1rem
}

.underlayerSupport .themeFlow__tab::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    border-bottom: solid 1px var(--colorMain);
    z-index: 1
}

.underlayerSupport .themeFlow__tab li button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30rem;
    height: 8.2rem;
    position: relative;
    display: block;
    border-top: solid 1px #dce9f2;
    border-left: solid 1px #dce9f2;
    border-right: solid 1px #dce9f2;
    font-size: 2.1rem;
    font-weight: 700;
    line-height: 3rem;
    background: #dce9f2;
    border-radius: .5rem .5rem 0 0;
    text-align: center;
    color: #005691
}

.underlayerSupport .themeFlow__tab li button.isActive {
    color: #000;
    background: #f1f7fb;
    border-top: solid 1px var(--colorMain);
    border-left: solid 1px var(--colorMain);
    border-right: solid 1px var(--colorMain);
    z-index: 2
}

.underlayerSupport .themeFlow .themeTab {
    padding: 5.1rem 0;
    background: #f1f7fb;
    display: none
}

.underlayerSupport .themeFlow .themeTab.isActive {
    display: block
}

.underlayerSupport .themeFlow .themeTab__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .4rem;
    margin: 0 0 6.7rem 0
}

.underlayerSupport .themeFlow .themeTab__menu li {
    width: calc(33.3333333333% - .27rem)
}

.underlayerSupport .themeFlow .themeTab__menu li a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border: solid 1px #d4e2eb;
    border-radius: .3rem
}

@media(min-width: 769px) {
    .underlayerSupport .themeFlow .themeTab__menu li a:hover {
        border:solid 1px var(--colorMain);
        background: #f1f7fb
    }

    .underlayerSupport .themeFlow .themeTab__menu li a:hover .img img {
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }

    .underlayerSupport .themeFlow .themeTab__menu li a:hover::after {
        top: .5rem
    }
}

.underlayerSupport .themeFlow .themeTab__menu li a::after {
    content: "";
    position: absolute;
    top: 0;
    right: 2rem;
    bottom: 0;
    margin: auto;
    width: 1rem;
    height: 1rem;
    -webkit-transform: translateX(0%) rotate(45deg);
    transform: translateX(0%) rotate(45deg);
    border-right: solid 1.5px var(--colorMain);
    border-bottom: solid 1.5px var(--colorMain);
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.underlayerSupport .themeFlow .themeTab__menu li a .img {
    width: 7.6rem;
    height: 7.5rem;
    overflow: hidden;
    margin: 0 1.8rem 0 0
}

.underlayerSupport .themeFlow .themeTab__menu li a .img img {
    width: 7.6rem;
    height: 7.5rem;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

.underlayerSupport .themeFlow .themeTab__menu li a .text {
    font-size: 1.7rem;
    font-weight: 500;
    line-height: 2.5rem;
    color: #204f74
}

.underlayerSupport .themeFlow .themeTab__menu li a .text span {
    font-size: 1.4rem
}

.underlayerSupport .themeFlow .themeTab__ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 2rem 0
}

.underlayerSupport .themeFlow .themeTab__ttl img {
    width: 12.63rem;
    height: 9.665rem;
    border-radius: .5rem;
    margin: 0 2.8rem 0 0
}

.underlayerSupport .themeFlow .themeTab__ttlText {
    width: 67.815rem;
    padding: 0 0 .6rem 0
}

.underlayerSupport .themeFlow .themeTab__ttlText .ttl {
    font-size: 2.8rem;
    font-weight: 700
}

.underlayerSupport .themeFlow .themeTab__ttlText .text {
    font-size: 1.6rem;
    line-height: 2.8rem
}

.underlayerSupport .themeFlow .themeTab__contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2.47rem;
    counter-reset: item;
    border-bottom: solid 1px #dcdcdc;
    padding: 0 0 1rem 0;
    margin: 0 0 5rem 0
}

.underlayerSupport .themeFlow .themeTab__contents:last-child {
    border-bottom: none
}

.underlayerSupport .themeFlow .themeTab__contents .item {
    position: relative;
    width: 25.63rem;
    margin-bottom: 5rem
}

@media(min-width: 769px) {
    .underlayerSupport .themeFlow .themeTab__contents .item:hover:before {
        width:3.1rem;
        height: 3.1rem;
        top: -1.9rem;
        left: -1.2rem
    }

    .underlayerSupport .themeFlow .themeTab__contents .item:hover img {
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }

    .underlayerSupport .themeFlow .themeTab__contents .item:hover .item__areaTtl {
        color: var(--colorMain)
    }

    .underlayerSupport .themeFlow .themeTab__contents .item:hover .item__areaTtl span {
        background-size: 100% 1px
    }
}

.underlayerSupport .themeFlow .themeTab__contents .item a {
    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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%
}

@media(min-width: 769px) {
    .underlayerSupport .themeFlow .themeTab__contents .item a:hover .item__areaBtn {
        margin-top:2.3rem;
        margin-bottom: -0.3rem;
        -webkit-box-shadow: 0 0 0 #005691;
        box-shadow: 0 0 0 #005691
    }
}

.underlayerSupport .themeFlow .themeTab__contents .item__areaImg {
    border-radius: .5rem;
    margin: 0 0 1rem 0;
    width: 25.63rem;
    height: 16.665rem;
    overflow: hidden;
    border: 1px solid #d8d8d8
}

.underlayerSupport .themeFlow .themeTab__contents .item__areaImg img {
    width: 25.63rem;
    height: 16.665rem;
    margin: auto;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

.underlayerSupport .themeFlow .themeTab__contents .item__areaCopy {
    font-size: 1.4rem;
    line-height: 2.3rem;
    margin: 0 0 .1rem 0
}

.underlayerSupport .themeFlow .themeTab__contents .item__areaTtl {
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 2.9rem
}

.underlayerSupport .themeFlow .themeTab__contents .item__areaTtl span {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--colorMain)), to(var(--colorMain))) 0 100%/0 1px no-repeat;
    background: linear-gradient(var(--colorMain), var(--colorMain)) 0 100%/0 1px no-repeat;
    -webkit-transition: background .3s;
    transition: background .3s
}

.underlayerSupport .themeFlow .themeTab__contents .item__areaTag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .44rem;
    margin: 1.6rem 0 0 0
}

.underlayerSupport .themeFlow .themeTab__contents .item__areaTag span {
    display: inline-block;
    background: #fff;
    font-size: 1.4rem;
    line-height: 2rem;
    padding: .5rem 1.3rem;
    border-radius: 5rem;
    border: solid 1px #dcdcdc
}

.underlayerSupport .themeFlow .themeTab__contents .item__areaBtn {
    width: 21.5rem;
    margin: 2rem auto 0 auto;
    position: relative;
    background: #2f79b1 url(../../assets/images/icon_support_download.svg) no-repeat right 2.2rem center;
    color: #fff;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 700;
    padding: 1rem 3rem;
    border-radius: .5rem;
    -webkit-box-shadow: 0 .3rem 0 #0f4771;
    box-shadow: 0 .3rem 0 #0f4771;
    -webkit-transition: all .2s;
    transition: all .2s
}

.underlayerSupport .themeFlow .flowTab {
    padding: 5.1rem 0 10rem 0;
    background: #f1f7fb;
    display: none
}

.underlayerSupport .themeFlow .flowTab.isActive {
    display: block
}

.underlayerSupport .themeFlow .flowTab__menu {
    background: #fff;
    padding: 2.2rem 4rem;
    margin: 0 0 9.2rem 0
}

.underlayerSupport .themeFlow .flowTab__menu .ttl {
    position: relative;
    font-size: 2.1rem;
    font-weight: 700;
    text-align: center;
    margin: 0 0 2.6rem 0
}

.underlayerSupport .themeFlow .flowTab__menu .ttl::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 65.25rem;
    height: 1px;
    background: #005691;
    margin: auto
}

.underlayerSupport .themeFlow .flowTab__menu .ttl span {
    position: relative;
    z-index: 1;
    background: #fff;
    padding: 0 2rem
}

.underlayerSupport .themeFlow .flowTab__menu .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .65rem
}

.underlayerSupport .themeFlow .flowTab__menu .list li {
    width: 25%
}

.underlayerSupport .themeFlow .flowTab__menu .list li:last-child a:after {
    display: none
}

.underlayerSupport .themeFlow .flowTab__menu .list li:nth-child(1) a {
    background: #dfecf5 url(../../assets/images/icon_step01.svg) no-repeat left 1.4rem center;
    background-size: 4.1rem auto
}

.underlayerSupport .themeFlow .flowTab__menu .list li:nth-child(2) a {
    background: #dfecf5 url(../../assets/images/icon_step02.svg) no-repeat left 1.4rem center;
    background-size: 4.1rem auto
}

.underlayerSupport .themeFlow .flowTab__menu .list li:nth-child(3) a {
    background: #dfecf5 url(../../assets/images/icon_step03.svg) no-repeat left 1.4rem center;
    background-size: 4.1rem auto
}

.underlayerSupport .themeFlow .flowTab__menu .list li:nth-child(4) a {
    background: #dfecf5 url(../../assets/images/icon_step04.svg) no-repeat left 1.4rem center;
    background-size: 4.1rem auto
}

.underlayerSupport .themeFlow .flowTab__menu .list li .step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.2rem;
    font-family: var(--fontEN);
    font-weight: 500;
    margin: 0 0 .5rem 0
}

.underlayerSupport .themeFlow .flowTab__menu .list li .step i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    width: 1.8rem;
    height: 1.8rem;
    background: #005691;
    font-style: normal;
    font-size: 1.1rem;
    margin: 0 0 0 .7rem;
    border-radius: 100%
}

.underlayerSupport .themeFlow .flowTab__menu .list li a {
    position: relative;
    display: block;
    background: #dfecf5;
    font-size: 1.7rem;
    font-weight: 500;
    color: #204f74;
    padding: 1.4rem 0 1.4rem 7rem
}

.underlayerSupport .themeFlow .flowTab__menu .list li a:after {
    position: absolute;
    top: 0;
    right: -1.7rem;
    bottom: 0;
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border-left: 3.2rem solid #fff;
    border-right: 3.2rem solid #fff;
    border-bottom: 3.1rem solid rgba(0,0,0,0);
    margin: auto;
    -webkit-transform: translateX(0%) rotate(90deg);
    transform: translateX(0%) rotate(90deg)
}

.underlayerSupport .themeFlow .flowTab__menu .list li a span {
    position: relative
}

.underlayerSupport .themeFlow .flowTab__menu .list li a span::after {
    content: "";
    position: absolute;
    top: 0;
    right: -2.7rem;
    bottom: 0;
    margin: auto;
    width: 1rem;
    height: 1rem;
    -webkit-transform: translateX(0%) rotate(45deg);
    transform: translateX(0%) rotate(45deg);
    border-right: solid 1.5px var(--colorMain);
    border-bottom: solid 1.5px var(--colorMain);
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.underlayerSupport .themeFlow .flowTab__contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: solid 1px #b4c5d1;
    padding: 0 0 5rem 0;
    margin: 0 0 5.3rem 0
}

.underlayerSupport .themeFlow .flowTab__contents:last-child {
    border: none;
    padding: 0;
    margin: 0
}

.underlayerSupport .themeFlow .flowTab__contents .ttl {
    font-size: 2.5rem;
    font-weight: 700;
    padding: 0 7rem 0 9rem;
    width: 26.5rem
}

.underlayerSupport .themeFlow .flowTab__contents .ttl.step1 {
    background: url(/service/assets/images/icon_step01_big.svg) no-repeat left top .5rem;
    background-size: 7.2rem auto
}

.underlayerSupport .themeFlow .flowTab__contents .ttl.step2 {
    background: url(/service/assets/images/icon_step02_big.svg) no-repeat left top .5rem;
    background-size: 7.2rem auto
}

.underlayerSupport .themeFlow .flowTab__contents .ttl.step3 {
    background: url(/service/assets/images/icon_step03_big.svg) no-repeat left top .5rem;
    background-size: 7.2rem auto
}

.underlayerSupport .themeFlow .flowTab__contents .ttl.step4 {
    background: url(/service/assets/images/icon_step04_big.svg) no-repeat left top .5rem;
    background-size: 7.2rem auto
}

.underlayerSupport .themeFlow .flowTab__contents .ttl span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.4rem;
    font-family: var(--fontEN);
    font-weight: 500
}

.underlayerSupport .themeFlow .flowTab__contents .ttl span i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    width: 3.1rem;
    height: 3.1rem;
    background: #005691;
    font-style: normal;
    font-size: 1.6rem;
    margin: 0 0 0 .7rem;
    border-radius: 100%
}

.underlayerSupport .themeFlow .flowTab__contents .step {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 3.43rem;
    padding: 1.2rem 0 0 0
}

.underlayerSupport .themeFlow .flowTab__contents .step dl {
    width: 40rem
}

.underlayerSupport .themeFlow .flowTab__contents .step dl dt {
    position: relative;
    font-size: 1.6rem;
    line-height: 2.8rem;
    font-weight: 400;
    padding: 0 0 0 7.8rem;
    margin: 0 0 1.2rem 0;
    min-height: 10.4rem;
    background: url(/service/assets/images/icon_question.svg) no-repeat left top;
    background-size: 6.2rem auto
}

.underlayerSupport .themeFlow .flowTab__contents .step dl dt::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 4.594rem;
    height: 1.318rem;
    background: #efc63d;
    -webkit-clip-path: polygon(0 0, 100% 0%, 50% 100%);
    clip-path: polygon(0 0, 100% 0%, 50% 100%)
}

.underlayerSupport .themeFlow .flowTab__contents .step dl dd figure {
    margin: 0 0 1rem 0
}

.underlayerSupport .themeFlow .flowTab__contents .step dl dd figure img {
    width: 40rem;
    height: 26rem;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: .5rem
}

.underlayerSupport .themeFlow .flowTab__contents .step dl dd .text {
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
    line-height: 3.1rem
}

.underlayerSupport .themeFlow .flowTab__contents .step dl dd .text span {
    display: block;
    font-size: 1.6rem;
    font-weight: 500
}

.underlayerSupport .themeFlow .flowTab__contents .step dl dd a figure {
    border-radius: .5rem;
    margin: 0 0 1rem 0;
    width: 40rem;
    height: 26rem;
    overflow: hidden
}

.underlayerSupport .themeFlow .flowTab__contents .step dl dd a figure img {
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

@media(min-width: 769px) {
    .underlayerSupport .themeFlow .flowTab__contents .step dl dd a:hover img {
        -webkit-transform:scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }
}

.underlayerSupport .themeFlow .flowTab__contents .step dl dd a .item__areaBtn {
    width: 21.5rem;
    margin: 2rem auto 0 auto;
    position: relative;
    background: #2f79b1 url(../../assets/images/icon_support_download.svg) no-repeat right 2.2rem center;
    color: #fff;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 700;
    padding: 1rem 3rem;
    border-radius: .5rem;
    -webkit-box-shadow: 0 .3rem 0 #0f4771;
    box-shadow: 0 .3rem 0 #0f4771;
    -webkit-transition: all .2s;
    transition: all .2s
}

.underlayerSupport .themeFlow .flowTab__contents .step dl dd .text em {
    font-style: normal;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--colorMain)), to(var(--colorMain))) 0 100%/0 1px no-repeat;
    background: linear-gradient(var(--colorMain), var(--colorMain)) 0 100%/0 1px no-repeat;
    -webkit-transition: background .3s;
    transition: background .3s
}

@media(min-width: 769px) {
    .underlayerSupport .themeFlow .flowTab__contents .step dl dd a:hover .item__areaBtn {
        margin-top:2.3rem;
        margin-bottom: -0.3rem;
        -webkit-box-shadow: 0 0 0 #005691;
        box-shadow: 0 0 0 #005691
    }

    .underlayerSupport .themeFlow .flowTab__contents .step dl dd a:hover .text em {
        background-size: 100% 1px;
        color: var(--colorMain)
    }
}

.underlayerSupport .themeFlow .themeTab__contents:last-of-type {
    margin: 0 0 0 0
}

@media(max-width: 768px) {
    .underlayerSupport .themeFlow .flowTab__contents .step dl dd .text span {
        font-size:1.4rem;
        line-height: 2.3rem;
        font-weight: 400
    }

    .underlayerSupport .themeFlow .flowTab__contents .step dl dd .text {
        text-align: center;
        font-size: 1.9rem;
        font-weight: 700;
        line-height: 3.1rem
    }

    .underlayerSupport .themeFlow .flowTab__contents .step dl dd a figure {
        border-radius: .5rem;
        margin: 0 0 1rem 0;
        width: 100%;
        height: auto;
        overflow: hidden
    }

    .underlayerSupport .themeFlow .flowTab__contents .step dl dd figure img {
        width: 100%;
        height: auto;
        -o-object-fit: cover;
        object-fit: cover;
        border-radius: .5rem
    }

    .underlayerSupport .themeFlow .flowTab__contents .step {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 3.43rem;
        padding: 1.2rem 0 0 0;
        width: 100%
    }

    .underlayerSupport .themeFlow .flowTab__contents {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border-bottom: solid 1px #b4c5d1;
        padding: 0 0 4rem 0;
        margin: 0 0 4rem 0
    }

    .underlayerSupport .themeFlow .flowTab__menu .list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: .65rem
    }

    .underlayerSupport .themeFlow .flowTab__menu .list li {
        width: 100%
    }

    .underlayerSupport .themeFlow .flowTab__menu .ttl {
        font-size: 2.1rem;
        line-height: 1.5;
        font-weight: 700;
        margin: 0 0 2rem 0
    }

    .underlayerSupport .themeFlow .flowTab__menu .ttl::before {
        content: none
    }

    .underlayerSupport .themeFlow .flowTab__menu .ttl span {
        padding: 0
    }

    .underlayerSupport .themeFlow .flowTab {
        padding: 3rem 0 5rem 0
    }

    .underlayerSupport .themeFlow .flowTab__menu {
        padding: 2rem 2rem;
        margin: 0 0 5rem 0
    }

    .underlayerSupport .ranking {
        margin: 0 0 5rem 0
    }

    .underlayerSupport .ranking__item .item {
        width: 100%;
        margin: 0 0 4rem 0
    }

    .underlayerSupport .ranking__item .item__areaImg {
        height: auto;
        width: 100%;
        margin: 0 0 1rem 0
    }

    .underlayerSupport .ranking__item .item__areaImg img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .underlayerSupport .ranking__item .item__areaTag {
        margin: 1rem 0 0 0
    }

    .underlayerSupport .ranking__item .item__areaTag span {
        font-size: 1.3rem
    }

    .underlayerSupport .themeFlow__tab li button {
        width: 100%;
        font-size: 1.7rem;
        height: 6rem;
        padding: 0 2rem
    }

    .underlayerSupport .themeFlow .themeTab__menu li {
        width: 100%
    }

    .underlayerSupport .themeFlow .themeTab__menu li a .text {
        font-size: 1.5rem;
        line-height: 2.2rem
    }

    .underlayerSupport .themeFlow .themeTab {
        padding: 3rem 0
    }

    .underlayerSupport .themeFlow .themeTab__menu li a .text {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 0 5rem 0 0
    }

    .underlayerSupport .themeFlow .themeTab__ttl img {
        width: 9.3rem;
        height: 6.9rem;
        border-radius: .5rem;
        margin: 0 2rem 0 0;
        margin: 0
    }

    .underlayerSupport .themeFlow .themeTab__ttlText .ttl {
        font-size: 2.1rem;
        line-height: 1.7
    }

    .underlayerSupport .themeFlow .themeTab__ttlText {
        width: auto;
        width: 20rem
    }

    .underlayerSupport .themeFlow .themeTab__contents .item {
        position: relative;
        width: 100%;
        margin-bottom: 4rem
    }

    .underlayerSupport .themeFlow .themeTab__contents .item__areaImg {
        border-radius: .5rem;
        margin: 0 0 1rem 0;
        width: 100%;
        height: auto;
        overflow: hidden
    }

    .underlayerSupport .themeFlow .themeTab__contents .item__areaImg img {
        -o-object-fit: cover;
        object-fit: cover
    }

    .underlayerSupport .themeFlow .themeTab__contents .item__areaImg img {
        width: 100%;
        height: auto
    }

    .underlayerSupport .ranking__item {
        gap: 0
    }

    .underlayerSupport .themeFlow .themeTab__contents {
        gap: 0
    }

    .themeFlow {
        margin-top: -10rem;
        padding-top: 10rem
    }

    .underlayerSupport .themeFlow .themeTab__ttl {
        margin-top: -10rem;
        padding-top: 10rem
    }

    .underlayerSupport .themeFlow .themeTab__ttl figure {
        width: 12rem
    }

    .underlayerSupport .ranking__item .item:last-of-type {
        margin: 0
    }
}

.support_back {
    margin: 0 auto 2rem;
    font-size: 1.5rem;
    width: 100%;
    text-align: center
}

.support_back a {
    text-decoration: underline;
    color: var(--colorMain)
}

@media(min-width: 769px) {
    .support_back a:hover {
        text-decoration:none
    }
}

@media(min-width: 769px) {
    .underlayerSupport .ranking__item .item .item__areaTag a span {
        -webkit-transition:all ease .4s;
        transition: all ease .4s
    }

    .underlayerSupport .ranking__item .item .item__areaTag a:hover span {
        background: #dcdcdc
    }

    .underlayerSupport .themeFlow .flowTab__menu .list li:nth-child(1) a:hover {
        text-decoration: underline;
        background: #cce1f1 url(../../assets/images/icon_step01.svg) no-repeat left 1.4rem center;
        background-size: 4.1rem auto
    }

    .underlayerSupport .themeFlow .flowTab__menu .list li:nth-child(2) a:hover {
        text-decoration: underline;
        background: #cce1f1 url(../../assets/images/icon_step02.svg) no-repeat left 1.4rem center;
        background-size: 4.1rem auto
    }

    .underlayerSupport .themeFlow .flowTab__menu .list li:nth-child(3) a:hover {
        text-decoration: underline;
        background: #cce1f1 url(../../assets/images/icon_step03.svg) no-repeat left 1.4rem center;
        background-size: 4.1rem auto
    }

    .underlayerSupport .themeFlow .flowTab__menu .list li:nth-child(4) a:hover {
        text-decoration: underline;
        background: #cce1f1 url(../../assets/images/icon_step04.svg) no-repeat left 1.4rem center;
        background-size: 4.1rem auto
    }

    .underlayerSupport .themeFlow__tab li button:hover {
        background: #cce1f1
    }

    .underlayerSupport .themeFlow__tab li button.isActive:hover {
        background: #f1f7fb
    }
}

@media(max-width: 768px) {
    .underlayerSupport .ranking__item .item a {
        height:auto
    }

    .underlayerSupport .ranking__item .item__areaTag {
        margin: 2rem 0 0 0
    }
}

.underlayerSupport .ranking__item.ranks .item a {
    height: 90%
}

@media(max-width: 768px) {
    .underlayerSupport .ranking__item.ranks .item a {
        height:auto
    }
}

.underlayerSupport .themeFlow .flowTab__contents .step dl dd a figure {
    border: 1px solid #d8d8d8
}

.applicationForm__main figure {
    border: 1px solid #dfdfdf
}

.applicationForm__main figure img {
    width: 100%
}

.underlayer.underlayerSupport .ranking .inner ._sitesearch_component {
    text-align: left
}

.underlayer.underlayerSupport .ranking .inner ._sitesearch_component ._searchresults ._items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2.47rem;
    counter-reset: item
}

@media(max-width: 768px) {
    .underlayer.underlayerSupport .ranking .inner ._sitesearch_component ._searchresults ._items {
        gap:0
    }
}

.underlayer.underlayerSupport .ranking .inner ._sitesearch_component ._searchresults ._items ._item {
    position: relative;
    width: 25.63rem
}

@media(max-width: 768px) {
    .underlayer.underlayerSupport .ranking .inner ._sitesearch_component ._searchresults ._items ._item {
        width:100%;
        margin: 0 0 4rem 0
    }
}

.underlayer.underlayerSupport .ranking .inner ._sitesearch_component ._searchresults ._items ._item:before {
    position: absolute;
    top: -1.7rem;
    left: -1rem;
    counter-increment: item;
    content: counter(item);
    font-size: 1.3rem;
    font-weight: 700;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
    -webkit-transition: all ease .2s;
    transition: all ease .2s
}

.underlayer.underlayerSupport .ranking .inner ._sitesearch_component ._searchresults ._items ._item:nth-child(1):before {
    background: #e9d46a
}

.underlayer.underlayerSupport .ranking .inner ._sitesearch_component ._searchresults ._items ._item:nth-child(2):before {
    background: #d1d1d1
}

.underlayer.underlayerSupport .ranking .inner ._sitesearch_component ._searchresults ._items ._item:nth-child(3):before {
    background: #dfacb5
}

.underlayer.underlayerSupport .ranking .inner ._sitesearch_component ._searchresults ._items ._item:nth-child(4):before {
    background: #caeef2
}

.underlayer.underlayerSupport .ranking .inner ._sitesearch_component ._searchresults ._items ._item:nth-child(5):before {
    background: #caeef2
}

.underlayer.underlayerSupport .ranking .inner ._sitesearch_component ._searchresults ._items ._seq {
    display: none
}

.underlayer.underlayerSupport .ranking .inner ._sitesearch_component ._searchresults ._items ._thumbnail {
    height: 16.6rem;
    background: #f3f3f3;
    border-radius: .5rem;
    padding: 1.5rem;
    margin: 0 0 1rem 0;
    border: 1px solid #d8d8d8;
    position: relative
}

@media(max-width: 768px) {
    .underlayer.underlayerSupport .ranking .inner ._sitesearch_component ._searchresults ._items ._thumbnail {
        height:auto;
        width: 100%;
        margin: 0 0 1rem 0
    }
}

.underlayer.underlayerSupport .ranking .inner ._sitesearch_component ._searchresults ._items ._thumbnail img {
    width: auto;
    height: 13.6rem;
    margin: auto;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

@media(max-width: 768px) {
    .underlayer.underlayerSupport .ranking .inner ._sitesearch_component ._searchresults ._items ._thumbnail img {
        height:100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.underlayer.underlayerSupport .ranking .inner ._sitesearch_component ._searchresults ._items ._thumbnail:before {
    position: absolute;
    top: .3rem;
    left: -0.3rem;
    content: "";
    height: 1.22rem;
    width: 1.2rem;
    background: #d22570
}

.underlayer.underlayerSupport .ranking .inner ._sitesearch_component ._searchresults ._items ._thumbnail:after {
    position: absolute;
    top: 1.5rem;
    left: -0.3rem;
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border-left: .6rem solid #d22570;
    border-right: .6rem solid #d22570;
    border-bottom: .6rem solid rgba(0,0,0,0)
}

.underlayer.underlayerSupport .ranking .inner ._sitesearch_component ._searchresults ._items ._text {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.3rem;
    margin: 0 0 .2rem 0
}

.underlayer.underlayerSupport .ranking .inner ._sitesearch_component ._searchresults ._items ._title {
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 2.9rem
}

.underlayer.underlayerSupport .ranking .inner ._sitesearch_component ._searchresults ._items ._title a {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--colorMain)), to(var(--colorMain))) 0 100%/0 1px no-repeat;
    background: linear-gradient(var(--colorMain), var(--colorMain)) 0 100%/0 1px no-repeat;
    -webkit-transition: background .3s;
    transition: background .3s
}

@media(min-width: 769px) {
    .underlayer.underlayerSupport .ranking .inner ._sitesearch_component ._searchresults ._items ._title a:hover {
        background-size:100% 1px;
        color: var(--colorMain)
    }
}

.underlayer.underlayerSupport .ranking .inner ._sitesearch_component ._searchresults ._items .item__areaBtn a {
    width: 21.5rem;
    margin: 2rem auto 0 auto;
    position: relative;
    background: #2f79b1 url(../../assets/images/icon_support_download.svg) no-repeat right 2.2rem center;
    color: #fff;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 700;
    padding: 1rem 3rem;
    border-radius: .5rem;
    -webkit-box-shadow: 0 .3rem 0 #0f4771;
    box-shadow: 0 .3rem 0 #0f4771;
    -webkit-transition: all .2s;
    transition: all .2s;
    display: block
}

@media(min-width: 769px) {
    .underlayer.underlayerSupport .ranking .inner ._sitesearch_component ._searchresults ._items .item__areaBtn a:hover {
        margin-top:2.3rem;
        margin-bottom: -0.3rem;
        -webkit-box-shadow: 0 0 0 #005691;
        box-shadow: 0 0 0 #005691
    }
}

.underlayer.underlayerSupport .ranking .inner ._sitesearch_component ._searchresults ._items ._display_text3 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .44rem;
    margin: 1.6rem 0 0 0
}

@media(max-width: 768px) {
    .underlayer.underlayerSupport .ranking .inner ._sitesearch_component ._searchresults ._items ._display_text3 ul {
        margin:2rem 0 0 0
    }
}

.underlayer.underlayerSupport .ranking .inner ._sitesearch_component ._searchresults ._items ._display_text3 ul li a {
    display: inline-block;
    background: #fff;
    font-size: 1.4rem;
    line-height: 2rem;
    padding: .3rem 1.3rem;
    border-radius: 5rem;
    border: solid 1px #dcdcdc
}

@media(min-width: 769px) {
    .underlayer.underlayerSupport .ranking .inner ._sitesearch_component ._searchresults ._items ._display_text3 ul li a:hover {
        background:#dcdcdc
    }
}

.underlayer.underlayerSupport .ranking .inner ._sitesearch_component ._searchresults ._items ._thumbnail:hover a img {
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

.underlayer.underlayerSupport .ranking .inner ._sitesearch_component ._searchresults ._items ._thumbnail:before {
    content: none
}

.underlayer.underlayerSupport .ranking .inner ._sitesearch_component ._searchresults ._items ._thumbnail:after {
    content: none
}

.underlayer.underlayerSupport .ranking .inner ._sitesearch_component ._searchresults ._items ._item:before {
    z-index: 2
}

.underlayer.underlayerSupport .ranking .inner ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup_support1:before {
    position: absolute;
    top: .3rem;
    left: -0.3rem;
    content: "";
    height: 1.22rem;
    width: 1.2rem;
    background: #d22570;
    z-index: 1
}

.underlayer.underlayerSupport .ranking .inner ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup_support1:after {
    position: absolute;
    top: 1.5rem;
    left: -0.3rem;
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border-left: .6rem solid #d22570;
    border-right: .6rem solid #d22570;
    border-bottom: .6rem solid rgba(0,0,0,0)
}

@media(max-width: 768px) {
    .underlayer.underlayerSupport .ranking .inner ._sitesearch_component ._searchresults ._items ._thumbnail img {
        width:100%
    }
}

.mainvisualBackground--casestudy::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(../../assets/images/mainvisual_background06.webp) top right no-repeat;
    background-size: 80rem
}

.mainvisualBackground .underlayerMainvisual .label {
    display: table;
    border-radius: .3rem;
    background-color: #666;
    margin-bottom: 1rem;
    padding: .9rem 1.2rem;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    color: #fff
}

.underlayerCasestudySingle {
    padding: 4.8rem 0 9rem 0
}

.underlayerCasestudySingle .casestudySingle {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 3rem;
    padding-bottom: 8rem
}

.underlayerCasestudySingle .casestudySingle__main {
    width: 70rem;
    font-size: 1.7rem;
    line-height: 1.75
}

.underlayerCasestudySingle .casestudySingle__mainImg {
    margin: 0 0 2rem 0
}

.underlayerCasestudySingle .casestudySingle__mainImg img {
    width: 100%
}

.underlayerCasestudySingle .casestudySingle__main .singleRead h2 {
    border-left: 4px solid #005691;
    margin: 8rem 0 3rem 0;
    padding: 0 0 .3rem 3rem;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.5;
    color: #000
}

.underlayerCasestudySingle .casestudySingle__main .singleRead h2+h3 {
    margin-top: 3rem
}

.underlayerCasestudySingle .casestudySingle__main .singleRead h3 {
    margin: 5rem 0 2rem 0;
    font-size: 2.1rem;
    font-weight: 500;
    line-height: 1.6;
    color: #000
}

.underlayerCasestudySingle .casestudySingle__main .singleRead h4 {
    margin: 4rem 0 2rem 0;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.6;
    color: #000
}

.underlayerCasestudySingle .casestudySingle__main .singleRead h5 {
    margin: 3.5rem 0 2rem 0;
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 1.6;
    color: #000
}

.underlayerCasestudySingle .casestudySingle__main .singleRead h6 {
    margin: 3rem 0 2rem 0;
    font-size: 1.7rem;
    font-weight: 500;
    line-height: 1.6;
    color: #000
}

.underlayerCasestudySingle .casestudySingle__main .singleRead p {
    margin: 2rem 0
}

.underlayerCasestudySingle .casestudySingle__main .singleRead p:first-child {
    margin-top: 0
}

.underlayerCasestudySingle .casestudySingle__main .singleRead p:last-child {
    margin-bottom: 0
}

.underlayerCasestudySingle .casestudySingle__main .singleRead ul {
    margin: 2rem 0
}

.underlayerCasestudySingle .casestudySingle__main .singleRead ul:first-child {
    margin-top: 0
}

.underlayerCasestudySingle .casestudySingle__main .singleRead ul:last-child {
    margin-bottom: 0
}

.underlayerCasestudySingle .casestudySingle__main .singleRead ul li {
    padding-left: 1.4rem;
    position: relative
}

.underlayerCasestudySingle .casestudySingle__main .singleRead ul li:before {
    content: "";
    position: absolute;
    top: 1.3rem;
    left: 0;
    display: block;
    border-radius: .4rem;
    background-color: #005691;
    width: .4rem;
    height: .4rem
}

.underlayerCasestudySingle .casestudySingle__main .singleRead ol {
    counter-reset: item;
    margin: 2rem 0
}

.underlayerCasestudySingle .casestudySingle__main .singleRead ol:first-child {
    margin-top: 0
}

.underlayerCasestudySingle .casestudySingle__main .singleRead ol:last-child {
    margin-bottom: 0
}

.underlayerCasestudySingle .casestudySingle__main .singleRead ol li {
    padding-left: 2.6rem;
    position: relative
}

.underlayerCasestudySingle .casestudySingle__main .singleRead ol li:before {
    counter-increment: item;
    content: counter(item) ".";
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 700;
    color: #005691
}

.underlayerCasestudySingle .casestudySingle__main .singleRead hr {
    border-top: 1px solid #ccc;
    margin: 4rem 0
}

.underlayerCasestudySingle .casestudySingle__main .singleRead hr:first-child {
    margin-top: 0
}

.underlayerCasestudySingle .casestudySingle__main .singleRead hr:last-child {
    margin-bottom: 0
}

.underlayerCasestudySingle .casestudySingle__main .singleRead table {
    border: 1px solid #ccc;
    width: 100%;
    margin: 2rem 0 4rem 0
}

.underlayerCasestudySingle .casestudySingle__main .singleRead table th {
    vertical-align: middle;
    border: 1px solid #ccc;
    background-color: #eef7fe;
    min-width: 15rem;
    padding: 1.2rem 1.5rem;
    font-size: 1.6rem;
    font-weight: 500;
    text-align: center
}

.underlayerCasestudySingle .casestudySingle__main .singleRead table td {
    vertical-align: middle;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 1.2rem 1.5rem;
    font-size: 1.6rem
}

.underlayerCasestudySingle .casestudySingle__main .singleRead figure {
    width: 100%;
    margin: 2rem 0 4rem 0;
    text-align: center
}

.underlayerCasestudySingle .casestudySingle__main .singleRead figure:first-child {
    margin-top: 0
}

.underlayerCasestudySingle .casestudySingle__main .singleRead figure:last-child {
    margin-bottom: 0
}

.underlayerCasestudySingle .casestudySingle__main .singleRead figure figcaption {
    margin-top: .8rem;
    font-size: 80%;
    line-height: 1.4;
    text-align: center;
    color: #888
}

.underlayerCasestudySingle .casestudySingle__main .singleRead blockquote {
    position: relative;
    border-radius: .5rem;
    background-color: #f8f8f8;
    margin: 4rem 0;
    padding: 3rem 6rem
}

.underlayerCasestudySingle .casestudySingle__main .singleRead blockquote:before {
    content: "";
    position: absolute;
    top: 2.5rem;
    left: 2.2rem;
    background: url(/service/assets/images/icon_bq_left.svg) center center no-repeat;
    background-size: 2.1rem;
    width: 2.2rem;
    height: 2rem
}

.underlayerCasestudySingle .casestudySingle__main .singleRead blockquote:after {
    content: "";
    position: absolute;
    bottom: 2.5rem;
    right: 2.2rem;
    background: url(/service/assets/images/icon_bq_right.svg) center center no-repeat;
    background-size: 2.1rem;
    width: 2.2rem;
    height: 2rem
}

.underlayerCasestudySingle .casestudySingle__main .singleRead blockquote:first-child {
    margin-top: 0
}

.underlayerCasestudySingle .casestudySingle__main .singleRead blockquote:last-child {
    margin-bottom: 0
}

.underlayerCasestudySingle .casestudySingle__main .singleRead a {
    text-decoration: underline;
    color: #204f74
}

.underlayerCasestudySingle .casestudySingle__main .singleRead a:hover {
    text-decoration: none
}

.underlayerCasestudySingle .casestudySingle__main .singleRead strong,.underlayerCasestudySingle .casestudySingle__main .singleRead .font-bold {
    font-weight: 700
}

.underlayerCasestudySingle .casestudySingle__main .singleRead .subBox {
    position: relative;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    margin: 3rem 0
}

.underlayerCasestudySingle .casestudySingle__main .singleRead .subBox+.subBox {
    margin-top: -2rem
}

.underlayerCasestudySingle .casestudySingle__main .singleRead .subBox.planner {
    margin-top: 6rem
}

.underlayerCasestudySingle .casestudySingle__main .singleRead .subBox .read {
    padding: 2.5rem 3rem
}

.underlayerCasestudySingle .casestudySingle__main .singleRead .subBox .read h3 {
    border-bottom: 1px solid #0078bf;
    margin: 0 0 2rem 0;
    padding: 0 0 1rem 0;
    font-size: 2.1rem;
    font-weight: 700;
    line-height: 1.4;
    color: #000
}

.underlayerCasestudySingle .casestudySingle__main .singleRead .subBox .read .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 1rem
}

.underlayerCasestudySingle .casestudySingle__main .singleRead .subBox .read .title img {
    width: 6rem
}

.underlayerCasestudySingle .casestudySingle__main .singleRead .subBox .read .title h3 {
    width: calc(100% - 7.5rem);
    padding: .4rem 0 1rem 0
}

.underlayerCasestudySingle .casestudySingle__main .singleRead .subBox .read .planner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 1.5rem 0 2.5rem 0
}

.underlayerCasestudySingle .casestudySingle__main .singleRead .subBox .read .planner figure {
    width: 12rem;
    margin: 0
}

.underlayerCasestudySingle .casestudySingle__main .singleRead .subBox .read .planner h4 {
    width: calc(100% - 15rem);
    margin: 0;
    font-weight: 500;
    color: #000
}

.underlayerCasestudySingle .casestudySingle__main .singleRead .subBox .read .company {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 3rem 0
}

.underlayerCasestudySingle .casestudySingle__main .singleRead .subBox .read .company figure {
    width: 17rem;
    margin: 0
}

.underlayerCasestudySingle .casestudySingle__main .singleRead .subBox .read .company h4 {
    width: 43rem;
    margin: 0;
    font-weight: 500;
    color: #000
}

.underlayerCasestudySingle .casestudySingle__main .singleRead .subBox .jump {
    width: 100%;
    margin: 0
}

.underlayerCasestudySingle .casestudySingle__main .singleRead .subBox .jump a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f1f7fb;
    width: 100%;
    height: 4.8rem;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    color: #204f74
}

.underlayerCasestudySingle .casestudySingle__main .singleRead .subBox .jump a:after {
    content: "";
    bottom: 0;
    display: block;
    width: .5rem;
    height: .5rem;
    margin-left: 1rem;
    border-right: solid 1px var(--colorMain);
    border-bottom: solid 1px var(--colorMain);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.underlayerCasestudySingle .casestudySingle__main .singleRead .subBox .jump a:hover {
    background-color: #204f74;
    color: #fff
}

.underlayerCasestudySingle .casestudySingle__main .singleRead .subBox .jump a:hover:after {
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff
}

.underlayerCasestudySingle .casestudySingle__main .singleRead .subBox .day {
    text-align: right;
    font-size: 85%
}

.underlayerCasestudySingle .casestudySingle__main .singleRead .subBox:first-child {
    margin-top: 0
}

.underlayerCasestudySingle .casestudySingle__main .singleRead .subBox:last-child {
    margin-bottom: 0
}

.underlayerCasestudySingle .casestudySingle__main .singleRead .column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin: 3rem 0;
    padding: 0
}

.underlayerCasestudySingle .casestudySingle__main .singleRead .column figure {
    width: 32rem;
    margin: 0
}

.underlayerCasestudySingle .casestudySingle__main .singleRead .column div {
    width: 35rem;
    margin: 0
}

.underlayerCasestudySingle .casestudySingle__main .singleRead .column.rev {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.underlayerCasestudySingle .casestudySingle__main .singleRead .column:first-child {
    margin-top: 0
}

.underlayerCasestudySingle .casestudySingle__main .singleRead .column:last-child {
    margin-bottom: 0
}

.underlayerCasestudySingle .casestudySingle__main .singleRead .casestudyDay {
    margin: -2rem 0 4rem 0;
    font-size: 1.3rem;
    text-align: right;
    color: #7c8388
}

.underlayerCasestudySingle .casestudySingle__main .singleRead .casestudyDay strong {
    color: #000
}

.underlayerCasestudySingle .casestudySingle__side {
    width: 34rem
}

.underlayerCasestudySingle .casestudySingle__side .companyData {
    border: 1px solid #dcdcdc;
    border-top: 4px solid #334757;
    border-radius: 0 0 .5rem .5rem;
    background-color: #fff;
    padding: 2rem 2rem 1rem 2rem
}

.underlayerCasestudySingle .casestudySingle__side .companyData figure {
    margin: 0 0 2rem 0;
    padding: 2rem 6rem
}

.underlayerCasestudySingle .casestudySingle__side .companyData h3 {
    border-bottom: 1.5px solid #dcdcdc;
    padding-bottom: 1.5rem;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.4;
    color: #000
}

.underlayerCasestudySingle .casestudySingle__side .companyData dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 1.4rem;
    line-height: 1.6
}

.underlayerCasestudySingle .casestudySingle__side .companyData dl dt {
    position: relative;
    border-bottom: 1.5px dotted #ddd;
    width: 11rem;
    padding: 1rem 0 1.2rem 1rem;
    font-weight: 500;
    color: #000
}

.underlayerCasestudySingle .casestudySingle__side .companyData dl dt:last-of-type {
    border: none
}

.underlayerCasestudySingle .casestudySingle__side .companyData dl dt:before {
    content: "";
    position: absolute;
    top: 1.9rem;
    left: 0;
    display: block;
    border-radius: .4rem;
    background-color: #0078bf;
    width: .4rem;
    height: .4rem
}

.underlayerCasestudySingle .casestudySingle__side .companyData dl dd {
    border-bottom: 1px dotted #ddd;
    width: calc(100% - 11rem);
    padding: 1rem 0 1.2rem 0
}

.underlayerCasestudySingle .casestudySingle__side .companyData dl dd:last-of-type {
    border: none
}

.underlayerCasestudySingle .casestudySingle__side .companyData dl .catch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 0 .4rem 0
}

.underlayerCasestudySingle .casestudySingle__side .companyData dl .catch a {
    display: block;
    border: solid 1px #dcdcdc;
    border-radius: 5rem;
    background-color: #fff;
    width: 100%;
    margin: 0 0 .4rem 0;
    padding: .5rem 1.6rem;
    font-size: 1.4rem;
    line-height: 1.3;
    text-decoration: none;
    color: var(--colorText)
}

.underlayerCasestudySingle .casestudySingle__side .companyData dl .catch a:hover {
    background-color: #eee
}

.underlayerCasestudySingle .casestudySingle__side .companyData dl .tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.underlayerCasestudySingle .casestudySingle__side .companyData dl .tag li {
    margin-right: .8rem
}

.underlayerCasestudySingle .casestudySingle__side .companyData dl .tag a:before {
    content: "#"
}

.underlayerCasestudySingle .casestudySingle__side .companyData a {
    text-decoration: underline;
    color: var(--colorMain)
}

.underlayerCasestudySingle .casestudySingle__side .companyData a:hover {
    text-decoration: none
}

.underlayerCasestudySingle .casestudySingle__side .btn {
    margin-top: 2rem;
    text-align: center
}

.underlayerCasestudySingle .casestudySingle__side .btn a {
    position: relative;
    top: 0;
    display: inline-block;
    background: #2f79b1;
    color: #fff;
    font-size: 1.7rem;
    line-height: 2.6rem;
    font-weight: 700;
    padding: 1.1rem 2.9rem 1.1rem 3.1rem;
    border-radius: .5rem;
    -webkit-box-shadow: 0 .3rem 0 #0f4771;
    box-shadow: 0 .3rem 0 #0f4771;
    -webkit-transition: all .3s;
    transition: all .3s
}

.underlayerCasestudySingle .casestudySingle__side .btn a span {
    position: relative;
    padding: 0 1.5rem 0 0
}

.underlayerCasestudySingle .casestudySingle__side .btn a span:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: .6rem;
    height: .6rem;
    border-left: solid 2px #fff;
    border-bottom: solid 2px #fff;
    -webkit-transform: rotate(-134deg);
    transform: rotate(-134deg);
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

@media(min-width: 769px) {
    .underlayerCasestudySingle .casestudySingle__side .btn a:hover {
        background-color:#4e95cb;
        top: .3rem;
        -webkit-box-shadow: 0 0 0 #005691;
        box-shadow: 0 0 0 #005691
    }
}

.underlayerCasestudySingle .casestudySingle .linkBtn {
    margin-top: 5rem;
    text-align: center
}

.shareArea {
    border-radius: .5rem;
    background-color: #f1f7fb;
    margin: 4rem 0;
    padding: 3rem
}

.shareArea dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.shareArea dl dt {
    background: url(../images/icon_share.svg) no-repeat left center;
    background-size: 2.3rem 1.9rem;
    padding-left: 3.3rem;
    font-family: var(--fontEN);
    font-weight: bold;
    font-size: 1.6rem;
    margin-right: 1.5rem
}

.shareArea a,.shareArea .urlCopyBtn {
    -webkit-transition: .3s;
    transition: .3s
}

.shareArea a:hover,.shareArea .urlCopyBtn:hover {
    opacity: .7;
    cursor: pointer
}

.shareArea a span,.shareArea .urlCopyBtn span {
    display: none
}

.shareArea ul:not([class]) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.shareArea ul:not([class]) li {
    margin: 0 .2rem;
    padding: 0
}

.shareArea ul:not([class]) li::before {
    display: none
}

.shareArea img {
    width: 3.4rem
}

.imageMmodal a {
    position: relative;
    display: block
}

.imageMmodal a:before {
    content: "";
    position: absolute;
    top: -1rem;
    right: -1rem;
    display: block;
    border: solid 1px #004e81;
    border-radius: 4rem;
    background: #fff url(/assets/images/icon_search.svg) center center no-repeat;
    background-size: 1.6rem;
    width: 4rem;
    height: 4rem;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    z-index: 5
}

.imageMmodal a:hover img {
    opacity: .6
}

.imageMmodal a:hover:before {
    background: #004e81 url(/assets/images/icon_search_w.svg) center center no-repeat;
    background-size: 1.6rem
}

.modalArea {
    position: relative
}

.modalArea .modalOverlay {
    position: relative;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,78,129,.5);
    width: 100%;
    height: 100%;
    z-index: 10000
}

.modalArea .modalContents {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 120rem;
    max-height: calc(100% - 40px);
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10001
}

.modalArea .modalContents .modalXmark {
    position: absolute;
    top: -1rem;
    right: -1rem;
    border: 1px solid #fff;
    border-radius: 5rem;
    background: var(--colorMain);
    width: 4rem;
    height: 4rem;
    cursor: pointer;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    z-index: 10002
}

.modalArea .modalContents .modalXmark:hover {
    opacity: .6
}

.modalArea .modalContents .modalXmark:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 1px;
    background: #fff;
    width: 2rem;
    height: 2px;
    margin: -1px 0 0 -1rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.modalArea .modalContents .modalXmark:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 1px;
    background: #fff;
    width: 2rem;
    height: 2px;
    margin: -1px 0 0 -1rem;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.modalArea .modalContents .modalInner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    width: 100%;
    padding: 5rem
}

@media(max-width: 768px) {
    .mainvisualBackground--casestudy::after {
        background-size:66rem
    }

    .mainvisualBackground .underlayerMainvisual__ttl {
        line-height: 3.6rem
    }

    .underlayerCasestudySingle {
        padding: 4rem 0 6rem 0
    }

    .underlayerCasestudySingle .casestudySingle {
        display: block;
        border-bottom: none;
        margin-bottom: 2rem;
        padding-bottom: 0
    }

    .underlayerCasestudySingle .casestudySingle__main {
        width: 100%;
        font-size: 1.5rem
    }

    .underlayerCasestudySingle .casestudySingle__mainMeta {
        margin: -1rem 0 2rem 0
    }

    .underlayerCasestudySingle .casestudySingle__mainMeta .btn button {
        width: 4.6rem;
        height: 4.6rem
    }

    .underlayerCasestudySingle .casestudySingle__mainMeta .btn button svg {
        width: 2rem;
        height: 1.901rem
    }

    .underlayerCasestudySingle .casestudySingle__mainMeta+p {
        margin-top: -1rem;
        font-size: 1.7rem
    }

    .underlayerCasestudySingle .casestudySingle__main .singleRead h2 {
        position: relative;
        border: none;
        margin: -3rem 0 2rem 0;
        padding: 7rem 0 0 1.6rem;
        font-size: 2rem
    }

    .underlayerCasestudySingle .casestudySingle__main .singleRead h2+h3 {
        margin-top: 2rem;
        font-size: 1.8rem
    }

    .underlayerCasestudySingle .casestudySingle__main .singleRead h2:before {
        content: "";
        position: absolute;
        top: 7rem;
        left: 0;
        display: block;
        background-color: #005691;
        width: .3rem;
        height: 3.3rem
    }

    .underlayerCasestudySingle .casestudySingle__main .singleRead h3 {
        margin: 4rem 0 2rem 0;
        font-size: 1.8rem
    }

    .underlayerCasestudySingle .casestudySingle__main .singleRead h4 {
        margin: 3.5rem 0 2rem 0;
        font-size: 1.7rem
    }

    .underlayerCasestudySingle .casestudySingle__main .singleRead h5 {
        margin: 3rem 0 2rem 0;
        font-size: 1.6rem
    }

    .underlayerCasestudySingle .casestudySingle__main .singleRead h6 {
        margin: 3rem 0 2rem 0;
        font-size: 1.5rem
    }

    .underlayerCasestudySingle .casestudySingle__main .singleRead hr {
        margin: 3rem 0
    }

    .underlayerCasestudySingle .casestudySingle__main .singleRead table {
        margin: 2rem 0 3rem 0
    }

    .underlayerCasestudySingle .casestudySingle__main .singleRead table th {
        min-width: 11rem;
        padding: .8rem 1rem;
        font-size: 1.3rem
    }

    .underlayerCasestudySingle .casestudySingle__main .singleRead table td {
        padding: .8rem 1rem;
        font-size: 1.3rem
    }

    .underlayerCasestudySingle .casestudySingle__main .singleRead figure {
        margin: 3rem 0
    }

    .underlayerCasestudySingle .casestudySingle__main .singleRead blockquote {
        margin: 3rem 0;
        padding: 2rem 5rem
    }

    .underlayerCasestudySingle .casestudySingle__main .singleRead blockquote:before {
        top: 1.5rem;
        left: 1.5rem
    }

    .underlayerCasestudySingle .casestudySingle__main .singleRead blockquote:after {
        bottom: 1.5rem;
        right: 1.5rem
    }

    .underlayerCasestudySingle .casestudySingle__main .singleRead .subBox {
        margin: 2rem 0
    }

    .underlayerCasestudySingle .casestudySingle__main .singleRead .subBox+.subBox {
        margin-top: -1rem
    }

    .underlayerCasestudySingle .casestudySingle__main .singleRead .subBox.planner {
        margin-top: 4rem
    }

    .underlayerCasestudySingle .casestudySingle__main .singleRead .subBox .read {
        padding: 2rem
    }

    .underlayerCasestudySingle .casestudySingle__main .singleRead .subBox .read .title {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 1rem
    }

    .underlayerCasestudySingle .casestudySingle__main .singleRead .subBox .read .title img {
        width: 5rem
    }

    .underlayerCasestudySingle .casestudySingle__main .singleRead .subBox .read .title h3 {
        border-bottom: 1px solid #0078bf;
        width: calc(100% - 6rem);
        padding: 0 0 1rem 0;
        font-size: 1.6rem
    }

    .underlayerCasestudySingle .casestudySingle__main .singleRead .subBox .read .planner {
        display: block;
        margin: 1.5rem 0
    }

    .underlayerCasestudySingle .casestudySingle__main .singleRead .subBox .read .planner figure {
        width: 12rem;
        margin: 0 auto 1.5rem auto
    }

    .underlayerCasestudySingle .casestudySingle__main .singleRead .subBox .read .planner h4 {
        width: 100%;
        font-size: 1.5rem
    }

    .underlayerCasestudySingle .casestudySingle__main .singleRead .subBox .read .company {
        display: block;
        margin: 1rem 0
    }

    .underlayerCasestudySingle .casestudySingle__main .singleRead .subBox .read .company figure {
        width: 100%;
        margin-bottom: 1rem;
        padding: 2rem 6rem
    }

    .underlayerCasestudySingle .casestudySingle__main .singleRead .subBox .read .company h4 {
        width: 100%;
        font-size: 1.5rem
    }

    .underlayerCasestudySingle .casestudySingle__main .singleRead .subBox .read p {
        margin: 1rem 0 0 0
    }

    .underlayerCasestudySingle .casestudySingle__main .singleRead .subBox .jump {
        width: 100%;
        margin: 0
    }

    .underlayerCasestudySingle .casestudySingle__main .singleRead .subBox+h2 {
        margin-top: -2rem
    }

    .underlayerCasestudySingle .casestudySingle__main .singleRead .column {
        display: block;
        margin: 3rem 0;
        padding: 0
    }

    .underlayerCasestudySingle .casestudySingle__main .singleRead .column figure {
        width: 100%;
        margin: 0 0 3rem 0
    }

    .underlayerCasestudySingle .casestudySingle__main .singleRead .column div {
        width: 100%;
        margin: 0
    }

    .underlayerCasestudySingle .casestudySingle__main .singleRead .casestudyDay {
        margin: -1rem 0 3rem 0;
        font-size: 1.3rem
    }

    .underlayerCasestudySingle .casestudySingle__side {
        width: 100%;
        margin-top: 6rem;
        padding-bottom: 6rem;
        border-bottom: 1px solid #dcdcdc
    }

    .underlayerCasestudySingle .casestudySingle .linkBtn {
        margin-top: 4rem;
        text-align: center
    }

    .shareArea img {
        width: 3rem
    }

    .imageMmodal a:before {
        top: -0.6rem;
        right: -0.6rem;
        border-radius: 4rem;
        background: #fff url(/assets/images/icon_search.svg) center center no-repeat;
        background-size: 1.4rem;
        width: 3rem;
        height: 3rem
    }

    .modalArea .modalContents {
        max-width: 100%
    }

    .modalArea .modalContents .modalXmark {
        top: -3.5rem;
        right: 0rem;
        border-radius: 3rem;
        width: 3rem;
        height: 3rem
    }

    .modalArea .modalContents .modalXmark:before {
        width: 1.6rem;
        margin: -1px 0 0 -0.8rem
    }

    .modalArea .modalContents .modalXmark:after {
        width: 1.6rem;
        margin: -1px 0 0 -0.8rem
    }

    .modalArea .modalContents .modalInner {
        padding: 0
    }
}

.underlayerSeminar .archive__nowTtl.no_icon {
    padding: 0 0 0 0rem
}

.underlayerSeminar .archive__nowTtl.no_icon::before {
    content: none
}

.underlayerCasestudySingle .casestudySingle__main .singleRead .column figure img {
    width: 100%
}

.casestudySingle__main .singleMeta .btn2 {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end
}

@media(max-width: 768px) {
    .casestudySingle__main .singleMeta .btn2 {
        width:12rem
    }
}

.underlayerCasestudySingle .casestudySingle__main .singleRead .column div.modalArea {
    width: auto
}

.underlayerCasestudySingle .casestudySingle__main .singleRead .column div.modalOverlay {
    width: 100%
}

@media(max-width: 768px) {
    .underlayerCasestudySingle .casestudySingle__main .singleRead .column div.modalContents {
        width:90%
    }

    .modalArea .modalContents .modalXmark {
        right: 0rem
    }

    .modalArea .modalContents {
        max-width: 90%
    }
}

@media(min-width: 769px) {
    .underlayerCasestudySingle .casestudySingle__main .singleRead .column div.modalContents {
        width:70%
    }

    .underlayerCasestudySingle .casestudySingle__main .singleRead .column div.modalInner {
        width: 100%
    }

    .underlayerIssueSingle .singleRead .column div.modalContents {
        width: 70%
    }

    .underlayerIssueSingle .singleRead .column div.modalInner {
        width: 100%
    }
}

.singleRead.issue_bottom_area .article__connection,.casestudySingle__main .article__connection {
    margin-bottom: 2rem;
    border-bottom: 1px dotted #bbb;
    padding-bottom: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media(max-width: 768px) {
    .singleRead.issue_bottom_area .article__connection,.casestudySingle__main .article__connection {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.singleRead.issue_bottom_area .article__connectionImg,.casestudySingle__main .article__connection .article__connectionImg {
    width: 15rem;
    overflow: hidden;
    border-radius: 0 !important
}

@media(max-width: 768px) {
    .singleRead.issue_bottom_area .article__connectionImg,.casestudySingle__main .article__connection .article__connectionImg {
        width:100%;
        margin: 0 0 1.5rem 0
    }
}

@media(max-width: 768px) {
    .singleRead.issue_bottom_area .article__connectionImg,.casestudySingle__main .article__connection .article__connectionImg img {
        width:100%
    }
}

.singleRead.issue_bottom_area .article__connectionTxt,.casestudySingle__main .article__connection .article__connectionTxt {
    width: calc(100% - 17rem)
}

@media(max-width: 768px) {
    .singleRead.issue_bottom_area .article__connectionTxt,.casestudySingle__main .article__connection .article__connectionTxt {
        width:100%
    }
}

.singleRead.issue_bottom_area .article__connectionTag,.casestudySingle__main .article__connection .article__connectionTag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 1rem
}

@media(max-width: 768px) {
    .singleRead.issue_bottom_area .article__connectionTag,.casestudySingle__main .article__connection .article__connectionTag {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        margin-bottom: .5rem
    }
}

.singleRead.issue_bottom_area .article__connectionTtl,.casestudySingle__main .article__connection .article__connectionTtl {
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 1.6
}

.singleRead.issue_bottom_area .article__connectionTag dt,.casestudySingle__main .article__connection .article__connectionTag dt {
    color: #fff;
    border-radius: 5px;
    font-size: 1.3rem;
    line-height: 1;
    margin-right: 1rem;
    font-weight: normal;
    padding: .7rem 1rem
}

.singleRead.issue_bottom_area p.article_subTtl,.underlayerCasestudySingle .casestudySingle__main .singleRead p.article_subTtl {
    margin: 1rem 0 0 0
}

.singleRead.issue_bottom_area .article__connection p.article__connectionTtl,.underlayerCasestudySingle .casestudySingle__main .singleRead .article__connection p.article__connectionTtl {
    margin: 0rem 0 0 0
}

.singleRead.issue_bottom_area .article__connection .article__connectionTag dd,.casestudySingle__main .article__connection .article__connectionTag dd {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media(max-width: 768px) {
    .singleRead.issue_bottom_area .article__connection .article__connectionTag dd,.casestudySingle__main .article__connection .article__connectionTag dd {
        -webkit-box-flex:unset;
        -ms-flex: unset;
        flex: unset;
        width: 100%;
        margin: .5rem 0 0 0
    }
}

.singleRead.issue_bottom_area .article__connection .article_subTtl,.casestudySingle__main .article__connection .article_subTtl {
    font-size: 1.5rem;
    line-height: 1.7;
    margin-top: .5rem;
    color: #3d3d3d
}

.singleRead.issue_bottom_area .article__connection dt.coating_service,.casestudySingle__main .article__connection dt.coating_service,.casestudySingle__main .article__connection dt.coaching,.singleRead.issue_bottom_area .article__connectionTag dt.coaching {
    background-color: #9284be
}

.singleRead.issue_bottom_area .article__connection dt.training_service,.casestudySingle__main .article__connection dt.training_service,.casestudySingle__main .article__connection dt.training,.singleRead.issue_bottom_area .article__connectionTag dt.training {
    background-color: #2087ce
}

.singleRead.issue_bottom_area .article__connection dt.tarent_service,.casestudySingle__main .article__connection dt.tarent_service,.casestudySingle__main .article__connection dt.talent,.singleRead.issue_bottom_area .article__connectionTag dt.talent {
    background-color: #bb5548
}

.singleRead.issue_bottom_area .article__connection dt.assessment_service,.casestudySingle__main .article__connection dt.assessment_service,.casestudySingle__main .article__connection dt.assessment,.singleRead.issue_bottom_area .article__connectionTag dt.assessment {
    background-color: #cc5c79
}

.singleRead.issue_bottom_area .article__connection dt.consulting_service,.casestudySingle__main .article__connection dt.consulting_service,.casestudySingle__main .article__connection dt.consulting,.singleRead.issue_bottom_area .article__connectionTag dt.consulting {
    background-color: #10a485
}

.singleRead.issue_bottom_area .article__connection dt.feature,.casestudySingle__main .article__connection dt.feature {
    background-color: #bc4163
}

.singleRead.issue_bottom_area .article__connection dt.serializatio,.casestudySingle__main .article__connection dt.serializatio {
    background-color: #76948e
}

.singleRead.issue_bottom_area .article__connection dt.interview,.casestudySingle__main .article__connection dt.interview {
    background-color: #7f7698
}

.singleRead.issue_bottom_area .article__connection dt.report,.casestudySingle__main .article__connection dt.report {
    background-color: #408db5
}

@media(max-width: 768px) {
    .underlayerService.underlayerService--detail .article a,.underlayerCasestudySingle .casestudySingle__main .singleRead a {
        text-decoration:none
    }
}

.underlayer.underlayerCasestudy .archiveResults.case_bt ._sitesearch_component ._searchstatusfull ._status {
    font-size: 1.8rem;
    line-height: 2.6rem;
    font-weight: 400;
    letter-spacing: .02rem;
    margin: 0 0 0 .7rem
}

@media(max-width: 768px) {
    .underlayer.underlayerCasestudy .archiveResults.case_bt ._sitesearch_component ._searchstatusfull ._status {
        font-size:1.2rem;
        margin: 0 0 0 .4rem
    }
}

.underlayer.underlayerCasestudy .archiveResults.case_bt ._sitesearch_component ._searchstatusfull ._status ._totalhits {
    font-size: 4.2rem;
    font-weight: 700;
    line-height: 1
}

@media(max-width: 768px) {
    .underlayer.underlayerCasestudy .archiveResults.case_bt ._sitesearch_component ._searchstatusfull ._status ._totalhits {
        font-size:3rem
    }
}

.underlayer.underlayerCasestudy .archiveResults.case_bt ._sitesearch_component ._searchstatusfull ._status ._countstart,.underlayer.underlayerCasestudy .archiveResults.case_bt ._sitesearch_component ._searchstatusfull ._status ._countend {
    font-size: 1.8rem;
    line-height: 2.6rem;
    font-weight: 400;
    letter-spacing: .02rem;
    margin: 0 0 0 .7rem
}

@media(max-width: 768px) {
    .underlayer.underlayerCasestudy .archiveResults.case_bt ._sitesearch_component ._searchstatusfull ._status ._countstart,.underlayer.underlayerCasestudy .archiveResults.case_bt ._sitesearch_component ._searchstatusfull ._status ._countend {
        font-size:1.2rem;
        margin: 0 0 0 .4rem
    }
}

.underlayer.underlayerCasestudy .archiveResults.case_bt ._sitesearch_component ._sortorderselector_type1 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    text-align: left
}

.underlayer.underlayerCasestudy .archiveResults.case_bt ._sitesearch_component ._sortorderselector_type1 select {
    border: solid 1px #d0d6db;
    padding: .8rem 4.5rem .8rem 1rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
    letter-spacing: .02rem;
    border-radius: .5rem;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    text-align: left
}

.underlayer.underlayerCasestudy .archiveResults.case_bt ._sitesearch_component ._sortorderselector_type1:after {
    content: "";
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    bottom: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #005691;
    -webkit-transform: translateX(0%) rotate(90deg);
    transform: translateX(0%) rotate(90deg);
    pointer-events: none
}

.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults {
    text-align: left
}

.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: -6rem
}

@media(max-width: 768px) {
    .underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items {
        margin:0
    }
}

.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    width: 34rem;
    margin: 0 0 6rem 4rem;
    position: relative
}

@media(max-width: 768px) {
    .underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item {
        width:100%;
        margin: 0 0 4rem 0
    }
}

.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item:nth-of-type(3n-2) {
    margin-left: 0
}

@media(max-width: 768px) {
    .underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item:nth-of-type(3n-2) {
        margin-bottom:4rem !important
    }
}

.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup1 ._thumbnail {
    margin: 0 0 1rem 0;
    width: 34rem;
    height: 21.6rem;
    overflow: hidden;
    background: #000;
    border-radius: .5rem
}

.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup1 ._thumbnail img {
    width: 34rem;
    height: 21.6rem;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: .5rem;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

@media(max-width: 768px) {
    .underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup1 ._thumbnail img {
        width:33.5rem;
        height: 21.3rem
    }
}

@media(max-width: 768px) {
    .underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup1 ._thumbnail {
        margin:0 0 1.3rem 0;
        width: 33.5rem;
        height: 21.3rem;
        width: 100%
    }
}

@media(min-width: 769px) {
    ._item ._wrap ._layoutgroup1 ._thumbnail a:hover img {
        opacity:.9;
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }
}

.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup2 ._title {
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 3rem;
    margin: 0 0 2rem 0;
    letter-spacing: .05rem;
    padding: 0 4rem 0 0
}

@media(max-width: 768px) {
    .underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup2 ._title {
        font-size:1.9rem;
        line-height: 3rem;
        margin: 0 0 2rem 0;
        letter-spacing: .04rem;
        padding: 0 4rem 0 0
    }
}

.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup2 ._title a {
    display: inline;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--colorMain)), to(var(--colorMain))) 0 100%/0 1px no-repeat;
    background: linear-gradient(var(--colorMain), var(--colorMain)) 0 100%/0 1px no-repeat;
    -webkit-transition: background .3s;
    transition: background .3s;
    text-decoration: none
}

@media(min-width: 769px) {
    .underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup2 ._title a:hover {
        color:var(--colorMain);
        background-size: 100% 1px
    }
}

.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup2 button {
    position: absolute;
    top: 23rem;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 3.4rem;
    height: 3.4rem;
    background: #f1f1f1;
    border-radius: 100%;
    z-index: 5;
    -webkit-transition: all .4s;
    transition: all .4s;
    margin: 0
}

@media(max-width: 768px) {
    .underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup2 button {
        top:22.5rem
    }
}

.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup2 button svg {
    width: 1.307rem;
    height: 1.14rem
}

.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup2 button svg use {
    fill: #d56272;
    stroke: #d56272
}

.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup2 button:hover {
    background: #d3d3d3
}

.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup3 ._display_text11 {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2rem;
    margin: 0 0 1.7rem 0;
    letter-spacing: .04rem;
    color: #3d3d3d;
    line-height: 1.5
}

.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup3 ._display_text3 ul li a {
    display: table;
    font-size: 1.4rem;
    line-height: 2rem;
    margin: 0 0 1rem 0;
    padding: .5rem 1.6rem;
    border-radius: 5rem;
    border: solid 1px #dcdcdc;
    letter-spacing: .05rem
}

@media(max-width: 768px) {
    .underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup3 ._display_text3 ul li a {
        margin:0 0 .8rem 0
    }
}

@media(min-width: 769px) {
    .underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup3 ._display_text3 ul li a:hover {
        background:#dcdcdc
    }
}

.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup3 ._display_text12 .job {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 1rem 0;
    font-size: 1.4rem;
    line-height: 1
}

@media(max-width: 768px) {
    .underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup3 ._display_text12 .job {
        margin-bottom:1rem
    }
}

.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup3 ._display_text12 .job span {
    display: block;
    border-radius: .3rem;
    background-color: #e2e2e2;
    width: 4.8rem;
    height: 2.8rem;
    margin-right: .8rem;
    padding: 0 .5rem;
    line-height: 2.7rem;
    text-align: center;
    white-space: nowrap
}

.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._pagenator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 6rem auto 0;
    position: relative;
    padding: 0 10rem
}

.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._pagenator ._disable {
    display: none
}

@media(max-width: 768px) {
    .underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._pagenator {
        margin:6rem auto 0;
        position: relative;
        padding: 0 8rem
    }
}

.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._pagenator ._nav._prev {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0
}

.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._pagenator ._nav._prev a {
    position: relative;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 9rem;
    height: 4.5rem;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1;
    color: var(--colorMain);
    border: solid 1px var(--colorMain)
}

@media(max-width: 768px) {
    .underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._pagenator ._nav._prev a {
        width:8rem;
        height: 4.3rem
    }
}

@media(min-width: 769px) {
    .underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._pagenator ._nav._prev a:hover {
        color:#fff;
        background: var(--colorMain)
    }
}

.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._pagenator ._nav._next {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0
}

.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._pagenator ._nav._next a {
    position: relative;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 9rem;
    height: 4.5rem;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1;
    color: var(--colorMain);
    border: solid 1px var(--colorMain)
}

@media(max-width: 768px) {
    .underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._pagenator ._nav._next a {
        width:8rem;
        height: 4.3rem
    }
}

@media(min-width: 769px) {
    .underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._pagenator ._nav._next a:hover {
        color:#fff;
        background: var(--colorMain)
    }
}

.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._pagenator ._nav._page {
    width: 4.3rem;
    height: 4.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    font-size: 1.6rem;
    font-weight: bold;
    background-color: #f1f7fb;
    color: var(--colorMain);
    border-radius: 4px;
    margin: 0 .5rem
}

.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._pagenator ._nav._page a {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 4px
}

@media(max-width: 768px) {
    .underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._pagenator ._nav._page {
        margin:0 .3rem
    }
}

@media(min-width: 769px) {
    .underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._pagenator ._nav._page a:hover {
        color:#fff;
        background: var(--colorMain)
    }
}

.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._pagenator ._nav._page._current {
    width: 4.3rem;
    height: 4.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    font-size: 1.6rem;
    font-weight: bold;
    background-color: #f1f7fb;
    color: var(--colorMain);
    border-radius: 4px;
    margin: 0 .5rem;
    background-color: var(--colorMain);
    color: #fff
}

@media(max-width: 768px) {
    .underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._pagenator ._nav._page._current {
        margin:0 .3rem
    }
}

.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._pagenator ._nav._first a {
    display: none
}

.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup2 button.isActive {
    background: #d56272
}

.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup2 button.isActive svg use {
    fill: #fff;
    stroke: #fff
}

.popularity .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item {
    width: auto;
    margin: 0 0 2rem 0
}

@media(max-width: 768px) {
    .popularity .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item {
        margin:0
    }
}

.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup3 ._display_text40 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 1.8rem;
    font-size: 1.4rem
}

.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup3 ._display_text40 ul li a span {
    color: var(--colorMain);
    text-decoration: underline
}

@media(min-width: 769px) {
    .underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup3 ._display_text40 ul li a:hover span {
        text-decoration:none
    }
}

.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item {
    display: unset;
    width: auto;
    margin: 0
}

.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item ._wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    width: 34rem;
    margin: 0 0 6rem 4rem;
    position: relative
}

@media(max-width: 768px) {
    .underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item ._wrap {
        margin:0 0 0rem 0
    }
}

@media(max-width: 768px) {
    .underlayerCasestudySingle .casestudySingle__side .companyData dl .catch a {
        display:inline-block;
        width: auto
    }
}

.underlayer.underlayerCasestudy.underlayerCasestudySingle .underlayerSeminar.underlayerSeminarSingle.popularity .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item:nth-of-type(3n-2) ._wrap {
    margin-left: 0
}

@media(max-width: 768px) {
    .underlayer.underlayerCasestudy.underlayerCasestudySingle .underlayerSeminar.underlayerSeminarSingle.popularity .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item:nth-of-type(3n-2) ._wrap {
        margin:0 0 2rem 0 !important
    }
}

.underlayer.underlayerCasestudy.underlayerCasestudySingle .underlayerSeminar.underlayerSeminarSingle.popularity .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item {
    width: 25.6rem
}

@media(max-width: 768px) {
    .underlayer.underlayerCasestudy.underlayerCasestudySingle .underlayerSeminar.underlayerSeminarSingle.popularity .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item {
        width:100%;
        gap: 0
    }
}

.underlayer.underlayerCasestudy.underlayerCasestudySingle .underlayerSeminar.underlayerSeminarSingle.popularity .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap {
    width: 25.6rem;
    margin: 0 0 0rem 0
}

@media(max-width: 768px) {
    .underlayer.underlayerCasestudy.underlayerCasestudySingle .underlayerSeminar.underlayerSeminarSingle.popularity .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap {
        width:100%;
        margin: 0 0 0 0
    }
}

@media(max-width: 768px) {
    .underlayer.underlayerCasestudy.underlayerCasestudySingle .underlayerSeminar.underlayerSeminarSingle.popularity .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item:nth-of-type(3n-2) {
        margin:0 !important
    }

    .underlayerSeminar .popularity__card {
        gap: 4rem
    }

    .underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item:nth-of-type(3n-2) {
        margin: 0 !important
    }

    .underlayerSeminar .popularity__card ._items ._item:last-of-type {
        margin: 0 0 0rem 0
    }

    .underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item:last-of-type {
        margin: 0 0 2rem 0 !important
    }

    .underlayerSeminarSingle .popularity__card .item:last-of-type {
        margin: 0 0 2rem 0
    }

    .popularity .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item:last-of-type {
        margin: 0 0 2rem 0
    }

    .popularity .inner .popularity__card ._sitesearch_component ._searchresults ._items {
        gap: 4rem
    }

    .underlayerSeminarSingle {
        padding: 4rem 0 0 0 !important
    }
}

.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item:nth-of-type(4) ._wrap,.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item:nth-of-type(7) ._wrap,.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item:nth-of-type(10) ._wrap,.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item:nth-of-type(13) ._wrap,.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item:nth-of-type(16) ._wrap,.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item:nth-of-type(19) ._wrap,.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item:nth-of-type(22) ._wrap,.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item:nth-of-type(25) ._wrap,.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item:nth-of-type(28) ._wrap,.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item:first-of-type ._wrap {
    margin: 0 0 6rem 0
}

@media(max-width: 768px) {
    .underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item:nth-of-type(4) ._wrap,.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item:nth-of-type(7) ._wrap,.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item:nth-of-type(10) ._wrap,.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item:nth-of-type(13) ._wrap,.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item:nth-of-type(16) ._wrap,.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item:nth-of-type(19) ._wrap,.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item:nth-of-type(22) ._wrap,.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item:nth-of-type(25) ._wrap,.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item:nth-of-type(28) ._wrap,.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item:first-of-type ._wrap,.underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item:first-of-type ._wrap {
        margin:0 0 4rem 0
    }

    .underlayer.underlayerCasestudy .underlayerSeminar ._sitesearch_component ._searchresults ._items ._item ._wrap {
        margin: 0 0 4rem 0;
        width: 100%
    }

    .archive__inner .setting .searchblock ._attributegroup ._attributes,.archive__background .setting .searchblock ._attributegroup ._attributes {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.modalArea .modalContents .modalInner {
    overflow: scroll;
    height: 70rem;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

@media(max-width: 768px) {
    .modalArea .modalContents .modalInner {
        overflow:auto;
        height: auto;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.mainvisualBackground--faq:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(../../assets/images/mainvisual_background08.webp) right top no-repeat;
    background-size: cover
}

.mainvisualBackground--faq .underlayerMainvisual .faqRead {
    background: #fff url(../../assets/images/faq_back.webp) right 7rem top 5.5rem no-repeat;
    background-size: 28rem;
    width: 100%;
    margin-top: 3.6rem;
    margin-bottom: 5.5rem;
    padding: 3.6rem
}

.mainvisualBackground--faq .underlayerMainvisual .faqRead h2 {
    position: relative;
    border-bottom: 1.5px dotted #c5c5c5;
    width: 64rem;
    margin-bottom: 3rem;
    padding-left: 2.5rem;
    padding-bottom: 1.5rem;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.4
}

.mainvisualBackground--faq .underlayerMainvisual .faqRead h2:before {
    content: "";
    position: absolute;
    top: 1.8rem;
    left: 0;
    display: block;
    border-radius: .8rem;
    background-color: #0078bf;
    width: .8rem;
    height: .8rem
}

.mainvisualBackground--faq .underlayerMainvisual .faqRead .faqPickup {
    width: 64rem;
    margin-bottom: 3rem
}

.mainvisualBackground--faq .underlayerMainvisual .faqRead .faqPickup li {
    position: relative;
    margin-bottom: 1.2rem;
    padding-left: 3rem;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.5
}

.mainvisualBackground--faq .underlayerMainvisual .faqRead .faqPickup li:before {
    content: "Q";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    border-radius: 2.6rem;
    background-color: #204f74;
    width: 2.6rem;
    height: 2.6rem;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 2.4rem;
    letter-spacing: 0;
    text-align: center;
    color: #fff
}

.mainvisualBackground--faq .underlayerMainvisual .faqRead .faqPickup a span {
    display: inline;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--colorMain)), to(var(--colorMain))) 0 100%/0 1px no-repeat;
    background: linear-gradient(var(--colorMain), var(--colorMain)) 0 100%/0 1px no-repeat;
    -webkit-transition: background .3s;
    transition: background .3s
}

.mainvisualBackground--faq .underlayerMainvisual .faqRead .faqPickup a:hover {
    color: var(--colorMain)
}

.mainvisualBackground--faq .underlayerMainvisual .faqRead .faqPickup a:hover span {
    background-size: 100% 1px
}

.faqCategory {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.faqCategory li {
    width: 33%;
    margin: 0 .5% .5rem 0
}

.faqCategory li:nth-of-type(3n) {
    margin-right: 0
}

.faqCategory li a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    border: 1px solid #d4e2eb;
    border-radius: .3rem;
    background-color: #fff;
    width: 100%;
    height: 100%;
    padding: 1.5rem 3rem 1.5rem 2rem;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.6;
    color: #005691
}

.faqCategory li a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 1.5rem;
    display: block;
    width: .5rem;
    height: .5rem;
    margin-top: -0.2rem;
    border-right: solid 1px var(--colorMain);
    border-bottom: solid 1px var(--colorMain);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: .3s;
    transition: .3s
}

.faqCategory li a span {
    display: inline;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--colorMain)), to(var(--colorMain))) 0 100%/0 1px no-repeat;
    background: linear-gradient(var(--colorMain), var(--colorMain)) 0 100%/0 1px no-repeat;
    -webkit-transition: background .3s;
    transition: background .3s
}

.faqCategory li a:hover {
    border: 1px solid #005691
}

.faqCategory li a:hover:after {
    right: 1rem
}

.faqCategory li a:hover span {
    background-size: 100% 1px
}

.faqCategory li a[target=_blank] span:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background: url(/assets/images/icon_blank.svg) center center no-repeat;
    background-size: contain;
    width: 1.5rem;
    height: 1.2rem;
    margin: 0 0 0 .6rem
}

.underlayerFaqSingle {
    margin: 0;
    padding: 5rem 0 10rem 0
}

.underlayerFaqSingle .faqSingle h2 {
    margin: 5rem 0 2.5rem 0;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.4;
    color: #000
}

.underlayerFaqSingle .faqSingle .faqList {
    width: 100%;
    margin-bottom: 8rem
}

.underlayerFaqSingle .faqSingle .faqList dt {
    position: relative;
    border: 1px solid #d4e2eb;
    border-radius: .5rem;
    background-color: #fff;
    margin-top: 1rem;
    padding: 2rem 6rem 2rem 8rem;
    font-size: 1.7rem;
    font-weight: 500;
    line-height: 1.75;
    cursor: pointer;
    -webkit-transition: all .4s;
    transition: all .4s
}

.underlayerFaqSingle .faqSingle .faqList dt:first-child {
    margin-top: 0
}

.underlayerFaqSingle .faqSingle .faqList dt:before {
    content: "Q";
    position: absolute;
    top: 50%;
    left: 2.4rem;
    display: block;
    border-radius: 3.6rem;
    background-color: #204f74;
    width: 3.6rem;
    height: 3.6rem;
    margin-top: -1.8rem;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 3.4rem;
    letter-spacing: 0;
    text-align: center;
    color: #fff;
    -webkit-transition: all .4s;
    transition: all .4s
}

.underlayerFaqSingle .faqSingle .faqList dt:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 2rem;
    display: block;
    background: url(../../assets/images/icon_open.svg) center center no-repeat;
    background-size: 1.6rem;
    width: 1.6rem;
    height: 1.6rem;
    margin-top: -0.8rem
}

.underlayerFaqSingle .faqSingle .faqList dt:hover {
    background-color: #204f74;
    color: #fff
}

.underlayerFaqSingle .faqSingle .faqList dt:hover:before {
    background-color: #fff;
    color: #204f74
}

.underlayerFaqSingle .faqSingle .faqList dt:hover:after {
    background: url(../../assets/images/icon_close.svg) center center no-repeat;
    background-size: 1.6rem
}

.underlayerFaqSingle .faqSingle .faqList dt.open {
    border-radius: .5rem .5rem 0 0;
    background-color: #204f74;
    font-weight: 700;
    color: #fff
}

.underlayerFaqSingle .faqSingle .faqList dt.open:before {
    background-color: #fff;
    color: #204f74
}

.underlayerFaqSingle .faqSingle .faqList dt.open:after {
    background: url(../../assets/images/icon_close.svg) center center no-repeat;
    background-size: 1.6rem
}

.underlayerFaqSingle .faqSingle .faqList dd {
    display: none;
    position: relative;
    border: 1px solid #d4e2eb;
    border-top: none;
    border-radius: 0 0 .5rem .5rem;
    background-color: #f4fbfd;
    padding: 2rem 2rem 2rem 8rem;
    font-size: 1.7rem;
    line-height: 1.75
}

.underlayerFaqSingle .faqSingle .faqList dd:before {
    content: "A";
    position: absolute;
    top: 1.7rem;
    left: 2.4rem;
    display: block;
    border-radius: 3.6rem;
    background-color: #ec1549;
    width: 3.6rem;
    height: 3.6rem;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 3.4rem;
    letter-spacing: 0;
    text-align: center;
    color: #fff
}

.underlayerFaqSingle .faqSingle .faqList dd a {
    text-decoration: underline;
    color: var(--colorMain)
}

.underlayerFaqSingle .faqSingle .faqList dd a:hover {
    text-decoration: none;
    color: #000
}

.underlayerFaqSingle .faqSingle .faqList dd p {
    margin: 1.5rem 0
}

.underlayerFaqSingle .faqSingle .faqList dd p:first-child {
    margin-top: 0
}

.underlayerFaqSingle .faqSingle .faqList dd p:last-child {
    margin-bottom: 0
}

.underlayerFaqSingle .faqSingle .faqList dd ul {
    margin: 1.5rem 0
}

.underlayerFaqSingle .faqSingle .faqList dd ul:first-child {
    margin-top: 0
}

.underlayerFaqSingle .faqSingle .faqList dd ul:last-child {
    margin-bottom: 0
}

.underlayerFaqSingle .faqSingle .faqList dd ul li {
    padding-left: 1.4rem;
    position: relative
}

.underlayerFaqSingle .faqSingle .faqList dd ul li:before {
    content: "";
    position: absolute;
    top: 1.3rem;
    left: 0;
    display: block;
    border-radius: .4rem;
    background-color: #005691;
    width: .4rem;
    height: .4rem
}

.underlayerFaqSingle .faqSingle .faqList dd ul.pdf {
    margin-top: 2rem;
    font-weight: 700
}

.underlayerFaqSingle .faqSingle .faqList dd ul.pdf li {
    padding-left: 2.5rem
}

.underlayerFaqSingle .faqSingle .faqList dd ul.pdf li:before {
    content: "";
    position: absolute;
    top: .5rem;
    left: 0;
    display: block;
    border-radius: 0;
    background: rgba(0,0,0,0) url(../../assets/images/icon_pdf_small.svg) center center no-repeat;
    background-size: contain;
    background: #fff url(../../assets/images/icon_pdf_2.svg) center center no-repeat;
    background-size: 1.8rem 2.1rem;
    width: 1.8rem;
    height: 2.1rem
}

.underlayerFaqSingle .faqSingle .faqList dd ol {
    counter-reset: item;
    margin: 1.5rem 0
}

.underlayerFaqSingle .faqSingle .faqList dd ol:first-child {
    margin-top: 0
}

.underlayerFaqSingle .faqSingle .faqList dd ol:last-child {
    margin-bottom: 0
}

.underlayerFaqSingle .faqSingle .faqList dd ol li {
    padding-left: 2.6rem;
    position: relative
}

.underlayerFaqSingle .faqSingle .faqList dd ol li:before {
    counter-increment: item;
    content: counter(item) ".";
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 700;
    color: #005691
}

.underlayerFaqSingle .faqSingle .faqList dd strong,.underlayerFaqSingle .faqSingle .faqList dd .font-bold {
    font-weight: 700
}

.underlayerFaqSingle .faqSingle .faqList dd hr {
    border-top: 1px solid #ccc;
    margin: 2.5rem 0
}

.underlayerFaqSingle .faqSingle .faqList dd hr:first-child {
    margin-top: 0
}

.underlayerFaqSingle .faqSingle .faqList dd hr:last-child {
    margin-bottom: 0
}

.underlayerFaqSingle .faqSingle .faqList dd figure {
    width: 100%;
    margin: 2.5rem 0;
    text-align: center
}

.underlayerFaqSingle .faqSingle .faqList dd figure:first-child {
    margin-top: 0
}

.underlayerFaqSingle .faqSingle .faqList dd figure:last-child {
    margin-bottom: 0
}

.underlayerFaqSingle .faqSingle .faqList dd figure figcaption {
    margin-top: .8rem;
    font-size: 80%;
    line-height: 1.4;
    text-align: center;
    color: #888
}

@media(max-width: 768px) {
    .mainvisualBackground--faq .underlayerMainvisual .faqRead {
        background:#fff url(../../assets/images/faq_back.webp) center 2rem no-repeat;
        background-size: 60%;
        width: 100%;
        margin-top: 2.6rem;
        margin-bottom: 4.5rem;
        padding: 19rem 2rem 2rem 2rem
    }

    .mainvisualBackground--faq .underlayerMainvisual .faqRead h2 {
        width: 100%;
        margin-bottom: 1.8rem;
        padding-left: 1.8rem;
        padding-bottom: 1.4rem;
        font-size: 1.8rem
    }

    .mainvisualBackground--faq .underlayerMainvisual .faqRead h2:before {
        top: 1rem;
        border-radius: .6rem;
        width: .6rem;
        height: .6rem
    }

    .mainvisualBackground--faq .underlayerMainvisual .faqRead .faqPickup {
        width: 100%;
        margin-bottom: 3rem
    }

    .mainvisualBackground--faq .underlayerMainvisual .faqRead .faqPickup li {
        position: relative;
        font-size: 1.5rem;
        line-height: 1.8
    }

    .mainvisualBackground--faq .underlayerMainvisual .faqRead .faqPickup li:before {
        top: 0;
        left: 0
    }

    .faqCategory {
        display: block;
        width: 100%
    }

    .faqCategory li {
        width: 100%;
        margin: 0 0 .4rem 0
    }

    .faqCategory li a {
        padding: 1.2rem 2.5rem 1.2rem 1.5rem;
        font-size: 1.5rem
    }

    .faqCategory li a:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 1.5rem;
        display: block;
        width: .5rem;
        height: .5rem;
        margin-top: -0.2rem;
        border-right: solid 1px var(--colorMain);
        border-bottom: solid 1px var(--colorMain);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: .3s;
        transition: .3s
    }

    .faqCategory li a[target=_blank] span:after {
        width: 1.2rem;
        height: 1.2rem;
        margin: 0 0 0 .4rem
    }

    .underlayerFaqSingle {
        padding: 3.5rem 0 10rem 0
    }

    .underlayerFaqSingle .faqSingle h2 {
        margin: 4rem 0 1.5rem 0;
        font-size: 1.8rem
    }

    .underlayerFaqSingle .faqSingle .faqList {
        margin-bottom: 6rem
    }

    .underlayerFaqSingle .faqSingle .faqList dt {
        margin-top: .5rem;
        padding: 1.5rem 3.8rem 1.5rem 5.4rem;
        font-size: 1.5rem;
        line-height: 1.7
    }

    .underlayerFaqSingle .faqSingle .faqList dt:before {
        left: 1.2rem;
        border-radius: 3rem;
        width: 3rem;
        height: 3rem;
        margin-top: -1.5rem;
        font-size: 1.4rem;
        line-height: 2.8rem
    }

    .underlayerFaqSingle .faqSingle .faqList dt:after {
        right: 1.2rem;
        background-size: 1.4rem;
        width: 1.4rem;
        height: 1.4rem;
        margin-top: -0.7rem
    }

    .underlayerFaqSingle .faqSingle .faqList dt:hover:after {
        background: url(../../assets/images/icon_close.svg) center center no-repeat;
        background-size: 1.4rem
    }

    .underlayerFaqSingle .faqSingle .faqList dt.open:after {
        background: url(../../assets/images/icon_close.svg) center center no-repeat;
        background-size: 1.4rem
    }

    .underlayerFaqSingle .faqSingle .faqList dd {
        padding: 1.5rem 1.5rem 2rem 5.4rem;
        font-size: 1.5rem;
        line-height: 1.8
    }

    .underlayerFaqSingle .faqSingle .faqList dd:before {
        top: 2.8rem;
        left: 1.2rem;
        border-radius: 3rem;
        width: 3rem;
        height: 3rem;
        margin-top: -1.5rem;
        font-size: 1.4rem;
        line-height: 2.8rem
    }

    .underlayerFaqSingle .faqSingle .faqList dd p {
        margin: 1.2rem 0
    }

    .underlayerFaqSingle .faqSingle .faqList dd ul {
        margin: 1.2rem 0
    }

    .underlayerFaqSingle .faqSingle .faqList dd ul li {
        padding-left: 1.2rem
    }

    .underlayerFaqSingle .faqSingle .faqList dd ul li:before {
        top: 1.1rem
    }

    .underlayerFaqSingle .faqSingle .faqList dd ul.pdf {
        margin-top: 1.5rem
    }

    .underlayerFaqSingle .faqSingle .faqList dd ul.pdf li {
        padding-left: 2rem
    }

    .underlayerFaqSingle .faqSingle .faqList dd ul.pdf li:before {
        top: .4rem;
        width: 1.8rem;
        height: 2.1rem;
        left: -0.2rem
    }

    .underlayerFaqSingle .faqSingle .faqList dd ol {
        margin: 1.2rem 0
    }

    .underlayerFaqSingle .faqSingle .faqList dd ol li {
        padding-left: 2.4rem
    }

    .underlayerFaqSingle .faqSingle .faqList dd hr {
        margin: 2rem 0
    }

    .underlayerFaqSingle .faqSingle .faqList dd figure {
        margin: 2rem 0
    }
}

.faqCategory li a:hover span {
    background-size: 0% 1px
}

@media(max-width: 768px) {
    .underlayerFaqSingle .faqSingle .faqList dt {
        scroll-margin-top:8rem
    }
}

.mainvisualBackground.search {
    padding-bottom: 0;
    overflow: hidden
}

.mainvisualBackground .keywordSearch .ttl {
    position: relative;
    margin: 3.5rem 0 1.4rem 0;
    padding-left: 1.6rem;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
    color: #000
}

.mainvisualBackground .keywordSearch .ttl:before {
    content: "";
    position: absolute;
    top: .8rem;
    left: .1rem;
    display: block;
    border-radius: .4rem;
    background-color: #104c75;
    width: .4rem;
    height: .4rem
}

.mainvisualBackground .keywordSearch .form {
    position: relative;
    width: 100%
}

.mainvisualBackground .keywordSearch .form input[type=text] {
    position: relative;
    display: block;
    border-radius: .4rem;
    background-color: #fff;
    width: 100%;
    height: 5.8rem;
    padding: 1rem 2rem;
    font-size: 1.6rem;
    z-index: 1
}

.mainvisualBackground .keywordSearch .form button {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    border-radius: 0 .4rem .4rem 0;
    background: var(--colorMain) url(../images/icon_search2.svg) center center no-repeat;
    background-size: 2.6rem;
    width: 5.8rem;
    height: 5.8rem;
    font-size: 0;
    overflow: hidden;
    z-index: 2
}

.mainvisualBackground .keywordSearch .link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.2rem;
    font-size: 1.6rem;
    line-height: 1.6
}

.mainvisualBackground .keywordSearch .link a {
    text-decoration: underline;
    color: var(--colorMain)
}

.mainvisualBackground .keywordSearch .link a:before {
    content: "#"
}

.mainvisualBackground .keywordSearch .link a:hover {
    text-decoration: none
}

.mainvisualBackground .searchTab {
    position: relative;
    width: 100%;
    margin-top: 4rem
}

.mainvisualBackground .searchTab ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mainvisualBackground .searchTab ul li {
    display: block;
    border: 1px solid #204f74;
    border-bottom: none;
    border-radius: .5rem .5rem 0 0;
    background-color: #e0ebf6;
    width: 15.1rem;
    font-size: 1.6rem;
    font-weight: 700;
    text-align: center;
    line-height: 6rem;
    color: #000;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
    z-index: 1
}

.mainvisualBackground .searchTab ul li:hover {
    background-color: #204f74;
    color: #fff
}

.mainvisualBackground .searchTab ul li.check {
    background-color: #fff;
    color: #204f74;
    z-index: 3
}

.mainvisualBackground .searchTab ul:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    background-color: #204f74;
    width: 100vw;
    height: 1px;
    margin-left: -50vw;
    z-index: 2
}

.mainvisualBackground .searchTab select {
    display: none
}

.underlayerSearch__contentItem {
    display: none;
    width: 100%;
    margin: 0 auto
}

.underlayerSearch__contentItem:first-of-type {
    display: block
}

.underlayerSearch__contentItem .searchSeparate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%
}

.underlayerSearch__contentItem .searchSeparate .searchTerms {
    border-radius: .5rem;
    background-color: #f1f7fb;
    width: 28.6rem;
    padding: 2.5rem 2rem
}

.underlayerSearch__contentItem .searchSeparate .searchTerms p {
    position: relative;
    margin-bottom: 1.8rem;
    padding-left: 1.6rem;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
    color: #000
}

.underlayerSearch__contentItem .searchSeparate .searchTerms p:before {
    content: "";
    position: absolute;
    top: .7rem;
    left: .1rem;
    display: block;
    border-radius: .4rem;
    background-color: #104c75;
    width: .4rem;
    height: .4rem
}

.underlayerSearch__contentItem .searchSeparate .searchTerms ul {
    margin-bottom: 3rem
}

.underlayerSearch__contentItem .searchSeparate .searchTerms ul:last-child {
    margin-bottom: 0
}

.underlayerSearch__contentItem .searchSeparate .searchTerms ul li {
    margin-bottom: .7rem
}

.underlayerSearch__contentItem .searchSeparate .searchTerms ul li label {
    cursor: pointer
}

.underlayerSearch__contentItem .searchSeparate .searchTerms ul li label input[type=checkbox] {
    display: none
}

.underlayerSearch__contentItem .searchSeparate .searchTerms ul li label input[type=checkbox]:checked+span:before {
    border: 1px solid var(--colorMain);
    background-color: var(--colorMain)
}

.underlayerSearch__contentItem .searchSeparate .searchTerms ul li label input[type=checkbox]:checked+span:after {
    display: block
}

.underlayerSearch__contentItem .searchSeparate .searchTerms ul li label span {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 2.6rem;
    font-size: 1.4rem;
    line-height: 1.5
}

.underlayerSearch__contentItem .searchSeparate .searchTerms ul li label span:before {
    content: "";
    position: absolute;
    top: .3rem;
    left: 0;
    display: block;
    border: 1px solid #aab0b7;
    background-color: #fff;
    width: 1.8rem;
    height: 1.8rem;
    z-index: 1
}

.underlayerSearch__contentItem .searchSeparate .searchTerms ul li label span:after {
    content: "";
    position: absolute;
    top: .6rem;
    left: .3rem;
    display: none;
    border-bottom: 3px solid #fff;
    border-left: 3px solid #fff;
    width: 1.2rem;
    height: .8rem;
    -webkit-transform: rotate(-55deg);
    transform: rotate(-55deg);
    z-index: 2
}

.underlayerSearch__contentItem .searchSeparate .searchTerms ul li label:hover {
    color: var(--colorMain)
}

.underlayerSearch__contentItem .searchSeparate .searchData {
    width: calc(100% - 33.6rem)
}

.underlayerSearch .searchList {
    border-top: 1px solid #dcdcdc;
    width: 100%
}

.underlayerSearch .searchList__item {
    position: relative;
    display: block;
    border-bottom: 1px dotted #dcdcdc;
    width: 100%;
    padding: 3.2rem 0 3.6rem 0;
    font-size: 1.6rem;
    line-height: 1.7;
    text-decoration: none
}

.underlayerSearch .searchList__item .label {
    position: absolute;
    top: 2.4rem;
    right: 0;
    border-radius: .3rem;
    background: #989898;
    width: 9rem;
    padding: 0 .4rem;
    font-size: 1.3rem;
    line-height: 2.4rem;
    letter-spacing: .04rem;
    color: #fff;
    text-align: center
}

.underlayerSearch .searchList__item .ttl {
    margin-bottom: .8rem;
    padding-right: 10rem;
    font-size: 2.1rem;
    font-weight: 700;
    color: var(--colorMain)
}

.underlayerSearch .searchList__item .ttl span {
    display: inline;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--colorMain)), to(var(--colorMain))) 0 100%/0 1px no-repeat;
    background: linear-gradient(var(--colorMain), var(--colorMain)) 0 100%/0 1px no-repeat;
    -webkit-transition: background .3s;
    transition: background .3s;
    text-decoration: none
}

.underlayerSearch .searchList__item .text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

@media(min-width: 769px) {
    .underlayerSearch .searchList__item:hover .ttl span {
        background-size:100% 1px
    }
}

@media(max-width: 768px) {
    .mainvisualBackground.search {
        padding-bottom:2rem
    }

    .mainvisualBackground .keywordSearch {
        padding: 0 2rem
    }

    .mainvisualBackground .keywordSearch .ttl {
        position: relative;
        margin: 2.5rem 0 1rem 0;
        padding-left: 1.4rem;
        font-size: 1.6rem
    }

    .mainvisualBackground .keywordSearch .ttl:before {
        top: .7rem
    }

    .mainvisualBackground .keywordSearch .form {
        position: relative;
        width: 100%
    }

    .mainvisualBackground .keywordSearch .form input[type=text] {
        height: 4.8rem;
        padding: .5rem 1.5rem;
        font-size: 1.5rem
    }

    .mainvisualBackground .keywordSearch .form button {
        background: var(--colorMain) url(../images/icon_search2.svg) center center no-repeat;
        background-size: 2rem;
        width: 4.8rem;
        height: 4.8rem
    }

    .mainvisualBackground .keywordSearch .link {
        gap: .4rem .8rem;
        font-size: 1.5rem
    }

    .mainvisualBackground .searchTab {
        margin-top: 2.5rem;
        padding: 0 2rem
    }

    .mainvisualBackground .searchTab ul {
        display: none
    }

    .mainvisualBackground .searchTab select {
        display: block;
        border: solid 1px #004e81;
        background-color: #fff;
        width: 100%;
        height: 5rem;
        padding: 1rem 1.5rem;
        font-size: 1.5rem;
        line-height: 1;
        color: #004e81
    }

    .mainvisualBackground .searchTab:after {
        content: "";
        position: absolute;
        top: 2rem;
        right: 3.6rem;
        bottom: 0;
        margin: 0 auto;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 0 5px 7px;
        border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) var(--trainingColorSub);
        -webkit-transform: translateX(0%) rotate(90deg);
        transform: translateX(0%) rotate(90deg)
    }

    .underlayerSearch__contentItem .searchSeparate {
        display: block
    }

    .underlayerSearch__contentItem .searchSeparate .searchTerms {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        margin-bottom: 4rem;
        padding: .5rem 2rem 2rem 2rem
    }

    .underlayerSearch__contentItem .searchSeparate .searchTerms p {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        border-bottom: 1px solid #d2d4d6;
        width: 48%;
        margin-bottom: 0;
        padding: 1.5rem 0;
        font-size: 1.5rem;
        line-height: 1.2
    }

    .underlayerSearch__contentItem .searchSeparate .searchTerms p:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 1rem;
        display: block;
        background-color: #004e81;
        width: .1rem;
        height: 1.3rem;
        margin-top: -0.6rem
    }

    .underlayerSearch__contentItem .searchSeparate .searchTerms p:before {
        content: "";
        position: absolute;
        top: 50%;
        left: initial;
        right: .4rem;
        display: block;
        background-color: #004e81;
        width: 1.3rem;
        height: .1rem
    }

    .underlayerSearch__contentItem .searchSeparate .searchTerms p.check:after {
        display: none
    }

    .underlayerSearch__contentItem .searchSeparate .searchTerms ul {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-bottom: 2rem;
        display: none;
        width: 100%;
        margin-top: 1rem;
        margin-bottom: 0
    }

    .underlayerSearch__contentItem .searchSeparate .searchTerms ul li {
        display: inline-block;
        margin: 0 1.6rem .2rem 0;
        white-space: nowrap
    }

    .underlayerSearch__contentItem .searchSeparate .searchTerms ul li label {
        cursor: pointer
    }

    .underlayerSearch__contentItem .searchSeparate .searchTerms ul li label input[type=checkbox] {
        display: none
    }

    .underlayerSearch__contentItem .searchSeparate .searchTerms ul li label input[type=checkbox]:checked+span:before {
        border: 1px solid var(--colorMain);
        background-color: var(--colorMain)
    }

    .underlayerSearch__contentItem .searchSeparate .searchTerms ul li label input[type=checkbox]:checked+span:after {
        display: block
    }

    .underlayerSearch__contentItem .searchSeparate .searchTerms ul li label span {
        padding-left: 2.4rem;
        font-size: 1.4rem;
        line-height: 1.4
    }

    .underlayerSearch__contentItem .searchSeparate .searchTerms ul li label span:before {
        top: 0rem;
        left: 0
    }

    .underlayerSearch__contentItem .searchSeparate .searchTerms ul li label span:after {
        top: .3rem;
        left: .3rem
    }

    .underlayerSearch__contentItem .searchSeparate .searchTerms.c3 p {
        width: 31%
    }

    .underlayerSearch__contentItem .searchSeparate .searchData {
        width: 100%
    }

    .underlayerSearch .searchList__item {
        padding: 1.4rem 0 1.6rem 0;
        font-size: 1.4rem
    }

    .underlayerSearch .searchList__item .label {
        position: relative;
        top: 0;
        right: 0;
        width: 8rem;
        margin-bottom: .6rem;
        font-size: 1.1rem;
        line-height: 2.2rem
    }

    .underlayerSearch .searchList__item .ttl {
        margin-bottom: .6rem;
        padding-right: 0;
        font-size: 1.7rem;
        line-height: 1.5
    }
}

@media(max-width: 768px) {
    .search__ttl {
        margin:0 0 1.2rem 0
    }

    .search__block .service__keywordList li {
        margin: -0.7rem 0 1rem 0
    }
}

.search__blockBtn .submit {
    position: relative;
    top: 0;
    font-size: 1.8rem;
    font-weight: 700;
    display: block;
    width: 23.4rem;
    background: #2f79b1;
    -webkit-box-shadow: 0 .3rem 0 #005691;
    box-shadow: 0 .3rem 0 #005691;
    border-radius: .5rem;
    color: #fff;
    text-align: center;
    padding: .6rem 1.2rem .6rem 0;
    padding: .6rem 0rem .6rem 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin: 0rem auto 2rem
}

@media(min-width: 769px) {
    .search__blockBtn .submit:hover {
        background:#4e95cb;
        top: .3rem;
        -webkit-box-shadow: 0 0 0 #005691;
        box-shadow: 0 0 0 #005691;
        color: #fff
    }
}

.archive__inner .setting ._attributegroup,.archive__background .setting ._attributegroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: solid 2px #fff
}

@media(max-width: 768px) {
    .archive__inner .setting ._attributegroup,.archive__background .setting ._attributegroup {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.archive__inner .setting ._attributegroup ._group,.archive__background .setting ._attributegroup ._group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #dfecf5;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.4rem;
    width: 24rem;
    border-right: solid 2px #fff;
    padding: 0 0 0 2rem
}

@media(max-width: 768px) {
    .archive__inner .setting ._attributegroup ._group,.archive__background .setting ._attributegroup ._group {
        position:relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        border-bottom: 1px solid #d2d4d6;
        width: 48%;
        margin-bottom: 0;
        padding: 1.5rem 0;
        font-size: 1.5rem;
        line-height: 1.2
    }
}

.archive__inner .setting ._attributegroup ._attributes,.archive__background .setting ._attributegroup ._attributes {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #f1f6f9;
    padding: 2rem 2.5rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem
}

@media(max-width: 768px) {
    .archive__inner .setting ._attributegroup ._attributes,.archive__background .setting ._attributegroup ._attributes {
        padding:1.6rem 2rem
    }
}

.archive__inner .setting ._attributegroup ._attributes label,.archive__background .setting ._attributegroup ._attributes label {
    position: relative;
    background: #fff;
    padding: 1rem 1rem 1rem 4.5rem;
    display: inline-block;
    text-align: left
}

@media(max-width: 768px) {
    .archive__inner .setting ._attributegroup ._attributes label,.archive__background .setting ._attributegroup ._attributes label {
        line-height:1.8
    }
}

.archive__inner .setting ._attributegroup ._attributes ._attribute input[type=checkbox],.archive__background .setting ._attributegroup ._attributes ._attribute input[type=checkbox] {
    display: none
}

.archive__inner .setting ._attributegroup ._attributes ._label,.archive__background .setting ._attributegroup ._attributes ._label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    text-align: left
}

@media(max-width: 768px) {
    .archive__inner .setting ._attributegroup ._attributes ._label,.archive__background .setting ._attributegroup ._attributes ._label {
        display:inline
    }
}

.archive__inner .setting ._attributegroup ._attributes ._count,.archive__background .setting ._attributegroup ._attributes ._count {
    display: inline
}

.archive__inner .setting ._attributegroup ._attributes ._label::before,.archive__background .setting ._attributegroup ._attributes ._label::before {
    content: "";
    position: absolute;
    top: 0;
    left: -3rem;
    bottom: 0;
    display: block;
    width: 2rem;
    height: 2rem;
    background: #fff;
    border: 1px solid #d2d4d6;
    margin: auto;
    bottom: auto;
    top: .2rem
}

.archive__inner .setting ._attributegroup ._attributes ._label::after,.archive__background .setting ._attributegroup ._attributes ._label::after {
    content: "";
    position: absolute;
    top: -0.4rem;
    left: -2.4rem;
    bottom: 0;
    display: block;
    width: .7rem;
    height: 1.3rem;
    border-right: .3rem solid #fff;
    border-bottom: .3rem solid #fff;
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    margin: auto;
    opacity: 0;
    bottom: auto;
    top: .25em
}

.archive__inner .setting ._attributegroup ._attributes ._attribute input[type=checkbox]:checked+span::before,.archive__background .setting ._attributegroup ._attributes ._attribute input[type=checkbox]:checked+span::before {
    background: #204f74;
    border: 1px solid #204f74
}

.archive__inner .setting ._attributegroup ._attributes ._attribute input[type=checkbox]:checked+span::after,.archive__background .setting ._attributegroup ._attributes ._attribute input[type=checkbox]:checked+span::after {
    opacity: 1
}

.archive__inner .setting .searchblock,.archive__background .setting .searchblock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(max-width: 768px) {
    .archive__inner .setting .searchblock,.archive__background .setting .searchblock {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

.archive__inner .setting .searchblock .head,.archive__background .setting .searchblock .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #dfecf5;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.4rem;
    width: 24rem;
    border-right: solid 2px #fff;
    padding: 0 0 0 2rem
}

@media(max-width: 768px) {
    .archive__inner .setting .searchblock .head,.archive__background .setting .searchblock .head {
        width:100%;
        border: none;
        padding: 1rem 2rem
    }
}

.archive__inner .setting .searchblock .contents,.archive__background .setting .searchblock .contents {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #f1f6f9;
    padding: 2rem 2.5rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem
}

.archive__inner .setting .searchblock ._attributegroup ._group,.archive__background .setting .searchblock ._attributegroup ._group {
    background: none;
    font-size: 1.6rem;
    font-weight: 500;
    width: 8.9rem;
    border: none;
    padding: 0
}

@media(max-width: 768px) {
    .archive__inner .setting .searchblock ._attributegroup ._group,.archive__background .setting .searchblock ._attributegroup ._group {
        margin:0 0 1rem
    }
}

.archive__inner .setting .searchblock,.archive__background .setting .searchblock {
    border-bottom: solid 2px #fff
}

.archive__inner .setting .searchblock ._attributegroup ._attributes,.archive__background .setting .searchblock ._attributegroup ._attributes {
    padding: 0
}

.archive__inner .setting .searchblock ._attributegroup,.archive__background .setting .searchblock ._attributegroup {
    border-bottom: none
}

.archive__inner .setting .searchblock ._sitesearch_component,.archive__background .setting .searchblock ._sitesearch_component {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-image: linear-gradient(to right, #A9ADAF 2px, transparent 2px);
    background-size: .7rem .2rem;
    background-repeat: repeat-x;
    background-position: left bottom;
    padding: 0 0 2rem 0;
    margin: 0 0 1.2rem 0;
    width: 100%;
    border-bottom: none
}

@media(max-width: 768px) {
    .archive__inner .setting .searchblock ._sitesearch_component,.archive__background .setting .searchblock ._sitesearch_component {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.archive__inner .setting .searchblock ._sitesearch_component:last-of-type,.archive__background .setting .searchblock ._sitesearch_component:last-of-type {
    background-image: none;
    padding: 0;
    margin: 0
}

.archive__inner .setting .searchblock ._attributes label,.archive__background .setting .searchblock ._attributes label {
    background: none;
    padding: 0 0 0 4.5rem;
    text-align: left
}

@media(max-width: 768px) {
    .archive__inner .setting .searchblock ._attributes label,.archive__background .setting .searchblock ._attributes label {
        padding:0 0 0 3rem
    }
}

.archive__inner .setting .searchblock input,.archive__background .setting .searchblock input {
    background: #fff;
    width: 100%;
    border-radius: .3rem;
    font-size: 1.6rem;
    padding: .9rem 0 .9rem 1.7rem;
    text-align: left
}

._sitesearch_component {
    text-align: center
}

._sitesearch_component button {
    margin: 1.8rem auto 0;
    width: 15.8rem;
    display: block;
    font-size: 1.5rem;
    color: #204f74;
    text-decoration: underline
}

@media(min-width: 769px) {
    ._sitesearch_component button:hover {
        text-decoration:none
    }
}

.search__block label::before {
    content: none
}

.underlayer.underlayerSeminar.underlayerService.service_search .archiveResults ._searchstatusfull {
    font-size: 1.8rem;
    line-height: 2.6rem;
    font-weight: 400;
    letter-spacing: .02rem;
    margin: 0 0 0 0rem
}

@media(max-width: 768px) {
    .underlayer.underlayerSeminar.underlayerService.service_search .archiveResults ._searchstatusfull {
        font-size:1.2rem;
        margin: 0 0 0 .4rem
    }
}

.underlayer.underlayerSeminar.underlayerService.service_search .archiveResults ._searchstatusfull ._totalhits {
    font-size: 4.2rem;
    font-weight: 700;
    line-height: 1
}

@media(max-width: 768px) {
    .underlayer.underlayerSeminar.underlayerService.service_search .archiveResults ._searchstatusfull ._totalhits {
        font-size:3rem
    }
}

.underlayer.underlayerSeminar.underlayerService.service_search .archiveResults ._sortorderselector_type1 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    text-align: left
}

.underlayer.underlayerSeminar.underlayerService.service_search .archiveResults ._sortorderselector_type1 select {
    border: solid 1px #d0d6db;
    padding: .8rem 4.5rem .8rem 1rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
    letter-spacing: .02rem;
    border-radius: .5rem;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    text-align: left
}

.underlayer.underlayerSeminar.underlayerService.service_search .archiveResults ._sortorderselector_type1:after {
    content: "";
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    bottom: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #005691;
    -webkit-transform: translateX(0%) rotate(90deg);
    transform: translateX(0%) rotate(90deg);
    pointer-events: none
}

.underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 3.88rem;
    text-align: left
}

@media(max-width: 768px) {
    .underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items {
        gap:4rem
    }
}

.underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item {
    position: relative;
    width: 34rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 0 3rem 0
}

@media(max-width: 768px) {
    .underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item {
        width:100%;
        margin: 0 0 2rem 0
    }
}

.underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item ._layoutgroup1 ._thumbnail {
    height: 22rem;
    overflow: hidden;
    margin: 0 0 .8rem 0;
    border-radius: .5rem;
    border: 1px solid #d8d8d8;
    width: 100%
}

.underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item ._layoutgroup1 ._thumbnail img {
    width: 34rem;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all ease .4s;
    transition: all ease .4s;
    border-radius: .5rem
}

.underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item ._layoutgroup2 ._title {
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 3rem;
    letter-spacing: .05rem;
    margin: 0 0 1.1rem 0;
    padding-right: 4.2rem
}

.underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item ._layoutgroup2 ._title a {
    display: inline;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--colorMain)), to(var(--colorMain))) 0 100%/0 1px no-repeat;
    background: linear-gradient(var(--colorMain), var(--colorMain)) 0 100%/0 1px no-repeat;
    -webkit-transition: background .3s;
    transition: background .3s
}

@media(min-width: 769px) {
    .underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item ._layoutgroup2 ._title a:hover {
        background-size:100% 1px !important
    }
}

.underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item ._layoutgroup2 ._display_text4 button {
    position: absolute;
    top: 23rem;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 3.4rem;
    height: 3.4rem;
    background: #f1f1f1;
    border-radius: 100%;
    z-index: 5;
    -webkit-transition: all .4s;
    transition: all .4s;
    margin: 0
}

.underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item ._layoutgroup2 ._display_text4 button svg {
    width: 1.307rem;
    height: 1.14rem
}

.underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item ._layoutgroup2 ._display_text4 button svg use {
    fill: #d56272;
    stroke: #d56272
}

@media(min-width: 769px) {
    .underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item ._layoutgroup2 ._display_text4 button:hover {
        background:#d3d3d3
    }
}

.underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item ._layoutgroup3 ._display_text3 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .44rem;
    margin: 1.2rem 0 0 0
}

@media(max-width: 768px) {
    .underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item ._layoutgroup3 ._display_text3 ul {
        margin:1.2rem 0 0 0
    }
}

.underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item ._layoutgroup3 ._display_text3 ul li a {
    background: #fff;
    font-size: 1.4rem;
    line-height: 2.4rem;
    padding: .3rem 1.3rem;
    border-radius: 5rem;
    border: solid 1px #dcdcdc;
    width: auto
}

@media(max-width: 768px) {
    .underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item ._layoutgroup3 ._display_text3 ul li a {
        font-size:1.3rem
    }
}

@media(min-width: 769px) {
    .underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item ._layoutgroup3 ._display_text3 ul li a:hover {
        background:#dcdcdc
    }
}

.underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item ._layoutgroup3 ._display_text40 ul {
    margin-top: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1.4
}

.underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item ._layoutgroup3 ._display_text40 ul li {
    margin-right: 1rem
}

.underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item ._layoutgroup3 ._display_text40 ul li a {
    width: auto;
    font-size: 1.4rem;
    color: var(--colorMain);
    text-decoration: underline
}

@media(min-width: 769px) {
    .underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item ._layoutgroup3 ._display_text40 ul li a:hover {
        text-decoration:none
    }
}

.underlayer.underlayerSeminar.underlayerService.service_search ._pagenator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 6rem auto 0;
    position: relative;
    padding: 0 10rem
}

.underlayer.underlayerSeminar.underlayerService.service_search ._pagenator ._disable {
    display: none
}

@media(max-width: 768px) {
    .underlayer.underlayerSeminar.underlayerService.service_search ._pagenator {
        margin:6rem auto 0;
        position: relative;
        padding: 0 8rem
    }
}

.underlayer.underlayerSeminar.underlayerService.service_search ._pagenator ._nav._prev {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0
}

.underlayer.underlayerSeminar.underlayerService.service_search ._pagenator ._nav._prev a {
    position: relative;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 9rem;
    height: 4.5rem;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1;
    color: var(--colorMain);
    border: solid 1px var(--colorMain)
}

@media(max-width: 768px) {
    .underlayer.underlayerSeminar.underlayerService.service_search ._pagenator ._nav._prev a {
        width:8rem;
        height: 4.3rem
    }
}

@media(min-width: 769px) {
    .underlayer.underlayerSeminar.underlayerService.service_search ._pagenator ._nav._prev a:hover {
        color:#fff;
        background: var(--colorMain)
    }
}

.underlayer.underlayerSeminar.underlayerService.service_search ._pagenator ._nav._next {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0
}

.underlayer.underlayerSeminar.underlayerService.service_search ._pagenator ._nav._next a {
    position: relative;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 9rem;
    height: 4.5rem;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1;
    color: var(--colorMain);
    border: solid 1px var(--colorMain)
}

@media(max-width: 768px) {
    .underlayer.underlayerSeminar.underlayerService.service_search ._pagenator ._nav._next a {
        width:8rem;
        height: 4.3rem
    }
}

@media(min-width: 769px) {
    .underlayer.underlayerSeminar.underlayerService.service_search ._pagenator ._nav._next a:hover {
        color:#fff;
        background: var(--colorMain)
    }
}

.underlayer.underlayerSeminar.underlayerService.service_search ._pagenator ._nav._page {
    width: 4.3rem;
    height: 4.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    font-size: 1.6rem;
    font-weight: bold;
    background-color: #f1f7fb;
    color: var(--colorMain);
    border-radius: 4px;
    margin: 0 .5rem
}

.underlayer.underlayerSeminar.underlayerService.service_search ._pagenator ._nav._page a {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 4px
}

@media(max-width: 768px) {
    .underlayer.underlayerSeminar.underlayerService.service_search ._pagenator ._nav._page {
        margin:0 .3rem
    }
}

@media(min-width: 769px) {
    .underlayer.underlayerSeminar.underlayerService.service_search ._pagenator ._nav._page a:hover {
        color:#fff;
        background: var(--colorMain)
    }
}

.underlayer.underlayerSeminar.underlayerService.service_search ._pagenator ._nav._page._current {
    width: 4.3rem;
    height: 4.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    font-size: 1.6rem;
    font-weight: bold;
    background-color: #f1f7fb;
    color: var(--colorMain);
    border-radius: 4px;
    margin: 0 .5rem;
    background-color: var(--colorMain);
    color: #fff
}

@media(max-width: 768px) {
    .underlayer.underlayerSeminar.underlayerService.service_search ._pagenator ._nav._page._current {
        margin:0 .3rem
    }
}

.underlayer.underlayerSeminar.underlayerService.service_search ._pagenator ._nav._first a {
    display: none
}

.underlayerSearch .searchList__item .ttl {
    color: #000
}

.underlayerSearch .searchList__item:hover .ttl span {
    color: var(--colorMain)
}

.underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .archiveResults {
    margin: 0 0 1rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 768px) {
    .underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .archiveResults {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        margin: 0 0 2rem 0
    }
}

.underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .archiveResults ._totalhits {
    font-weight: 700;
    line-height: 4.3rem;
    letter-spacing: .04rem;
    margin: 0 0 2.2rem 0;
    font-size: 4.2rem
}

@media(max-width: 768px) {
    .underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .archiveResults ._totalhits {
        font-size:3rem;
        margin: 0
    }
}

.underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .archiveResults ._sitesearch_component ._sortorderselector._sortorderselector_type1 {
    position: relative
}

@media(max-width: 768px) {
    .underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .archiveResults ._sitesearch_component ._sortorderselector._sortorderselector_type1 {
        margin:1rem 0 0 0
    }
}

.underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .archiveResults ._sitesearch_component ._sortorderselector._sortorderselector_type1 select {
    border: solid 1px #d0d6db;
    padding: .8rem 4.5rem .8rem 1.3rem;
    font-size: 1.5rem;
    line-height: 2.1rem;
    letter-spacing: .02rem;
    border-radius: .5rem;
    text-align: left
}

@media(max-width: 768px) {
    .underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .archiveResults ._sitesearch_component ._sortorderselector._sortorderselector_type1 select {
        padding:.8rem 3.5rem .8rem 1.3rem !important
    }
}

.underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .archiveResults ._sitesearch_component ._sortorderselector._sortorderselector_type1:after {
    content: "";
    position: absolute;
    top: 1.5rem;
    right: 1.9rem;
    bottom: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) var(--trainingColorSub);
    -webkit-transform: translateX(0%) rotate(90deg);
    transform: translateX(0%) rotate(90deg)
}

@media(max-width: 768px) {
    .underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .archiveResults ._sitesearch_component ._sortorderselector._sortorderselector_type1:after {
        right:1.5rem
    }
}

.underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchList ._sitesearch_component {
    text-align: left
}

.underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchList ._sitesearch_component ._searchresults ._items ._item {
    position: relative;
    display: block;
    border-bottom: 1px dotted #dcdcdc;
    width: 100%;
    padding: 3rem 0 3rem 11rem;
    font-size: 1.6rem;
    line-height: 1.7;
    text-decoration: none
}

@media(max-width: 768px) {
    .underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchList ._sitesearch_component ._searchresults ._items ._item {
        padding:1.4rem 0 1.6rem 0;
        font-size: 1.4rem
    }
}

.underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchList ._sitesearch_component ._searchresults ._items ._item ._title {
    color: #000;
    margin-bottom: .8rem;
    font-size: 2.1rem;
    font-weight: 700
}

@media(max-width: 768px) {
    .underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchList ._sitesearch_component ._searchresults ._items ._item ._title {
        margin-bottom:.6rem;
        padding-right: 0;
        font-size: 1.7rem;
        line-height: 1.5
    }
}

.underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchList ._sitesearch_component ._searchresults ._items ._item ._title a {
    display: inline;
    background: -webkit-gradient(linear, left top, left bottom, from(var(--colorMain)), to(var(--colorMain))) 0 100%/0 1px no-repeat;
    background: linear-gradient(var(--colorMain), var(--colorMain)) 0 100%/0 1px no-repeat;
    -webkit-transition: background .3s;
    transition: background .3s;
    text-decoration: none
}

@media(min-width: 769px) {
    .underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchList ._sitesearch_component ._searchresults ._items ._item ._title a:hover {
        color:var(--colorMain);
        background-size: 100% 1px
    }
}

.underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchList ._sitesearch_component ._searchresults ._items .label {
    position: absolute;
    top: 1.4rem;
    right: 0;
    border-radius: .3rem;
    background: #989898;
    width: 9rem;
    padding: 0 .6rem;
    font-size: 1.3rem;
    line-height: 2.4rem;
    letter-spacing: .04rem;
    color: #fff;
    text-align: center;
    width: auto;
    right: auto;
    left: 0;
    display: inline-block;
    top: 3.6rem;
    margin: 0 0 0rem 0
}

@media(max-width: 768px) {
    .underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchList ._sitesearch_component ._searchresults ._items .label {
        position:relative;
        top: 0;
        right: 0;
        margin-bottom: .6rem;
        font-size: 1.1rem;
        line-height: 2.2rem
    }
}

.underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchList ._sitesearch_component ._pagenator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 6rem auto 0;
    position: relative;
    padding: 0 10rem
}

.underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchList ._sitesearch_component ._pagenator ._disable {
    display: none
}

@media(max-width: 768px) {
    .underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchList ._sitesearch_component ._pagenator {
        margin:6rem auto 0;
        position: relative;
        padding: 0 8rem
    }
}

.underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchList ._sitesearch_component ._pagenator ._nav._prev {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0
}

.underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchList ._sitesearch_component ._pagenator ._nav._prev a {
    position: relative;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 9rem;
    height: 4.5rem;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1;
    color: var(--colorMain);
    border: solid 1px var(--colorMain)
}

@media(max-width: 768px) {
    .underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchList ._sitesearch_component ._pagenator ._nav._prev a {
        width:8rem;
        height: 4.3rem
    }
}

@media(min-width: 769px) {
    .underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchList ._sitesearch_component ._pagenator ._nav._prev a:hover {
        color:#fff;
        background: var(--colorMain)
    }
}

.underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchList ._sitesearch_component ._pagenator ._nav._next {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0
}

.underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchList ._sitesearch_component ._pagenator ._nav._next a {
    position: relative;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 9rem;
    height: 4.5rem;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1;
    color: var(--colorMain);
    border: solid 1px var(--colorMain)
}

@media(max-width: 768px) {
    .underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchList ._sitesearch_component ._pagenator ._nav._next a {
        width:8rem;
        height: 4.3rem
    }
}

@media(min-width: 769px) {
    .underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchList ._sitesearch_component ._pagenator ._nav._next a:hover {
        color:#fff;
        background: var(--colorMain)
    }
}

.underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchList ._sitesearch_component ._pagenator ._nav._page {
    width: 4.3rem;
    height: 4.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    font-size: 1.6rem;
    font-weight: bold;
    background-color: #f1f7fb;
    color: var(--colorMain);
    border-radius: 4px;
    margin: 0 .5rem
}

.underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchList ._sitesearch_component ._pagenator ._nav._page a {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 4px
}

@media(max-width: 768px) {
    .underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchList ._sitesearch_component ._pagenator ._nav._page {
        margin:0 .3rem
    }
}

@media(min-width: 769px) {
    .underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchList ._sitesearch_component ._pagenator ._nav._page a:hover {
        color:#fff;
        background: var(--colorMain)
    }
}

.underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchList ._sitesearch_component ._pagenator ._nav._page._current {
    width: 4.3rem;
    height: 4.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    font-size: 1.6rem;
    font-weight: bold;
    background-color: #f1f7fb;
    color: var(--colorMain);
    border-radius: 4px;
    margin: 0 .5rem;
    background-color: var(--colorMain);
    color: #fff
}

@media(max-width: 768px) {
    .underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchList ._sitesearch_component ._pagenator ._nav._page._current {
        margin:0 .3rem
    }
}

.underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchList ._sitesearch_component ._pagenator ._nav._first a {
    display: none
}

.underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchSeparate .searchTerms ._sitesearch_component {
    text-align: left
}

.underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchSeparate .searchTerms ._sitesearch_component ._group {
    position: relative;
    margin-bottom: 1.8rem;
    padding-left: 1.6rem;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
    color: #000
}

@media(max-width: 768px) {
    .underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchSeparate .searchTerms ._sitesearch_component ._group {
        position:relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        border-bottom: 1px solid #d2d4d6;
        width: 48%;
        margin-bottom: 0;
        padding: 1.5rem 0;
        font-size: 1.5rem;
        line-height: 1.2
    }
}

.underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchSeparate .searchTerms ._sitesearch_component ._group:before {
    content: "";
    position: absolute;
    top: .7rem;
    left: .1rem;
    display: block;
    border-radius: .4rem;
    background-color: #104c75;
    width: .4rem;
    height: .4rem
}

@media(max-width: 768px) {
    .underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchSeparate .searchTerms ._sitesearch_component ._group:before {
        content:"";
        position: absolute;
        top: 50%;
        left: initial;
        right: .4rem;
        display: block;
        background-color: #004e81;
        width: 1.3rem;
        height: .1rem
    }
}

.underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchSeparate .searchTerms ._sitesearch_component ._attributes {
    margin-bottom: 3rem
}

@media(max-width: 768px) {
    .underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchSeparate .searchTerms ._sitesearch_component ._attributes {
        -webkit-box-ordinal-group:3;
        -ms-flex-order: 2;
        order: 2;
        margin-bottom: 2rem;
        display: none;
        width: 100%;
        margin-top: 1rem;
        margin-bottom: 0
    }
}

.underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchSeparate .searchTerms ._sitesearch_component ._attributes ._attribute {
    margin-bottom: .7rem;
    line-height: 1.5
}

@media(max-width: 768px) {
    .underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchSeparate .searchTerms ._sitesearch_component ._attributes ._attribute {
        margin:0 1.6rem .2rem 0
    }
}

.underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchSeparate .searchTerms ._sitesearch_component ._attributes ._attribute label {
    cursor: pointer;
    display: inline-block;
    padding: 0 0 0 2.4rem
}

.underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchSeparate .searchTerms ._sitesearch_component ._attributes ._attribute label ._label {
    position: relative;
    font-size: 1.4rem;
    line-height: 1.5;
    display: inline
}

@media(max-width: 768px) {
    .underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchSeparate .searchTerms ._sitesearch_component ._attributes ._attribute label ._label {
        font-size:1.4rem;
        line-height: 1.4
    }
}

.underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchSeparate .searchTerms ._sitesearch_component ._attributes ._attribute label ._count {
    font-size: 1.4rem;
    line-height: 1.5;
    display: inline
}

.underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchSeparate .searchTerms ._sitesearch_component ._attributes ._attribute label span:before {
    content: "";
    position: absolute;
    top: .3rem;
    left: -2.4rem;
    display: block;
    border: 1px solid #aab0b7;
    background-color: #fff;
    width: 1.8rem;
    height: 1.8rem;
    z-index: 1
}

.underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchSeparate .searchTerms ._sitesearch_component ._attributes ._attribute label span:after {
    content: "";
    position: absolute;
    top: .6rem;
    left: -2.1rem;
    display: none;
    border-bottom: .3rem solid #fff;
    border-left: .3rem solid #fff;
    width: 1.2rem;
    height: .8rem;
    -webkit-transform: rotate(-55deg);
    transform: rotate(-55deg);
    z-index: 2
}

.underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchSeparate .searchTerms ._sitesearch_component ._attributes ._attribute label input[type=checkbox]:checked+span:after {
    display: block
}

.underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchSeparate .searchTerms ._sitesearch_component ._attributes ._attribute label input[type=checkbox]:checked+span:before {
    border: 1px solid var(--colorMain);
    background-color: var(--colorMain)
}

.underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchSeparate .searchTerms ._sitesearch_component ._attributes ._attribute label input[type=checkbox] {
    display: none
}

.underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .archiveResults ._sitesearch_component {
    text-align: left
}

.underlayerSearch .searchList em {
    font-style: normal;
    font-weight: bold;
    background: #fff493
}

@media(max-width: 768px) {
    .underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchSeparate .searchTerms ._sitesearch_component ._group:before {
        content:"";
        position: absolute;
        top: 50%;
        left: initial;
        right: .4rem;
        display: block;
        background-color: #004e81;
        width: 1.3rem;
        height: .1rem
    }

    .underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchSeparate .searchTerms ._sitesearch_component ._group:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 1rem;
        display: block;
        background-color: #004e81;
        width: .1rem;
        height: 1.3rem;
        margin-top: -0.6rem
    }

    .underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchSeparate .searchTerms ._sitesearch_component ._group.isTap:after {
        content: none
    }

    .underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchSeparate .searchTerms ._sitesearch_component {
        width: 100%
    }

    .underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchSeparate .searchTerms ._sitesearch_component ._group {
        width: 100%
    }

    .underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchSeparate .searchTerms ._sitesearch_component ._open.isActive ._attributes {
        display: block
    }

    .underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchSeparate .searchTerms ._sitesearch_component ._open.isActive ._group:after {
        content: none
    }

    .underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchList ._sitesearch_component ._pagenator ._nav._prev {
        top: 6rem
    }

    .underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchList ._sitesearch_component ._pagenator ._nav._next {
        top: 6rem
    }

    .underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchList ._sitesearch_component ._pagenator {
        margin: 6rem auto 6rem
    }

    .underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchList ._sitesearch_component ._pagenator {
        padding: 0
    }

    .underlayerService .checkList__block .item__content dt {
        padding: .7rem 1rem
    }
}

.underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchList ._sitesearch_component ._searchresults ._items ._item ._title a {
    position: relative
}

.underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchList ._sitesearch_component ._searchresults ._items ._item ._title a[href$=".pdf"]:after {
    content: "";
    display: inline-block;
    background: url(../images/icon_pdf_2.svg) center center no-repeat;
    background-size: 2rem 2.13rem;
    width: 2rem;
    height: 2.13rem;
    font-size: 0;
    margin: 0 0 -0.2rem .5rem
}

@media(max-width: 768px) {
    .underlayer.underlayerService.underlayerSearch .underlayerSearch__contentItem .searchList ._sitesearch_component ._searchresults ._items ._item ._title a[href$=".pdf"]:after {
        background:url(../images/icon_pdf_2.svg) center center no-repeat;
        background-size: 1.5rem 1.6rem;
        margin: 0 0 -0.4rem .5rem
    }
}

.underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item ._layoutgroup1 {
    position: relative
}

.underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item .icon__service {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 500;
    border-radius: .4rem;
    padding: .6rem 1.1rem;
    line-height: 1
}

.underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item .icon__service.coaching {
    background-color: #9284be
}

.underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item .icon__service.talent {
    background-color: #bb5548
}

.underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item .icon__service.traininge {
    background-color: #2087ce
}

.underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item .icon__service.urvey {
    background-color: #cc5c79
}

.underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item .icon__service.consulting {
    background-color: #10a485
}

.underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item ._layoutgroup2 ._text {
    padding-right: 4.2rem;
    font-size: 1.5rem;
    line-height: 1.8;
    margin: 0 0 .5rem
}

@media(max-width: 768px) {
    .underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item ._layoutgroup2 ._text {
        font-size:1.4rem
    }
}

@media(max-width: 768px) {
    .archive__inner .setting ._attributegroup ._group,.archive__background .setting ._attributegroup ._group {
        width:100%;
        border: none;
        padding: 1rem 2rem;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .archive__inner .setting ._attributegroup ._attributes,.archive__background .setting ._attributegroup ._attributes {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item .icon__service.service_consulting {
    background: #10a485
}

.underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item .icon__service.service_coaching {
    background: #9284be
}

.underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item .icon__service.service_talent {
    background: #bb5548
}

.underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item .icon__service.service_traininge {
    background: #2087ce
}

.underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item .icon__service.service_assessmentSurvey {
    background: #cc5c79
}

.underlayer.underlayerSeminar.underlayerService.service_search ._searchresults ._items ._item ._layoutgroup2 ._title a em {
    font-style: normal;
    background: #fff493
}

.mainvisualBackground.search {
    overflow: unset
}

.mainvisualBackground.search div.poplink.pcia {
    font-size: 1.4rem;
    line-height: 1.8
}

@media(max-width: 768px) {
    .mainvisualBackground.search div.poplink.pcia {
        width:32.2rem
    }
}

.siteHeader__search div.poplink.pcia {
    font-size: 1.4rem;
    line-height: 1.8;
    width: 16.8rem;
    top: 3.8rem
}

@media(max-width: 768px) {
    .head_sp_fm div.poplink.pcia {
        top:3.7rem;
        width: 32.2rem
    }
}

.search__block ._sitesearch_component .searchblock .contents {
    position: relative
}

.searchblock div.poplink {
    font-size: 1.4rem;
    top: 6.3rem;
    left: 2.6rem
}

@media(max-width: 768px) {
    .searchblock div.poplink {
        width:28.5rem !important;
        left: 2.5rem !important;
        top: 6rem
    }
}

.issueSingle__side .sideBox div.poplink {
    width: 26rem;
    font-size: 1.4rem;
    line-height: 1.8
}

@media(max-width: 768px) {
    .issueSingle__side .sideBox div.poplink {
        width:31.2rem;
        top: 3.9rem
    }
}

.mainvisualBackground--service .archive__nowTtl {
    display: none
}

.mainvisualBackground--service .archive__nowBtn p::before {
    content: "現在の検索条件：";
    font-weight: bold
}

.mainvisualBackground--service .search__block {
    margin: 0
}

.mainvisualBackground--service .search__block ._sitesearch_component ._sitesearch_component ._attributegroup ._attributes {
    background: #f1f6f9
}

.mainvisualBackground--service .search__block ._sitesearch_component ._sitesearch_component ._attributegroup ._attributes label {
    background: none
}

.mainvisualBackground--service .search__block ._sitesearch_component ._sitesearch_component ._attributegroup {
    border-bottom: none
}

.archive__inner .setting ._attributegroup,.archive__background .setting ._attributegroup {
    border-bottom: none
}

.mainvisualBackground--service .search__block ._sitesearch_component {
    border-bottom: 2px solid #fff
}

.mainvisualBackground--service .search__block .archive__inner .setting ._attributegroup ._attributes label,.archive__background .setting ._attributegroup ._attributes label {
    padding: 0 0 0 2.5rem
}

@media(max-width: 768px) {
    .mainvisualBackground--service .search__block .archive__inner .setting ._attributegroup ._attributes label,.archive__background .setting ._attributegroup ._attributes label {
        padding:0 0 0 3rem
    }
}

.archive__inner .setting .searchblock ._attributegroup ._attributes,.archive__background .setting .searchblock ._attributegroup ._attributes ._attribute {
    margin-right: 2rem
}

.archive__background .setting ._attributegroup ._attributes ._attribute_month_month01 label,.archive__background .setting ._attributegroup ._attributes ._attribute_month_month02 label,.archive__background .setting ._attributegroup ._attributes ._attribute_month_month03 label,.archive__background .setting ._attributegroup ._attributes ._attribute_month_month04 label,.archive__background .setting ._attributegroup ._attributes ._attribute_month_month05 label,.archive__background .setting ._attributegroup ._attributes ._attribute_month_month06 label,.archive__background .setting ._attributegroup ._attributes ._attribute_month_month07 label,.archive__background .setting ._attributegroup ._attributes ._attribute_month_month08 label,.archive__background .setting ._attributegroup ._attributes ._attribute_month_month09 label,.archive__background .setting ._attributegroup ._attributes ._attribute_month_month10 label,.archive__background .setting ._attributegroup ._attributes ._attribute_month_month11 label,.archive__background .setting ._attributegroup ._attributes ._attribute_month_month12 label,.archive__background .setting ._attributegroup ._attributes ._attribute._attribute_type_type01 label,.archive__background .setting ._attributegroup ._attributes ._attribute._attribute_type_type02 label {
    padding: 1rem 1rem 1rem 4.5rem
}

@media(max-width: 768px) {
    .archive__background .setting ._attributegroup ._attributes ._attribute_month_month01 label,.archive__background .setting ._attributegroup ._attributes ._attribute_month_month02 label,.archive__background .setting ._attributegroup ._attributes ._attribute_month_month03 label,.archive__background .setting ._attributegroup ._attributes ._attribute_month_month04 label,.archive__background .setting ._attributegroup ._attributes ._attribute_month_month05 label,.archive__background .setting ._attributegroup ._attributes ._attribute_month_month06 label,.archive__background .setting ._attributegroup ._attributes ._attribute_month_month07 label,.archive__background .setting ._attributegroup ._attributes ._attribute_month_month08 label,.archive__background .setting ._attributegroup ._attributes ._attribute_month_month09 label,.archive__background .setting ._attributegroup ._attributes ._attribute_month_month10 label,.archive__background .setting ._attributegroup ._attributes ._attribute_month_month11 label,.archive__background .setting ._attributegroup ._attributes ._attribute_month_month12 label,.archive__background .setting ._attributegroup ._attributes ._attribute._attribute_type_type01 label,.archive__background .setting ._attributegroup ._attributes ._attribute._attribute_type_type02 label {
        padding:.5rem 1rem .5rem 4rem
    }

    .mainvisualBackground--service .archive__background.archive.case_bg.service_search_btn .archive__inner.inner {
        padding: 0 2rem;
        margin: 2rem 0 0 0
    }

    .mainvisualBackground--service .archive__nowBtn p {
        border: none;
        position: relative;
        width: 52%;
        padding: 1.2rem 1.5rem
    }

    .mainvisualBackground--service .archive__nowBtn button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: relative;
        width: 19.8rem;
        background: var(--colorMain);
        color: #fff;
        font-size: 1.6rem;
        line-height: 2.4rem;
        letter-spacing: .02rem;
        border-radius: 0 .5rem .5rem 0;
        text-align: center;
        padding: 0 2.5rem 0 0;
        width: 48%;
        margin: 0;
        font-size: 1.5rem
    }

    .mainvisualBackground--service .archive__nowBtn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: unset;
        -webkit-box-direction: unset;
        -ms-flex-direction: unset;
        flex-direction: unset
    }

    .mainvisualBackground--service .archive__now {
        margin: 0 0 1rem 0
    }

    .mainvisualBackground--service .archive__nowBtn p {
        font-size: 1.6rem;
        line-height: 2.4rem;
        letter-spacing: .02rem
    }

    .mainvisualBackground--service .archive .setting .search__block {
        padding: 0
    }
}

.underlayer.underlayerSeminar .archive__inner .setting ._attributegroup,.archive__background .setting ._attributegroup {
    border-bottom: solid 2px #fff
}

.archive__inner .setting .searchblock .contents,.archive__background .setting .searchblock .contents ._attributegroup {
    border: none
}

.underlayerContact {
    padding: 4rem 0 0 0
}

.underlayerContact__tel .inner {
    padding: 0 5rem
}

.underlayerContact__tel dl {
    background: #f1f7fb;
    padding: 3rem 4rem;
    margin: 0 0 5.2rem 0
}

.underlayerContact__tel dl dt {
    font-size: 2.1rem;
    font-weight: 700
}

.underlayerContact__tel dl dd {
    position: relative;
    font-size: 1.6rem;
    line-height: 2.8rem;
    padding: 0 31rem 0 0
}

.underlayerContact__tel dl dd .linkBtn {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 24rem;
    text-align: right
}

.underlayerContact__tel .ttl {
    position: relative;
    font-size: 2.1rem;
    font-weight: 500;
    padding: 0 0 0 2rem;
    margin: 0
}

.underlayerContact__tel .ttl::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: .4rem;
    height: 1.9rem;
    background: #005691
}

.underlayerContact__tel .telArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 3.8rem 0;
    margin: 0 0 2.7rem 0;
    background-image: linear-gradient(to right, #A1A1A1 2px, transparent 2px);
    background-size: 4px 1px;
    background-repeat: repeat-x;
    background-position: left bottom
}

.underlayerContact__tel .telArea:last-child {
    background: none
}

.underlayerContact__tel .telArea a {
    font-family: var(--fontEN);
    font-size: 3.3rem;
    color: #004e81;
    padding: 0 0 0 3.2rem;
    margin: 0 4.5rem 0 0;
    background: url(../../assets/images/icon_tel_blue.svg) no-repeat left top 1.7rem;
    background-size: 2.1rem auto
}

.underlayerContact__tel .telArea p {
    font-size: 1.4rem;
    line-height: 2.6rem;
    margin: 1.7rem 0 0 0
}

.underlayerContact__useful {
    background: #f1f7fb;
    padding: 7rem 0
}

.underlayerContact__useful .inner {
    padding: 0 5rem
}

.underlayerContact__useful .usefulArea {
    background: #fff;
    margin: 0 0 1rem 0;
    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;
    padding: 0 3rem 0 0
}

.underlayerContact__useful .usefulArea figure {
    width: 20rem
}

.underlayerContact__useful .usefulArea dl {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 0 0 .3rem
}

.underlayerContact__useful .usefulArea dl dt {
    font-size: 2.1rem;
    font-weight: 700;
    padding: 0 0 0 5.6rem
}

.underlayerContact__useful .usefulArea dl dt.live {
    background: url(../../assets/images/icon_contect01.svg) no-repeat left center;
    background-size: 4.5rem auto
}

.underlayerContact__useful .usefulArea dl dt.movie {
    background: url(../../assets/images/icon_contect02.svg) no-repeat left 1rem center;
    background-size: 3.3rem auto
}

.underlayerContact__useful .usefulArea dl dt.mail {
    background: url(../../assets/images/icon_contect03.svg) no-repeat left 1rem center;
    background-size: 2.6rem auto
}

.underlayerContact__useful .usefulArea dl dd {
    font-size: 1.6rem;
    line-height: 2.8rem;
    padding: 0 3rem 0 0
}

.underlayerContact__useful .usefulArea a {
    position: relative;
    top: 0;
    margin: 4rem 0 0 0;
    position: relative;
    font-size: 1.6rem;
    font-weight: 700;
    display: block;
    width: 18.8rem;
    background: #2f79b1;
    -webkit-box-shadow: 0 .3rem 0 #005691;
    box-shadow: 0 .3rem 0 #005691;
    border-radius: .5rem;
    color: #fff;
    text-align: center;
    padding: .6rem 1.2rem .6rem 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.underlayerContact__useful .usefulArea a::after {
    content: "";
    position: absolute;
    top: 0;
    right: 2.1rem;
    bottom: 0;
    margin: auto;
    width: .5rem;
    height: .5rem;
    -webkit-transform: translateX(0%) rotate(-45deg);
    transform: translateX(0%) rotate(-45deg);
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff
}

@media(min-width: 769px) {
    .underlayerContact__useful .usefulArea a:hover {
        background-color:#4e95cb;
        top: .3rem;
        -webkit-box-shadow: 0 0 0 #005691;
        box-shadow: 0 0 0 #005691
    }
}

@media(max-width: 768px) {
    .underlayerContact {
        width:100%
    }

    .underlayerContact__tel dl {
        padding: 2rem 2rem 3rem
    }

    .underlayerContact__tel dl dt {
        margin: 0 0 .7rem
    }

    .underlayerContact__tel dl dd {
        padding: 0 0 6.3rem
    }

    .underlayerContact__tel dl dd .linkBtn {
        width: 24rem;
        left: 0;
        margin: 2rem auto 0
    }

    .underlayerContact__tel .inner {
        padding: 0 2rem
    }

    .underlayerContact__tel .telArea {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 0 2.7rem 0
    }

    .underlayerContact__tel .telArea a {
        font-size: 2.4rem;
        background: url(../../assets/images/icon_tel_blue.svg) no-repeat left top 1rem;
        background-size: 1.8rem auto;
        margin: 0
    }

    .underlayerContact__tel .telArea p {
        margin: 0
    }

    .underlayerContact__tel .ttl {
        font-size: 1.8rem;
        line-height: 1.5;
        margin: 0 0 .7rem
    }

    .underlayerContact__tel .ttl::before {
        top: .5rem;
        bottom: inherit
    }

    .underlayerContact__tel:last-child {
        padding: 0
    }

    .underlayerContact .underlayer__ttl--border span {
        display: inline-block;
        font-size: 1.8rem;
        line-height: 2.5rem;
        padding: 0 2rem 0 0
    }

    .underlayerContact__useful {
        padding: 4rem 2rem
    }

    .underlayerContact__useful .usefulArea {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 2rem 3rem
    }

    .underlayerContact__useful .usefulArea dl dt {
        font-size: 1.8rem;
        line-height: 2.7rem;
        margin: 0 0 1rem
    }

    .underlayerContact__useful .usefulArea dl dd {
        font-size: 1.5rem;
        padding: 0;
        margin: 0 0 2rem
    }

    .underlayerContact__useful .usefulArea a {
        margin: 0
    }

    .underlayerContact__useful .inner {
        padding: 0
    }

    .underlayerContact__useful .underlayer__ttl {
        line-height: 3rem
    }
}

@media screen and (min-width: 768px)and (max-width: 1300px) {
    .inner.extra_in {
        width:130rem
    }

    .inner.extra_in .applicationForm__main figure img {
        width: 100%
    }

    .inner.extra_in .applicationForm__main {
        width: 80rem
    }

    .inner.extra_in .applicationForm__side {
        width: 44rem
    }
}

@media(max-width: 768px) {
    .applicationForm__text {
        line-height:1.8
    }

    .applicationForm--complete p {
        line-height: 1.8
    }

    .underlayerMainvisualContact dl dd p {
        line-height: 1.8
    }

    .applicationForm--confirm .applicationForm__sideTtl .ttl span {
        color: #2f79b1
    }
}

.applicationForm__side dl dd.checkbox p.mail_text {
    margin: 0 0 1rem 0;
    line-height: 1.8
}

.applicationForm__note.form_sub_list li {
    text-indent: -1em;
    padding-left: 1em
}

.applicationForm__mainUnderstand.form_exe_list {
    background: #f3f3f3;
    border: none
}

.applicationForm__mainUnderstand.form_exe_list .ttl {
    position: relative;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2rem
}

@media(max-width: 768px) {
    .applicationForm__mainUnderstand.form_exe_list .ttl {
        font-size:1.4rem
    }
}

.applicationForm__mainUnderstand.form_exe_list .list li {
    font-size: 1.8rem;
    font-weight: 700
}

@media(max-width: 768px) {
    .applicationForm__mainUnderstand.form_exe_list .list li {
        font-size:1.5rem
    }
}

.applicationForm__mainUnderstand .list li::before {
    background: #fff
}

.applicationForm__side .error.ex_width_07 {
    max-width: 10rem
}

.applicationForm__side .error.position_01 {
    max-width: 10rem;
    left: 12rem
}

.applicationForm__side .error.ex_width_03 {
    max-width: 18rem
}

.applicationForm__side .error.second {
    max-width: 18rem
}

.applicationForm--confirm .applicationForm__side dl dd {
    min-height: 4rem
}

.isError {
    background: #ffd7e1 !important
}

@media(min-width: 769px) {
    .underlayerMainvisualContact dl:nth-child(2) dd p {
        margin:0 0 2.4rem 0
    }

    .underlayerMainvisualContact dl:nth-child(3) dd p {
        margin: 0 0 8rem 0
    }

    .underlayerMainvisualContact dl:nth-child(2) dd a:hover {
        margin: 2.4rem 0 -0.3rem 0
    }
}

.applicationForm__side dl dd.checkbox p.mail_text.small {
    font-size: 1.3rem
}

.applicationForm__side .submitArea.noactive .submitArea__btn {
    pointer-events: none;
    background: #ccc;
    -webkit-box-shadow: 0 .3rem 0 #929292;
    box-shadow: 0 .3rem 0 #929292
}

.applicationForm__main figure {
    margin-top: 4rem
}

@media(max-width: 768px) {
    .applicationForm__main figure {
        margin-top:2rem
    }
}

.applicationForm__note.form_sub_list {
    margin-top: 2rem
}

.applicationForm__ttl--sub.extra_mgn {
    margin: 3.6rem 0 .2rem 0
}

.applicationForm__text.fs13 {
    font-size: 1.3rem;
    margin: 0 0 1rem 0
}

.underlayerTheme {
    padding: 7.9rem 0 9rem 0
}

.underlayerTheme__ttl {
    padding: 0 0 0 8.6rem;
    margin: 0 0 3rem 0
}

.underlayerTheme__ttl .ttl {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 4.3rem;
    margin: 0 0 .3rem 0
}

.underlayerTheme__ttl .text {
    font-size: 1.6rem;
    line-height: 2.8rem
}

.underlayerTheme__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2.3rem;
    background: #f1f7fb;
    padding: 2.9rem
}

.underlayerTheme__list .listArea {
    width: calc(33.3333333333% - 1.6rem);
    background: #fff;
    border-top: solid 2px var(--colorMain);
    padding: 2.7rem
}

.underlayerTheme__list .listArea__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.underlayerTheme__list .listArea__detail figure {
    width: 9rem
}

.underlayerTheme__list .listArea__detail dl {
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 0 0 2rem
}

.underlayerTheme__list .listArea__detail dl dt {
    position: relative;
    padding-left: .75em;
    padding: 0;
    font-size: 1.8rem;
    line-height: 1.4
}

.underlayerTheme__list .listArea__detail dl dt::before {
    content: "";
    position: absolute;
    top: 1rem;
    left: 0;
    width: .7rem;
    height: .7rem;
    background: var(--colorMain);
    -webkit-transform: translateX(0%) rotate(45deg);
    transform: translateX(0%) rotate(45deg);
    content: none
}

.underlayerTheme__list .listArea__detail dl dt span {
    font-size: 1.2rem;
    letter-spacing: 0
}

.underlayerTheme__list .listArea__detail dl dd {
    padding: 0 2.6rem 0 0
}

.underlayerTheme__list .listArea__detail dl dd a {
    position: relative;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: var(--colorMain);
    text-decoration: underline
}

.underlayerTheme__list .listArea__detail dl dd a::before {
    content: "";
    position: absolute;
    top: .3rem;
    right: -2.4rem;
    bottom: 0;
    margin: auto;
    width: 1.8rem;
    height: 1.8rem;
    background: var(--colorMain);
    border-radius: 50%
}

.underlayerTheme__list .listArea__detail dl dd a::after {
    content: "";
    position: absolute;
    top: .4rem;
    right: -1.65rem;
    bottom: 0;
    margin: auto;
    display: block;
    width: .5rem;
    height: .5rem;
    border-left: solid 1.5px #fff;
    border-bottom: solid 1.5px #fff;
    -webkit-transform: rotate(-134deg);
    transform: rotate(-134deg)
}

@media(min-width: 769px) {
    .underlayerTheme__list .listArea__detail dl dd a:hover {
        text-decoration:none
    }
}

.underlayerTheme__list .listArea__text {
    background-image: linear-gradient(to right, #CBCBCB 2px, transparent 2px);
    background-size: 10px 2px;
    background-repeat: repeat-x;
    background-position: left top;
    margin: 2rem 0 0 0;
    padding: 1.5rem 0 0 0
}

.underlayerTheme__list .listArea__text li {
    position: relative;
    font-size: 1.5rem;
    line-height: 2.6rem;
    padding: 0 0 0 1.5rem;
    margin: 0 0 .3rem 0
}

.underlayerTheme__list .listArea__text li::before {
    content: "";
    position: absolute;
    top: 1.1rem;
    left: 0;
    margin: auto;
    width: .5rem;
    height: .5rem;
    background: var(--colorMain);
    border-radius: 5rem
}

.underlayerTheme__list .listArea__text li a {
    color: var(--colorMain);
    text-decoration: underline
}

@media(min-width: 769px) {
    .underlayerTheme__list .listArea__text li a:hover {
        text-decoration:none
    }
}

.underlayerTheme__section {
    margin: 0 0 8rem 0
}

.underlayerTheme__nurturing .underlayerTheme__ttl {
    background: url(../../assets/images/theme_icon01.svg) no-repeat left center;
    background-size: 6.7rem auto
}

.underlayerTheme__organization .underlayerTheme__ttl {
    background: url(../../assets/images/theme_icon02.svg) no-repeat left center;
    background-size: 6.7rem auto
}

.underlayerTheme__system .underlayerTheme__ttl {
    background: url(../../assets/images/theme_icon03.svg) no-repeat left center;
    background-size: 6.7rem auto
}

.underlayerTheme__recruitment .underlayerTheme__ttl {
    background: url(../../assets/images/theme_icon04.svg) no-repeat left center;
    background-size: 6.7rem auto
}

.underlayerTheme .materialDownload {
    padding: 0
}

.underlayerTheme .materialDownload .popularity__card .item__area img {
    border: solid 1px #d8d8d8
}

.underlayerTheme .materialDownload .popularity__card .item a {
    display: block;
    width: 100%
}

.underlayerTheme--category {
    width: 76.5rem;
    margin: -3.2rem 0 0 0
}

.underlayerTheme--category .anchorlink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .9rem
}

.underlayerTheme--category .anchorlink li {
    width: 33.3333333333%
}

.underlayerTheme--category .anchorlink li a {
    position: relative;
    display: block;
    border: solid 1px #d4e2eb;
    border-radius: .5rem;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 4.3rem;
    color: var(--colorMain);
    padding: .3rem 0 .3rem 5rem
}

.underlayerTheme--category .anchorlink li a.problem {
    background: url(../../assets/images/theme_category_image01.svg) no-repeat left 1.4rem center;
    background-size: 2.4rem auto
}

.underlayerTheme--category .anchorlink li a.assignment {
    background: url(../../assets/images/theme_category_image02.svg) no-repeat left 1.6rem center;
    background-size: 2.1rem auto
}

.underlayerTheme--category .anchorlink li a.recommendation {
    background: url(../../assets/images/theme_category_image03.svg) no-repeat left 1.3rem center;
    background-size: 2.8rem auto
}

.underlayerTheme--category .anchorlink li a::after {
    content: "";
    position: absolute;
    top: -0.4rem;
    right: 2rem;
    bottom: 0;
    margin: auto;
    width: 1rem;
    height: 1rem;
    -webkit-transform: translateX(0%) rotate(45deg);
    transform: translateX(0%) rotate(45deg);
    border-right: solid 1.5px var(--colorMain);
    border-bottom: solid 1.5px var(--colorMain);
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    margin-top: -0.4rem;
    top: 45%
}

.underlayerTheme--category .anchorlink li a.problem::before {
    content: "";
    background: var(--colorMain) url(../../assets/images/theme_category_image01_on.svg) no-repeat left 1.4rem center
}

.underlayerTheme--category .anchorlink li a.assignment::before {
    content: "";
    background: var(--colorMain) url(../../assets/images/theme_category_image02_on.svg) no-repeat left 1.4rem center
}

.underlayerTheme--category .anchorlink li a.recommendation::before {
    content: "";
    background: var(--colorMain) url(../../assets/images/theme_category_image03_on.svg) no-repeat left 1.4rem center
}

@media(min-width: 769px) {
    .underlayerTheme--category .anchorlink li a:hover {
        border:solid 1px var(--colorMain)
    }

    .underlayerTheme--category .anchorlink li a:hover.problem {
        border: solid 1px var(--colorMain)
    }

    .underlayerTheme--category .anchorlink li a:hover.assignment {
        border: solid 1px var(--colorMain)
    }

    .underlayerTheme--category .anchorlink li a:hover.recommendation {
        border: solid 1px var(--colorMain)
    }

    .underlayerTheme--category .anchorlink li a:hover::after {
        margin-top: 0
    }
}

.underlayerTheme--category .anchor {
    display: inline-block;
    color: #fff;
    padding: .3rem 1.4rem .3rem 4.8rem;
    font-size: 1.6rem;
    font-weight: 700;
    border-radius: .3rem;
    margin: 5.1rem 0 1.3rem 0
}

.underlayerTheme--category .anchor--problem {
    background: #005691 url(../../assets/images/theme_category_image01_white.svg) no-repeat left 1.4rem center;
    background-size: 2.4rem auto
}

.underlayerTheme--category .anchor--assignment {
    background: #005691 url(../../assets/images/theme_category_image02_white.svg) no-repeat left 1.4rem center;
    background-size: 2.1rem auto
}

.underlayerTheme--category .anchor--point {
    background: #005691 url(../../assets/images/theme_category_image04_white.svg) no-repeat left 1.4rem center;
    background-size: 1.7rem auto
}

.underlayerTheme--category .anchor--case {
    background: #005691 url(../../assets/images/theme_category_image05_white.svg) no-repeat left 1.4rem center;
    background-size: 2.4rem auto
}

.underlayerTheme--category h2 {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 4.3rem;
    margin: 0 0 1.7rem 0
}

.underlayerTheme--category h3 {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 4.3rem;
    padding: 0 0 1rem 0;
    margin: 4.4rem 0 2.4rem 0
}

.underlayerTheme--category h3.boderBottom {
    border-bottom: solid 1px #005691
}

.underlayerTheme--category h3.boderRight {
    position: relative
}

.underlayerTheme--category h3.boderRight::after {
    content: "";
    position: absolute;
    top: -0.7rem;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 1px;
    background: #c8c8c8
}

.underlayerTheme--category h3.boderRight span {
    position: relative;
    background: #fff;
    z-index: 1;
    padding: 0 3.5rem 0 0
}

.underlayerTheme--category h3.point {
    position: relative;
    padding: 0 0 0 10rem
}

.underlayerTheme--category h3.point::before {
    content: "POINT";
    position: absolute;
    top: .8rem;
    left: 0;
    margin: auto;
    background: #005691;
    border-radius: 5rem;
    font-family: var(--fontPO);
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.8rem;
    width: 8rem;
    height: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.underlayerTheme--category p {
    font-size: 1.7rem;
    line-height: 1.75;
    margin: 0 0 2.7rem 0
}

.underlayerTheme--category p.precedent {
    font-size: 1.8rem;
    font-weight: 700;
    color: #005691;
    margin: 0 0 .7rem 0
}

.underlayerTheme--category p.precedent span {
    position: relative;
    padding: 0 0 0 4.7rem
}

.underlayerTheme--category p.precedent span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 1.3rem;
    bottom: 0;
    margin: auto;
    width: 2.2rem;
    height: 1px;
    background: #b7b7b7;
    border-radius: 100%
}

.underlayerTheme--category img {
    margin: 0 0 2.7rem 0
}

.underlayerTheme--category dl {
    font-size: 1.7rem;
    line-height: 3rem;
    margin: 0 0 2.7rem 0
}

.underlayerTheme--category dl dt {
    font-weight: 700
}

.underlayerTheme--category dl dd a {
    color: var(--colorMain);
    text-decoration: underline
}

@media(min-width: 769px) {
    .underlayerTheme--category dl dd a:hover {
        text-decoration:none
    }
}

.underlayerTheme--category .linkDetail a {
    position: relative;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.4rem;
    color: var(--colorMain);
    border: solid 1px var(--colorMain);
    background: #fff;
    border-radius: .5rem;
    padding: 1rem 4.3rem 1rem .8rem
}

.underlayerTheme--category .linkDetail a::after {
    content: "";
    position: absolute;
    top: 0;
    right: 2.2rem;
    bottom: 0;
    margin: auto;
    display: block;
    width: .5rem;
    height: .5rem;
    border-left: solid 1px var(--colorMain);
    border-bottom: solid 1px var(--colorMain);
    -webkit-transform: rotate(-134deg);
    transform: rotate(-134deg)
}

.underlayerTheme--category .linkDetail a span {
    font-size: 1.4rem;
    border-radius: .5rem;
    background: var(--colorMain);
    color: #fff;
    padding: .3rem 1.3rem;
    margin: 0 .8rem 0 0;
    -webkit-transform: translateY(-0.1rem);
    transform: translateY(-0.1rem);
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

@media(min-width: 769px) {
    .underlayerTheme--category .linkDetail a:hover {
        color:#fff;
        background: var(--colorMain)
    }

    .underlayerTheme--category .linkDetail a:hover::after {
        border-left: solid 1px #fff;
        border-bottom: solid 1px #fff
    }

    .underlayerTheme--category .linkDetail a:hover span {
        background: #fff;
        color: var(--colorMain)
    }
}

.underlayerTheme--category .linkBtn {
    text-align: center;
    margin: 6rem 0;
    margin: 6rem 0 0 0
}

.underlayerTheme--category .caseArea {
    background: #f1f7fb;
    padding: 3.4rem 3rem;
    margin-bottom: 5rem
}

.underlayerTheme--category .caseArea__circumstance dt {
    border: solid 2px #005691;
    background: #fff;
    border-radius: 100%;
    color: #005691
}

.underlayerTheme--category .caseArea__measures dt {
    background: #005691;
    border-radius: 100%;
    color: #fff
}

.underlayerTheme--category .caseArea dl {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: solid 1px #c3d7e3;
    padding: 0 0 1.3rem 0
}

.underlayerTheme--category .caseArea dl::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1.318rem;
    right: 0;
    margin: auto;
    width: 4.594rem;
    height: 1.318rem;
    background: #efc63d;
    -webkit-clip-path: polygon(0 0, 100% 0%, 50% 100%);
    clip-path: polygon(0 0, 100% 0%, 50% 100%)
}

.underlayerTheme--category .caseArea dl dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 5.9rem;
    height: 5.9rem;
    margin: 0 3.3rem 0 0
}

.underlayerTheme--category .caseArea dl dd {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.underlayerTheme--category .caseArea ul {
    margin: .5rem 0 0 0
}

.underlayerTheme--category .caseArea ul li {
    position: relative;
    padding: 0 0 0 2rem;
    font-size: 1.7rem;
    line-height: 3rem;
    margin-bottom: 1rem
}

.underlayerTheme--category .caseArea ul li::before {
    content: "";
    position: absolute;
    top: 1.4rem;
    left: 0;
    margin: auto;
    width: .6rem;
    height: .6rem;
    background: #005691;
    border-radius: 5rem;
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.underlayerTheme--category .caseArea ul li:last-child {
    margin-bottom: 0
}

.underlayerTheme--category .caseArea__achievement {
    border: solid 5px #c7d5df;
    background: #fff url(../../assets/images/theme_icon_achievement.svg) no-repeat left 3rem top 3rem;
    background-size: 7.2rem auto;
    padding: 2rem 2rem 2.8rem 13.8rem;
    min-height: 16rem
}

.underlayerTheme--category .caseArea:last-of-type {
    margin-bottom: 0
}

.underlayerTheme--aside {
    width: 27.5rem;
    position: sticky;
    top: 2rem;
    right: 0;
    z-index: 1;
    padding: 1.8rem 0 3.8rem 0
}

.underlayerTheme--aside .menu {
    background: #f1f7fb;
    border: solid 1px #dcdcdc;
    border-radius: .5rem
}

.underlayerTheme--aside .menu dt {
    background: #cee5f3;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.5rem;
    color: #005691;
    padding: 1.7rem 1.3rem
}

.underlayerTheme--aside .menu dd {
    padding: 1.1rem 1.3rem 1.5rem
}

.underlayerTheme--aside .menu dd p {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2.4rem;
    color: #3d3d3d;
    margin: 0 0 1rem 0
}

.underlayerTheme--aside .menu dd ul {
    border-top: solid 1px #dcdcdc;
    border-left: solid 1px #dcdcdc;
    border-right: solid 1px #dcdcdc
}

.underlayerTheme--aside .menu dd ul li a {
    position: relative;
    display: block;
    font-size: 1.4rem;
    line-height: 2.4rem;
    border-bottom: solid 1px #dcdcdc;
    background: #fff;
    padding: .83rem 3rem .83rem 2.1rem
}

.underlayerTheme--aside .menu dd ul li a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: .52rem;
    height: 1.1rem;
    background: #f1f7fb;
    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
    clip-path: polygon(0 0, 0% 100%, 100% 50%)
}

.underlayerTheme--aside .menu dd ul li a::after {
    content: "";
    position: absolute;
    top: 0;
    right: 1.7rem;
    bottom: 0;
    margin: auto;
    display: block;
    width: .7rem;
    height: .7rem;
    border-left: solid 1px var(--colorMain);
    border-bottom: solid 1px var(--colorMain);
    -webkit-transform: rotate(-134deg);
    transform: rotate(-134deg);
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

@media(min-width: 769px) {
    .underlayerTheme--aside .menu dd ul li a.isActive,.underlayerTheme--aside .menu dd ul li a:hover {
        color:#fff;
        background: #005691
    }

    .underlayerTheme--aside .menu dd ul li a.isActive::after,.underlayerTheme--aside .menu dd ul li a:hover::after {
        display: none
    }
}

.underlayerTheme--aside .link {
    padding: 1.2rem 0 0 0
}

.underlayerTheme--aside .link li {
    margin: .8rem 0 0 0
}

.underlayerTheme--aside .link li:last-child a {
    background: #fff;
    border: solid 1px var(--colorMain);
    color: var(--colorMain);
    -webkit-box-shadow: none;
    box-shadow: none
}

@media(min-width: 769px) {
    .underlayerTheme--aside .link li:last-child a:hover {
        background:var(--colorMain);
        color: #fff;
        -webkit-transition: all ease .3s;
        transition: all ease .3s;
        top: 0
    }

    .underlayerTheme--aside .link li:last-child a:hover span::after {
        border-left: solid 1px #fff;
        border-bottom: solid 1px #fff
    }

    .underlayerTheme--aside .link li:last-child a:hover {
        margin: 0
    }
}

.underlayerTheme--aside .link li:last-child a span::after {
    border-left: solid 1px var(--colorMain);
    border-bottom: solid 1px var(--colorMain)
}

.underlayerTheme--aside .link li a {
    position: relative;
    top: 0;
    display: block;
    background: #2f79b1;
    color: #fff;
    border-radius: .5rem;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.4rem;
    text-align: center;
    padding: 1.2rem 0;
    -webkit-box-shadow: 0 .3rem 0 #0f4771;
    box-shadow: 0 .3rem 0 #0f4771;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media(min-width: 769px) {
    .underlayerTheme--aside .link li a:hover {
        background-color:#4e95cb;
        top: .3rem;
        -webkit-box-shadow: 0 0 0 #005691;
        box-shadow: 0 0 0 #005691
    }
}

.underlayerTheme--aside .link li a span {
    position: relative;
    padding: 0 1.5rem 0 0
}

.underlayerTheme--aside .link li a span::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: .6rem;
    height: .6rem;
    border-left: solid 1px #fff;
    border-bottom: solid 1px #fff;
    -webkit-transform: rotate(-134deg);
    transform: rotate(-134deg);
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.underlayerTheme .asideSticky {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.underlayerTheme--single .themeCategory {
    margin: 0 0 7.3rem 0
}

.underlayerTheme--single .themeCategory__ttl {
    margin: 0 0 1.2rem 0
}

.underlayerTheme--single .underlayerTheme--aside .menu dt {
    padding: 0;
    -webkit-transition: all .4s;
    transition: all .4s
}

.underlayerTheme--single .underlayerTheme--aside .menu dt a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1.3rem 1.4rem;
    -webkit-transition: 0s;
    transition: 0s
}

.underlayerTheme--single .underlayerTheme--aside .menu dt a::after {
    content: "";
    position: absolute;
    top: 0;
    right: 1.7rem;
    bottom: 0;
    margin: auto;
    display: block;
    width: .7rem;
    height: .7rem;
    border-left: solid 1px var(--colorMain);
    border-bottom: solid 1px var(--colorMain);
    -webkit-transform: rotate(-134deg);
    transform: rotate(-134deg);
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

.underlayerTheme--single .underlayerTheme--aside .menu dt a figure {
    width: 5rem;
    height: 5rem;
    border-radius: .3rem;
    margin: 0 1.5rem 0 0
}

.underlayerTheme--single .underlayerTheme--aside .menu dt a figure img {
    width: 5rem;
    height: 5rem;
    -o-object-fit: cover;
    object-fit: cover
}

.underlayerTheme--single .underlayerTheme--aside .menu dt a span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media(min-width: 769px) {
    .underlayerTheme--single .underlayerTheme--aside .menu dt:hover {
        background:#005691;
        color: #fff
    }

    .underlayerTheme--single .underlayerTheme--aside .menu dt:hover a::after {
        border-left: solid 1px #fff;
        border-bottom: solid 1px #fff
    }
}

.connection .column__cardDate {
    position: absolute;
    top: 12.9rem;
    right: 1.1rem
}

.connection .column__cardDate .category--coaching {
    background: #9284be
}

.connection .column__cardDate .category--talent {
    background: #bb5548
}

.connection .column__cardDate .category--training {
    background: #2087ce
}

.connection .column__cardDate .category--consulting {
    background: #10a485
}

.connection .column__cardDate .category--assessment {
    background: #cc5c79
}

.connection .categorySub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: .5rem;
    font-size: 1.3rem;
    line-height: 1.9rem;
    margin: 1.3rem 0 1rem 0;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.connection .categorySub li {
    border-radius: .3rem;
    padding: .2rem .8rem;
    border: solid 1px #dcdcdc
}

.connection .categorySub li.purple {
    border: solid 1px #504964;
    color: #504964
}

.connection .categorySub li.navy {
    border: solid 1px #1c3a4a;
    color: #1c3a4a
}

.connection .categorySub li.green {
    border: solid 1px #51635f;
    color: #51635f
}

.connection .categorySub li.blue {
    border: solid 1px #2f79b1;
    color: #2f79b1
}

.connection .categorySub li.candidate {
    border: solid 1px #1f5f8f;
    color: #1f5f8f
}

.connection .categorySub li.new_employee {
    border: solid 1px #51635f;
    color: #51635f
}

.connection .categorySub li.young_employees {
    border: solid 1px #516351;
    color: #516351
}

.connection .categorySub li.middle_employee {
    border: solid 1px #6d4b28;
    color: #6d4b28
}

.connection .categorySub li.leader {
    border: solid 1px #504964;
    color: #504964
}

.connection .categorySub li.manager_section {
    border: solid 1px #503d49;
    color: #503d49
}

.connection .categorySub li.manager_general {
    border: solid 1px #1c3a4a;
    color: #1c3a4a
}

.connection .categorySub li.management {
    border: solid 1px #395d6a;
    color: #395d6a
}

.connection .categorySub li.sales {
    border: solid 1px #415b2f;
    color: #415b2f
}

@media(max-width: 768px) {
    .underlayerTheme {
        padding:6rem 0 9rem
    }

    .underlayerTheme__ttl {
        padding: 0;
        position: relative
    }

    .underlayerTheme__ttl .ttl {
        padding: 0 0 0 6rem;
        letter-spacing: .03rem;
        margin: 0 0 1.8rem;
        font-size: 2.2rem
    }

    .underlayerTheme__ttl .ttl::before {
        content: "";
        width: 4.7rem;
        height: 4.7rem;
        position: absolute;
        top: 0;
        left: 2rem
    }

    .underlayerTheme__nurturing .inner {
        padding: 0
    }

    .underlayerTheme__nurturing .underlayerTheme__ttl {
        background: none;
        padding: 0 2rem
    }

    .underlayerTheme__nurturing .underlayerTheme__ttl .ttl::before {
        background: url(../../assets/images/theme_icon01.svg) no-repeat left center;
        background-size: 100% auto
    }

    .underlayerTheme__organization .inner {
        padding: 0
    }

    .underlayerTheme__organization .underlayerTheme__ttl {
        background: none;
        padding: 0 2rem
    }

    .underlayerTheme__organization .underlayerTheme__ttl .ttl {
        padding: 0 0 0 6rem
    }

    .underlayerTheme__organization .underlayerTheme__ttl .ttl::before {
        background: url(../../assets/images/theme_icon02.svg) no-repeat left center;
        background-size: 100% auto
    }

    .underlayerTheme__system .inner {
        padding: 0
    }

    .underlayerTheme__system .underlayerTheme__ttl {
        background: none;
        padding: 0 2rem
    }

    .underlayerTheme__system .underlayerTheme__ttl .ttl {
        padding: 0 0 0 6rem
    }

    .underlayerTheme__system .underlayerTheme__ttl .ttl::before {
        background: url(../../assets/images/theme_icon03.svg) no-repeat left center;
        background-size: 100% auto
    }

    .underlayerTheme__recruitment .inner {
        padding: 0
    }

    .underlayerTheme__recruitment .underlayerTheme__ttl {
        background: none;
        padding: 0 2rem
    }

    .underlayerTheme__recruitment .underlayerTheme__ttl .ttl {
        padding: 0 0 0 6rem
    }

    .underlayerTheme__recruitment .underlayerTheme__ttl .ttl::before {
        background: url(../../assets/images/theme_icon04.svg) no-repeat left center;
        background-size: 100% auto
    }

    .underlayerTheme__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 3.1rem 2rem;
        gap: 1rem
    }

    .underlayerTheme__list .listArea {
        width: 100%;
        padding: 3rem
    }

    .underlayerTheme__list .listArea__detail dl dt span {
        display: block;
        line-height: 2.2rem
    }

    .underlayerTheme__list .listArea__detail dl dd {
        padding: 0
    }

    .underlayerTheme__list .listArea__detail dl dd a {
        font-size: 1.5rem
    }

    .underlayerTheme .materialDownload .inner {
        padding: 5rem 2rem 2rem;
        margin: 0 auto
    }

    .underlayerTheme .materialDownload .popularity__card {
        gap: 2rem
    }

    .underlayerTheme .materialDownload .popularity__card .item__areaImg {
        margin: 0 0 1.7rem
    }

    .underlayerTheme .asideSticky {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: -80rem 0 0;
        margin: 0
    }

    .underlayerTheme--main {
        width: 100%
    }

    .underlayerTheme--aside {
        width: 100%
    }

    .underlayerTheme--category {
        width: 100%
    }

    .underlayerTheme--category .anchorlink {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: .7rem
    }

    .underlayerTheme--category .anchorlink li {
        width: 16.4rem
    }

    .underlayerTheme--category .anchorlink li:last-child {
        width: 24.9rem
    }

    .underlayerTheme--category .anchorlink li a {
        font-size: 1.5rem;
        padding: .3rem 0 .3rem 4.6rem
    }

    .underlayerTheme--category .anchorlink li a.problem {
        background: url(../../assets/images/theme_category_image01.svg) no-repeat left 1.4rem center;
        background-size: 2rem auto
    }

    .underlayerTheme--category .anchorlink li a.assignment {
        background: url(../../assets/images/theme_category_image02.svg) no-repeat left 1.6rem center;
        background-size: 2rem auto
    }

    .underlayerTheme--category .anchorlink li a.recommendation {
        background: url(../../assets/images/theme_category_image03.svg) no-repeat left 1.3rem center;
        background-size: 2.3rem auto
    }

    .underlayerTheme--category h2 {
        font-size: 2.2rem;
        font-size: 2rem;
        margin: 0 0 1.1rem;
        line-height: 3.4rem
    }

    .underlayerTheme--category h3 {
        font-size: 1.9rem;
        line-height: 1.8
    }

    .underlayerTheme--category p {
        font-size: 1.5rem;
        margin: 0 0 2rem
    }

    .underlayerTheme--category .linkDetail a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 1.5rem 4.3rem 1.5rem 1rem
    }

    .underlayerTheme--category .linkDetail a span {
        width: 8.2rem;
        text-align: center;
        padding: .5rem 0
    }

    .underlayerTheme--category .linkBtn {
        margin: 3rem 0 0 0
    }

    .connection .column__cardDate {
        position: absolute;
        top: 17.8rem;
        right: 1rem
    }

    .connection .categorySub {
        min-height: inherit
    }

    .connection .column__cardTagHash {
        margin: 0
    }
}

@media(max-width: 768px) {
    .underlayerTheme--aside {
        margin:0 !important;
        position: relative
    }

    .underlayerTheme__ttl .text {
        font-size: 1.5rem;
        line-height: 1.8
    }

    .underlayerTheme--category .caseArea ul li {
        font-size: 1.5rem
    }

    .underlayerTheme--category .caseArea dl {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .underlayerTheme--category .caseArea dl dd {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto
    }

    .underlayerTheme--category .caseArea dl dt {
        margin: 0
    }

    .underlayerTheme--category .caseArea {
        padding: 3rem 2rem;
        margin-bottom: 3rem
    }

    .underlayerTheme--category .caseArea__achievement {
        background: #fff url(../../assets/images/theme_icon_achievement.svg) no-repeat center top 3rem;
        background-size: 7.2rem auto;
        padding: 13rem 2rem 2.8rem 2rem;
        min-height: auto
    }

    .underlayerMainvisual.themeCategory .anchorlink li a {
        font-size: 1.5rem
    }

    .underlayerTheme .asideSticky.sp_aside {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .underlayerMainvisual.themeCategory {
        width: 100%;
        padding: 0 2rem 4rem 2rem;
        margin: 0
    }

    .underlayerMainvisual .themeCategory__ttl {
        margin: 0 0 2rem 0
    }

    .underlayerMainvisual.themeCategory .anchorlink {
        gap: .5rem
    }

    .underlayerMainvisual.themeCategory .anchorlink li a.point {
        background: #fff url(../../assets/images/theme_category_image04.svg) no-repeat left 1.8rem center;
        background-size: 1.7rem auto
    }

    .underlayerTheme--category h3.point::before {
        font-size: 1.4rem;
        line-height: 1.8rem;
        width: 7.5rem;
        height: 2.4rem;
        position: relative;
        margin: 0 0 1rem 0
    }

    .underlayerTheme--category h3.point {
        position: relative;
        padding: 0 0 0 0rem
    }

    .underlayerTheme--category h3 {
        margin: 4.4rem 0 1rem 0
    }

    .underlayerTheme--category .anchor {
        font-size: 1.4rem;
        margin: 4rem 0 1.3rem 0
    }

    .underlayerTheme--category p.precedent {
        font-size: 1.5rem;
        margin: 0
    }

    .underlayerTheme--category p {
        line-height: 1.8
    }

    .underlayerTheme--category .caseArea ul li {
        line-height: 1.8
    }
}

@media(min-width: 769px) {
    .underlayerTheme--aside .menu dd ul li a:hover::after {
        border-left:solid 1px #fff;
        border-bottom: solid 1px #fff;
        display: block
    }

    .underlayerTheme--aside .menu dd ul li a.isActive:hover::after {
        display: none
    }
}

.isDisabled {
    opacity: 0;
    pointer-events: none
}

.underlayerTheme--category .anchor--point.first_area {
    margin: 0 0 1.3rem 0
}

.underlayerTheme--category .list-circle,.underlayerTheme--category .list-ul {
    margin: 0 0 2.7rem 0
}

@media(max-width: 768px) {
    .underlayerTheme--category .list-circle,.underlayerTheme--category .list-ul {
        margin:0 0 2rem 0
    }
}

.underlayerTheme--category .list-circle li,.underlayerTheme--category .list-ul li {
    padding-left: 1.4rem;
    position: relative;
    line-height: 1.75;
    margin-bottom: 1rem
}

@media(max-width: 768px) {
    .underlayerTheme--category .list-circle li,.underlayerTheme--category .list-ul li {
        line-height:1.8
    }
}

.underlayerTheme--category .list-circle li:last-child,.underlayerTheme--category .list-ul li:last-child {
    margin-bottom: 0
}

.underlayerTheme--category .list-circle li:before,.underlayerTheme--category .list-ul li:before {
    content: "";
    position: absolute;
    top: 1.3rem;
    left: 0;
    display: block;
    border-radius: .4rem;
    background-color: #005691;
    width: .4rem;
    height: .4rem
}

.underlayerTheme--category p a {
    text-decoration: underline;
    color: #204f74
}

@media(min-width: 769px) {
    .underlayerTheme--category p a:hover {
        text-decoration:none
    }
}

.underlayerTheme--category .list-ol-no-numer {
    counter-reset: item;
    margin: 0 0 2.7rem 0
}

@media(max-width: 768px) {
    .underlayerTheme--category .list-ol-no-numer {
        margin:0 0 2rem 0
    }
}

.underlayerTheme--category .list-ol-no-numer li {
    padding-left: 2.6rem;
    position: relative;
    line-height: 1.75
}

@media(max-width: 768px) {
    .underlayerTheme--category .list-ol-no-numer li {
        line-height:1.8
    }
}

.underlayerTheme--category .list-ol-no-numer li:before {
    counter-increment: item;
    content: counter(item) ".";
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 700;
    color: #005691
}

.themeCategory .extra_text_01 {
    margin: 0 0 3rem 0
}

.underlayerTheme--category a:hover img {
    opacity: .7
}

.skill_ranking_block.extra2 {
    margin: 2rem 0 0 0;
    background: #f4f4f4;
    padding: 4rem
}

@media(max-width: 768px) {
    .skill_ranking_block.extra2 {
        padding:2rem
    }
}

.skill_ranking_block h2.extra {
    display: block;
    text-align: center
}

.skill_ranking_block h2.extra span {
    width: 100%
}

p.skill_sub_t01 {
    text-align: center;
    font-weight: bold;
    margin: 2rem 0 0px 0;
    font-size: 1.8rem;
    color: #000
}

.skill_ranking_block .skill_ranking_list {
    margin: 2rem 0 0 0
}

.skill_ranking_block .skill_ranking_list a {
    padding: 10px 0 10px 0px;
    -webkit-box-shadow: 1px 1px 0px #c6c6c6;
    box-shadow: 1px 1px 0px #c6c6c6;
    display: inline-block;
    width: 100%;
    margin: 10px 0 0 0;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.skill_ranking_block .skill_ranking_list li a {
    text-decoration: underline;
    color: #204f74;
    padding: 1rem 2rem
}

@media(min-width: 769px) {
    .skill_ranking_block .skill_ranking_list li a:hover {
        text-decoration:none
    }
}

.skill_ranking_block .skill_ranking_list li a span {
    display: inline-block;
    background: url(../img/common/linkIconBlue4.png) right 20px center no-repeat;
    background-size: 16px 6px;
    padding: 0 0 0 0;
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-style: normal
}

@media(max-width: 768px) {
    .skill_ranking_block .skill_ranking_list li a span {
        padding:0;
        font-size: 1.5rem;
        line-height: 1.7
    }
}

.skill_ranking_block .skill_ranking_list li a em {
    font-style: normal
}

.skill_ranking_block.extra2 h2 {
    background-size: 24px 24px;
    position: relative;
    font-size: 1.8rem;
    line-height: 1.5;
    color: #004e81;
    font-weight: 700;
    min-height: auto
}

.skill_ranking_block.extra2 h2.extra span {
    width: 100%
}

.skill_ranking_block.extra2 h2 span {
    display: inline-block;
    background: #004e81;
    padding: 6px 20px;
    margin: 0;
    color: #fff
}

@media(max-width: 768px) {
    .skill_ranking_block.extra2 h2 span {
        padding:1rem
    }
}

.skill_ranking_block.extra2 h2 span a {
    text-decoration: underline
}

@media(min-width: 769px) {
    .skill_ranking_block.extra2 h2 span a:hover {
        text-decoration:none
    }
}

.underlayerTheme--category img {
    width: 100%
}

.underlayerTheme--category h2.extra2 {
    background: url(../../assets/images/bg_img_01.png) left center no-repeat;
    background-size: 100% 2px;
    position: relative;
    font-size: 2.8rem;
    line-height: 4.3rem;
    margin: 4.4rem 0 2.5rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 4.5rem;
    width: 100%
}

@media(max-width: 768px) {
    .underlayerTheme--category h2.extra2 {
        font-size:2rem;
        margin: 3rem 0 1.5rem;
        line-height: 3.4rem
    }
}

.underlayerTheme--category h2.extra2 span {
    margin: 0 0px 0 0px;
    background: #fff;
    padding: 0 3rem 0 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 768px) {
    .underlayerTheme--category h2.extra2 span {
        padding:0px 1rem 0 0;
        display: block
    }
}

.underlayerTheme--category h2.extra2 span a {
    display: inline-block;
    max-width: 70rem;
    color: #204f74;
    text-decoration: underline
}

@media(min-width: 769px) {
    .underlayerTheme--category h2.extra2 span a:hover {
        text-decoration:none
    }
}

@media(max-width: 768px) {
    .underlayerTheme--category h2.extra2 span a {
        max-width:auto
    }
}

.underlayerTheme--category h2.extra2.mgn_01 {
    margin-top: 5rem
}

@media(max-width: 768px) {
    .underlayerTheme--category h3.point.extra_margin_01 {
        margin:2rem 0 1rem 0
    }
}

.underlayerTheme--category h4 {
    border-bottom: solid 1px #005691;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 3.5rem;
    padding: 0 0 1rem 0;
    margin: 3rem 0 2rem 0
}

@media(max-width: 768px) {
    .underlayerTheme--category h4 {
        font-size:1.6rem;
        margin: 3rem 0 1rem 0;
        line-height: 3em
    }
}

.underlayerTheme--category table.table-02 {
    margin: 0;
    width: 100%
}

.underlayerTheme--category .table-02 {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    table-layout: auto
}

.underlayerTheme--category .table-02 th {
    vertical-align: middle;
    color: #004c7e;
    background: #eef1f9;
    text-align: center
}

.underlayerTheme--category .table-02 th p {
    margin: 0
}

.underlayerTheme--category .table-02 td p {
    margin: 0
}

.underlayerTheme--category .table-02 th,.underlayerTheme--category .table-02 td {
    padding: 1rem;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    table-layout: auto
}

.text-attention-sub-02 {
    color: #004c7e
}

@media(max-width: 768px) {
    .underlayerTheme--category table.table-02 {
        width:100rem
    }

    .table-scroll {
        margin-bottom: 2rem;
        overflow: auto;
        display: block;
        width: 100%;
        max-width: 100%
    }
}

.text-attention-sub-02 {
    color: #004c7e;
    font-weight: bold
}

table.theme_skill_table_02 {
    width: 100%;
    border-top: 1px solid #cecece;
    border-left: 1px solid #cecece;
    margin: 2rem 0 1rem 0
}

table.theme_skill_table_02 th.wd01 {
    width: 20%
}

table.theme_skill_table_02 th {
    background: #004e81;
    color: #fff;
    font-size: 1.6rem;
    border-right: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    padding: 2rem;
    vertical-align: middle;
    font-weight: 500
}

@media(max-width: 768px) {
    table.theme_skill_table_02 th {
        padding:1rem
    }
}

table.theme_skill_table_02 th.wd03 {
    width: 65%
}

table.theme_skill_table_02 td.bld {
    font-weight: 700;
    background: #f4f4f4
}

table.theme_skill_table_02 td {
    font-size: 1.6rem;
    background: #fff;
    border-right: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    padding: 2rem;
    vertical-align: middle
}

@media(max-width: 768px) {
    table.theme_skill_table_02 td {
        padding:1rem
    }
}

h3.design01 {
    position: relative;
    border-bottom: 2px solid #004e81;
    padding: 0 0 .8rem 0;
    font-weight: 700;
    margin: 4rem 0 0px 0
}

.skill_ranking_block {
    margin: 4rem 0 0 0;
    background: #f4f4f4;
    padding: 4rem
}

@media(max-width: 768px) {
    .skill_ranking_block {
        padding:2rem
    }
}

table.theme_skill_table_01.first {
    margin: 2rem 0 1rem 0
}

table.theme_skill_table_01 {
    width: 100%;
    border-top: 1px solid #004e81;
    border-left: 1px solid #004e81;
    margin: 0 0 1rem 0
}

table.theme_skill_table_01 th {
    background: #004e81;
    color: #fff;
    font-size: 1.6rem;
    width: 20%;
    border-right: 1px solid #004e81;
    border-bottom: 1px solid #004e81;
    padding: 2rem;
    vertical-align: middle;
    font-weight: 500
}

table.theme_skill_table_01 td.centers {
    background: #f4f4f4;
    font-weight: 500;
    width: 27%;
    vertical-align: middle;
    color: #000
}

table.theme_skill_table_01 td {
    font-size: 1.6rem;
    background: #fff;
    width: 60%;
    border-right: 1px solid #004e81;
    border-bottom: 1px solid #004e81;
    padding: 2rem;
    vertical-align: middle
}

.skill_rank_area li a {
    font-size: 1.6rem;
    text-decoration: underline;
    display: inline-block;
    background: url(../../assets/images/icon_img_001.png) right 1rem no-repeat;
    background-size: 12px 10px;
    padding: 0 2rem 0 0;
    color: var(--colorMain);
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

@media(min-width: 769px) {
    .skill_rank_area li a:hover {
        text-decoration:none !important;
        background: url(../../assets/images/icon_img_001.png) right 1.3rem no-repeat;
        background-size: 12px 10px
    }
}

.skill_rank_area02 a {
    color: var(--colorMain);
    text-decoration: underline
}

@media(min-width: 769px) {
    .skill_rank_area02 a:hover {
        text-decoration:none
    }
}

.skill_ranking_block h2.nobgs {
    background: url(../../assets/images/bg_img_01.png) left 3rem repeat-x;
    background-size: 1px 1px;
    margin: 1rem 0 0 0;
    padding: 0
}

.skill_ranking_block h2.nobgs em {
    background: #f4f4f4;
    display: inline-block;
    position: relative;
    content: none;
    width: auto;
    height: auto;
    top: auto;
    padding: 0;
    color: #004e81;
    font-size: 2.1rem;
    font-weight: 700;
    font-style: normal;
    font-size: 2.1rem
}

.skill_ranking_block h2.nobgs span {
    display: inline;
    font-size: 1.2rem;
    padding: 0;
    background: none;
    color: #004e81;
    position: relative
}

.skill_ranking_block h2 span {
    display: inline-block;
    background: #004e81;
    color: #fbffa1;
    font-size: 1.8rem;
    line-height: 2;
    padding: .6rem 2rem;
    margin: 0 0 1rem 0
}

.skill_ranking_block h2 {
    background: url(../../assets/images/bg_img_01.png) left center repeat-x;
    background-size: 1px 1px;
    margin: 0 0 1rem 0;
    padding: 0
}

.skill_ranking_block .skill_ranking_list li a div img {
    width: 6rem;
    margin: auto
}

@media(max-width: 768px) {
    .skill_ranking_block .skill_ranking_list li a div img {
        width:4rem
    }
}

.skill_ranking_block .skill_ranking_list li a div {
    width: 11rem;
    text-align: center
}

@media(max-width: 768px) {
    .skill_ranking_block .skill_ranking_list li a div {
        width:7rem;
        text-align: center
    }
}

p.main_sub_text {
    margin: 2rem 0 0 0
}

h4.heading-icon-arrow-check {
    padding: 0 0 0px 3rem;
    background: url(../../assets/images/icon_img_14.png) left .8rem no-repeat;
    background-size: 2rem 1.6rem;
    border: none
}

@media(max-width: 768px) {
    h4.heading-icon-arrow-check {
        background:url(../../assets/images/icon_img_14.png) left 1.5rem no-repeat;
        background-size: 2rem 1.6rem
    }
}

.extra_banner {
    max-width: 1100px;
    margin: 0rem auto 4rem;
    background: #f4f4f4
}

@media(max-width: 768px) {
    .extra_banner {
        margin:0 auto 2rem
    }
}

.extra_banner p {
    margin: 0
}

.extra_banner a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 3rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.extra_banner a .extra_left {
    width: 30rem;
    margin-right: 3rem
}

.extra_banner a .extra_right .extra_ttls {
    font-weight: 700;
    font-size: 2.1rem;
    line-height: 1.5;
    margin: 0 0 1.5rem 0;
    text-decoration: underline;
    color: var(--colorMain)
}

@media(min-width: 769px) {
    .extra_banner a:hover .extra_right .extra_ttls {
        text-decoration:none
    }
}

@media(max-width: 768px) {
    .extra_banner a {
        padding:2rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .extra_banner a .extra_left {
        margin-right: 0;
        margin-bottom: 0px;
        width: 100%
    }

    .extra_banner a .extra_right .extra_ttls {
        font-size: 1.6rem
    }
}

.underlayerTheme--category h3.point a {
    color: var(--colorMain);
    text-decoration: underline
}

@media(min-width: 769px) {
    .underlayerTheme--category h3.point a:hover {
        text-decoration:none
    }
}

.spi3_area .spi_ttl:before {
    content: "";
    background: url(../../assets/images/icon_img_0001.png) left center no-repeat;
    background-size: 3.2rem 4rem;
    width: 3.2rem;
    height: 4rem;
    display: block
}

@media(max-width: 768px) {
    .spi3_area .spi_ttl:before {
        position:absolute;
        left: 0;
        top: 0
    }
}

.spi3_area .spi_ttl:after {
    content: "";
    background: url(../../assets/images/icon_img_0002.png) right center no-repeat;
    background-size: 10rem 2.6rem;
    width: 10rem;
    height: 2.6rem;
    display: block
}

.underlayerMainvisual .themeCategory__worries .list li.extra {
    background: none;
    padding: 0 0 0 0px
}

.spi3_area .spi_ttl {
    position: relative;
    font-weight: bold;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width: 768px) {
    .spi3_area .spi_ttl {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

.underlayerMainvisual .themeCategory__worries .list li.extra::before {
    content: none
}

.underlayerMainvisual .themeCategory__worries .list li.extra p a {
    color: var(--colorMain);
    text-decoration: underline;
    background-image: url(../../assets/images/icon_blank_blue.png);
    background-size: 1.3rem 1.1rem;
    background-position: right 0px center;
    background-repeat: no-repeat;
    padding: 0 1.8rem 0 0;
    margin-right: .5rem
}

@media(min-width: 769px) {
    .underlayerMainvisual .themeCategory__worries .list li.extra p a:hover {
        text-decoration:none
    }
}

@media(max-width: 768px) {
    .spi3_area .spi_ttl {
        display:inline-block;
        padding: 1rem 0 1rem 4.2rem
    }
}

.spi3_area .spi_ttl {
    position: relative;
    font-weight: bold;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

table.sptable01 {
    border-top: 1px solid #cecece;
    border-left: 1px solid #cecece;
    margin: 0 0 2rem 0
}

table.sptable01 th {
    color: #004c7e;
    font-weight: 500;
    background: #eef1f9;
    border-right: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    padding: 2rem;
    text-align: center
}

table.sptable01 td {
    vertical-align: middle;
    font-size: 1.6rem;
    background: #fff;
    border-right: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    padding: 2rem;
    vertical-align: middle
}

.underlayerTheme--category h3.boderRight span {
    display: inline-block;
    margin-right: 5rem
}

@media(max-width: 768px) {
    .underlayerTheme--category h3.boderRight span {
        margin-right:2rem
    }
}

.skill_ranking_block .serviceBtn {
    margin: 1rem auto 3rem
}

.skill_ranking_block .serviceBtn a {
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #fff;
    background: #ff8c38;
    border: solid 1px #ff8c38;
    -webkit-box-shadow: 0px 4px 0px 0px #854515;
    box-shadow: 0px 4px 0px 0px #854515
}

.skill_ranking_block .serviceBtn a::after {
    content: "";
    position: absolute;
    top: 0;
    right: 2.2rem;
    bottom: 0;
    margin: auto;
    display: block;
    width: .5rem;
    height: .5rem;
    border-left: solid 2px #fff;
    border-bottom: solid 2px #fff;
    -webkit-transform: rotate(-134deg);
    transform: rotate(-134deg);
    -webkit-transition: all ease .2s;
    transition: all ease .2s
}

@media(min-width: 769px) {
    .skill_ranking_block .serviceBtn a:hover {
        margin-top:.3rem;
        margin-bottom: -0.3rem;
        -webkit-box-shadow: 0 0 0 0 #854515;
        box-shadow: 0 0 0 0 #854515
    }
}

ul.theme_article_blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

ul.theme_article_blocks li {
    width: 100%;
    max-width: 36rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    margin: 2rem 0 0 0
}

@media(max-width: 768px) {
    ul.theme_article_blocks li {
        width:100%;
        max-width: 100%
    }
}

ul.theme_article_blocks li a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

ul.theme_article_blocks li a div {
    width: 34%
}

@media(max-width: 768px) {
    ul.theme_article_blocks li a div {
        width:25%
    }
}

ul.theme_article_blocks li a p {
    width: 62%;
    margin: 0;
    font-weight: 500;
    display: inline-block;
    position: relative;
    color: #204f74;
    text-decoration: underline
}

@media(max-width: 768px) {
    ul.theme_article_blocks li a p {
        width:72%;
        margin: 0;
        font-weight: 500
    }
}

@media(min-width: 769px) {
    ul.theme_article_blocks li a:hover p {
        text-decoration:none
    }
}

ul.theme_article_blocks li a p::after {
    content: "";
    background-image: url(../../assets/images/icon_blank_blue.png);
    background-size: 1.3rem 1.1rem;
    background-position: right 0px center;
    background-repeat: no-repeat;
    width: 1.3rem;
    height: 1.3rem;
    right: 0;
    bottom: 0;
    display: inline-block;
    margin: 0 0 0 .7rem
}

h2.mgn_tp {
    margin-top: 6rem
}

@media(max-width: 768px) {
    h2.mgn_tp {
        margin-top:4rem
    }
}

.underlayerTheme--category p a {
    color: var(--colorMain);
    text-decoration: underline
}

@media(max-width: 768px) {
    .spi3_area .spi_ttl:before {
        top:1rem
    }
}

.underlayerTheme--category ul.theme_article_blocks img {
    margin: 0
}

@media(max-width: 768px) {
    .underlayerTheme .underlayerTheme__section {
        padding:6.5rem 0 0 0;
        margin: -6.5rem 0 6rem 0
    }

    .mainvisualBackground--single .themeCategory__text .category {
        padding: 0
    }

    .underlayerTheme--category .anchorlink li {
        width: 100%
    }

    .underlayerTheme--category .anchorlink li:last-child {
        width: 100%
    }
}

.underlayerTheme--category .linkDetail a.no_theme {
    padding: 1rem 4.3rem 1rem 2rem
}

@media(max-width: 768px) {
    .underlayerTheme--category .linkDetail a.no_theme {
        padding:1.5rem 4.3rem 1.5rem 2rem
    }
}

.skill_ranking_block {
    margin: 0 0 4rem 0
}

@media(max-width: 768px) {
    .skill_ranking_block {
        position:relative
    }

    .skill_ranking_block .unker_area_01 {
        position: absolute;
        top: -5rem
    }

    .skill_ranking_block h2 span {
        line-height: 1.5
    }
}

.underlayerTheme--category .linkDetail a.no_theme.unker::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media(min-width: 769px) {
    .underlayerTheme--category .uk_ttl:nth-of-type(2) .anchor {
        margin:3.1rem 0 1.3rem
    }
}

@media(max-width: 768px) {
    .underlayer.underlayerTheme.underlayerTheme--single {
        padding:4rem 0 9rem
    }

    .underlayerTheme--category .anchorlink {
        margin-top: 1rem;
        margin-bottom: 4rem
    }

    .underlayerTheme--category .uk_ttl {
        padding: 6.5rem 0 0 0;
        margin: -6.5rem 0 0rem 0
    }

    .underlayerTheme--category .uk_ttl:nth-of-type(2) {
        margin: -5rem 0 0rem 0;
        padding: 7rem 0 0 0
    }

    .underlayerTheme--category .anchor {
        margin: 0 0 1.3rem 0
    }
}

.underlayerTheme--single .underlayerTheme--aside .menu dt a span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.underlayerTheme--category .spi3_area p a {
    color: var(--colorMain);
    text-decoration: underline;
    background-image: url(../../assets/images/icon_blank_blue.png);
    background-size: 1.3rem 1.1rem;
    background-position: right 0px center;
    background-repeat: no-repeat;
    padding: 0 1.8rem 0 0
}

@media(min-width: 769px) {
    .underlayerTheme--category .spi3_area p a:hover {
        text-decoration:none
    }
}

.list .underlayerSeminar.underlayerSeminarSingle.connection.theme_ .popularity__card .item {
    margin-bottom: 2rem
}

.underlayerSeminar.underlayerSeminarSingle.connection {
    padding: 8rem 0 0 0
}

@media(max-width: 768px) {
    .underlayerSeminar.underlayerSeminarSingle.connection {
        padding:3.5rem 0 0 0
    }
}

@media(max-width: 768px) {
    table.theme_skill_table_01 th {
        display:block;
        width: 100%
    }

    table.theme_skill_table_01 td.centers {
        display: block;
        width: 100%
    }

    table.theme_skill_table_01 td {
        display: block;
        width: 100%
    }
}

.underlayer.underlayerTheme .underlayerSeminar.underlayerSeminarSingle:first-of-type .inner {
    border-top: solid 1px #dcdcdc;
    padding: 7rem 0 0 0
}

@media(max-width: 768px) {
    .underlayer.underlayerTheme .underlayerSeminar.underlayerSeminarSingle:first-of-type .inner {
        padding:4rem 2rem 0 2rem
    }
}

.underlayerTheme--category .linkDetail a {
    text-decoration: none
}

#recommendations {
    margin: .1rem 0 0 0
}

.underlayerSeminar.underlayerSeminarSingle.popularity.materialDownload .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup_support1 ._seq {
    display: none
}

.underlayerSeminar.underlayerSeminarSingle.popularity.materialDownload .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item:before {
    position: absolute;
    top: -1.7rem;
    left: -1rem;
    font-size: 1.3rem;
    font-weight: 700;
    width: 2.7rem;
    height: 2.7rem;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
    -webkit-transition: all ease .2s;
    z-index: 3
}

.underlayerSeminar.underlayerSeminarSingle.popularity.materialDownload .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item:nth-child(1):before {
    content: "1"
}

.underlayerSeminar.underlayerSeminarSingle.popularity.materialDownload .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item:nth-child(2):before {
    content: "2"
}

.underlayerSeminar.underlayerSeminarSingle.popularity.materialDownload .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item:nth-child(3):before {
    content: "3"
}

.underlayerSeminar.underlayerSeminarSingle.popularity.materialDownload .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item:nth-child(4):before {
    content: "4"
}

.underlayerSeminar.underlayerSeminarSingle.popularity.materialDownload .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item:nth-child(5):before {
    content: "5"
}

.underlayerSeminar.underlayerSeminarSingle.popularity.materialDownload .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup_support1:before {
    position: absolute;
    top: .3rem;
    left: -0.3rem;
    content: "";
    height: 1.22rem;
    width: 1.2rem;
    background: #d22570;
    z-index: 2
}

.underlayerSeminar.underlayerSeminarSingle.popularity.materialDownload .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item ._wrap ._layoutgroup_support1:after {
    position: absolute;
    top: 1.5rem;
    left: -0.3rem;
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border-left: .6rem solid #d22570;
    border-right: .6rem solid #d22570;
    border-bottom: .6rem solid rgba(0,0,0,0);
    z-index: 1
}

.underlayerSeminar.underlayerSeminarSingle.popularity.materialDownload .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item:nth-child(1):before {
    background: #e9d46a
}

.underlayerSeminar.underlayerSeminarSingle.popularity.materialDownload .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item:nth-child(2):before {
    background: #d1d1d1
}

.underlayerSeminar.underlayerSeminarSingle.popularity.materialDownload .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item:nth-child(3):before {
    background: #dfacb5
}

.underlayerSeminar.underlayerSeminarSingle.popularity.materialDownload .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item:nth-child(4):before {
    background: #caeef2
}

.underlayerSeminar.underlayerSeminarSingle.popularity.materialDownload .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item:nth-child(5):before {
    background: #caeef2
}

.underlayerSeminar.underlayerSeminarSingle.popularity.materialDownload .inner .popularity__card ._sitesearch_component ._searchresults ._items ._item {
    position: relative
}

.underlayerSeminar.underlayerSeminarSingle.popularity.materialDownload .inner .popularity__card ._sitesearch_component ._searchresults ._items .item__areaBtn a {
    width: 21.5rem;
    margin: 2rem auto 0 auto;
    position: relative;
    background: #2f79b1 url(../../assets/images/icon_support_download.svg) no-repeat right 2.2rem center;
    color: #fff;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 700;
    padding: 1rem 3rem;
    border-radius: .5rem;
    -webkit-box-shadow: 0 .3rem 0 #0f4771;
    box-shadow: 0 .3rem 0 #0f4771;
    -webkit-transition: all .2s;
    transition: all .2s;
    display: block
}

@media(min-width: 769px) {
    .underlayerSeminar.underlayerSeminarSingle.popularity.materialDownload .inner .popularity__card ._sitesearch_component ._searchresults ._items .item__areaBtn a:hover {
        margin-top:2.3rem;
        margin-bottom: -0.3rem;
        -webkit-box-shadow: 0 0 0 #005691;
        box-shadow: 0 0 0 #005691
    }
}

.border_text_area {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 2rem 0
}

.u-link {
    text-decoration: underline;
    color: #004e81
}

.u-link:link {
    text-decoration: underline
}

@media(min-width: 769px) {
    .u-link:hover {
        text-decoration:none
    }
}

a.blank::after {
    content: "";
    display: inline-block;
    width: 1.5rem;
    height: 1.2rem;
    background: url(/service/assets/images/icon_blank.svg) no-repeat;
    background-size: contain;
    margin: 0 0 0 .6rem
}

.serviceBtn {
    margin-top: 5rem;
    width: 100%;
    text-align: center
}

.serviceBtn a {
    position: relative;
    display: inline-block;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 2.7rem;
    border-radius: .5rem;
    padding: 1.4rem 4.4rem 1.4rem 2.8rem;
    text-decoration: none !important;
    -webkit-transition: .4s;
    transition: .4s
}

@media(max-width: 768px) {
    .serviceBtn a {
        padding:1.1rem 4.4rem 1.1rem 2.8rem;
        font-size: 1.6rem;
        line-height: 2.4rem
    }
}

.serviceBtn a::after {
    content: "";
    position: absolute;
    top: 0;
    right: 2.2rem;
    bottom: 0;
    margin: auto;
    display: block;
    width: .5rem;
    height: .5rem;
    border-left: solid 2px #fff;
    border-bottom: solid 2px #fff;
    -webkit-transform: rotate(-134deg);
    transform: rotate(-134deg);
    -webkit-transition: all ease .2s;
    transition: all ease .2s
}

.serviceBtn--contact a {
    color: #fff;
    background: #ff8c38;
    border: solid 1px #ff8c38;
    -webkit-box-shadow: 0px 4px 0px 0px #854515;
    box-shadow: 0px 4px 0px 0px #854515
}

.serviceBtn--contact a:hover {
    margin-top: .3rem;
    margin-bottom: -0.3rem;
    -webkit-box-shadow: 0 0 0 0 #854515;
    box-shadow: 0 0 0 0 #854515
}

.serviceBtn--mailmagazine a {
    color: #fff;
    background: #2f79b1;
    border: solid 1px #2f79b1;
    -webkit-box-shadow: 0px 4px 0px 0px #0f4771;
    box-shadow: 0px 4px 0px 0px #0f4771
}

.serviceBtn--mailmagazine a:hover {
    margin-top: .3rem;
    margin-bottom: -0.3rem;
    -webkit-box-shadow: 0 0 0 0 #0f4771;
    box-shadow: 0 0 0 0 #0f4771
}

.serviceBtn--arrowBottom a::after {
    top: -0.2rem;
    right: 2.5rem;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mainvisualBackground--pickup:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(/service/assets/images/mainvisual_background--pickup.webp) right center no-repeat;
    background-size: auto 100%
}

@media(max-width: 768px) {
    .mainvisualBackground--pickup:after {
        background:url(/service/assets/images/mainvisual_background--pickup_sp.webp) right bottom no-repeat;
        background-size: cover
    }
}

.mainvisualBackground--intro {
    background: url(/service/assets/images/mainvisual_background--intro.webp) right bottom no-repeat;
    background-size: cover
}

@media(max-width: 768px) {
    .mainvisualBackground--intro {
        background:#f1f7fb url(/service/assets/images/mainvisual_background--intro_sp.webp) right bottom no-repeat;
        background-size: 100% auto
    }
}

.mainvisualBackground--intro .underlayerMainvisual {
    position: relative
}

@media(max-width: 768px) {
    .mainvisualBackground--intro .underlayerMainvisual__explanation {
        margin-bottom:2rem;
        display: block;
        font-size: 1.5rem;
        line-height: 2.8rem
    }
}

.mainvisualBackground--intro .underlayerMainvisual__img {
    margin: 0 auto;
    width: 21.8rem
}

@media(min-width: 769px) {
    .mainvisualBackground--intro .underlayerMainvisual__img {
        position:absolute;
        top: 0;
        bottom: 0;
        right: 0
    }
}

.underlayerService .expSection {
    margin: -0.5rem 0 2.4rem;
    color: #3d3d3d;
    font-size: 1.6rem;
    line-height: 2.8rem
}

.underlayerService .strengthList {
    background-color: #f1f7fb;
    margin-top: 5rem;
    padding: 4rem
}

.underlayerService .strengthList h4 {
    margin-bottom: 2.5rem;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1
}

.underlayerService .strengthList .mainvisual__menu {
    margin: 0
}

.underlayerService .strengthList .mainvisual__menu a {
    position: relative;
    line-height: 3.3rem;
    font-size: 1.6rem
}

.underlayerService .strengthList .mainvisual__menu a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 1.8rem;
    bottom: 0;
    margin: auto;
    display: block;
    width: .5rem;
    height: .5rem;
    border-left: solid 1px var(--colorMain);
    border-bottom: solid 1px var(--colorMain);
    -webkit-transform: rotate(-134deg);
    transform: rotate(-134deg);
    z-index: 1
}

@media(max-width: 768px) {
    .underlayerService .strengthList {
        position:relative;
        padding: 2.5rem 2rem 2rem
    }

    .underlayerService .strengthList h4 {
        margin-bottom: 2rem;
        font-size: 2rem
    }

    .underlayerService .strengthList .mainvisual__menu {
        display: block;
        margin: 0;
        padding: 0
    }

    .underlayerService .strengthList .mainvisual__menu li {
        width: 100%;
        margin: .4rem 0 0 0
    }

    .underlayerService .strengthList .mainvisual__menu a {
        position: relative;
        height: 4.5rem !important;
        font-size: 1.5rem;
        line-height: 3.3rem
    }

    .underlayerService .strengthList .mainvisual__menu a:after {
        right: 1.5rem
    }
}

.underlayerService .feature__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4rem;
    width: 100%
}

.underlayerService .feature__card .item {
    width: 34rem
}

.underlayerService .feature__card .item .item__area {
    display: block
}

.underlayerService .feature__card .item .item__areaImg {
    margin: 0 0 1.5rem
}

@media(min-width: 769px) {
    .underlayerService .feature__card .item .item__areaImg {
        width:100%;
        height: 21.5rem;
        overflow: hidden
    }
}

.underlayerService .feature__card .item .item__areaImg img {
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.underlayerService .feature__card .item .item__areaTtl {
    margin: .8rem 0;
    font-size: 1.9rem;
    line-height: 3rem;
    font-weight: 600
}

.underlayerService .feature__card .item .item__areaTtl span {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--colorMain)), to(var(--colorMain))) 0 100%/0 1px no-repeat;
    background: linear-gradient(var(--colorMain), var(--colorMain)) 0 100%/0 1px no-repeat;
    -webkit-transition: background .3s;
    transition: background .3s
}

.underlayerService .feature__card .item .item__areaTxt {
    font-size: 1.5rem;
    line-height: 3rem
}

@media(min-width: 769px) {
    .underlayerService .feature__card .item .item__area:hover img {
        opacity:.9;
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }

    .underlayerService .feature__card .item .item__area:hover .item__areaTtl {
        color: var(--colorMain)
    }

    .underlayerService .feature__card .item .item__area:hover .item__areaTtl span {
        background-size: 100% 1px
    }
}

.underlayerPage__more {
    background: #f1f7fb;
    padding: 4rem 3.4rem 4rem 4rem;
    margin: 0
}

.underlayerPage__more dt {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 3.6rem;
    letter-spacing: .08rem;
    margin: 0 0 2rem 0
}

.underlayerPage__more dd ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem
}

.underlayerPage__more dd ul li {
    width: 25%
}

.underlayerPage__more dd ul li a {
    color: var(--colorMain);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 8rem;
    border: solid .1rem #d4e2eb;
    border-radius: .3rem;
    background: #fff;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2.1rem;
    letter-spacing: .02rem;
    padding: 0 0 0 2rem
}

.underlayerPage__more dd ul li a::before {
    content: "";
    position: absolute;
    top: 0;
    right: 2.4rem;
    bottom: 0;
    margin: auto;
    display: block;
    width: .5rem;
    height: .5rem;
    border-left: solid 1px var(--colorMain);
    border-bottom: solid 1px var(--colorMain);
    -webkit-transform: rotate(-134deg);
    transform: rotate(-134deg)
}

.underlayerPage__more dd ul li a span {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--colorMain)), to(var(--colorMain))) 0 100%/0 1px no-repeat;
    background: linear-gradient(var(--colorMain), var(--colorMain)) 0 100%/0 1px no-repeat;
    -webkit-transition: background .3s;
    transition: background .3s
}

.underlayerPage__more dd ul li a:hover span {
    background-size: 100% 1px
}

@media(min-width: 769px) {
    .underlayerPage__more {
        width:110rem;
        margin: 0 auto
    }

    .underlayerPage__more dd ul li a:hover {
        color: var(--colorMain);
        border: solid .1rem var(--colorMain)
    }
}

@media(max-width: 768px) {
    .underlayerPage__more {
        padding:2.7rem 2rem;
        margin: 0 0 2rem
    }

    .underlayerPage__more dt {
        font-size: 1.8rem;
        font-weight: 500;
        margin: 0 0 1.6rem
    }

    .underlayerPage__more dd ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: .3rem
    }

    .underlayerPage__more dd ul li {
        width: 100%
    }

    .underlayerPage__more dd ul li a {
        height: 4.4rem
    }
}

.underlayerServicePickup__pickup {
    padding-bottom: 8rem
}

@media(max-width: 768px) {
    .underlayerServicePickup__pickup {
        padding-bottom:6rem
    }
}

.underlayerServicePickup__list {
    margin-bottom: 9rem;
    padding: 8rem 0 7rem;
    background: #f1f7fb
}

@media(max-width: 768px) {
    .underlayerServicePickup__list {
        margin-bottom:6rem;
        padding: 6rem 0
    }
}

.move_block {
    width: var(--innerW);
    margin-left: auto;
    margin-right: auto;
    padding: 2rem;
    border: 1rem solid #e6f5fb;
    margin-bottom: 2rem
}

.move_block .intr_link_ttl {
    text-align: center;
    font-weight: 600;
    text-align: center;
    font-size: 2.1rem;
    line-height: 1.8;
    margin: 1rem 0 2rem 0
}

@media(max-width: 768px) {
    .move_block .intr_link_ttl {
        font-size:1.6rem
    }
}

@media(max-width: 768px) {
    .move_block {
        width:100%
    }
}

.move_block .btnLink {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    width: 100%
}

@media(max-width: 768px) {
    .move_block .btnLink {
        margin-bottom:2rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1rem
    }
}

.move_block .btnLink__item {
    border: 1px #204f74 solid;
    border-radius: .5rem;
    padding: 2.5rem 1.5rem 2.5rem 1.5rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #fff
}

@media(max-width: 768px) {
    .move_block .btnLink__item {
        padding:1.5rem 1rem 2rem 1.5rem
    }
}

.move_block .btnLink__item .item__head {
    margin-bottom: .8rem;
    color: #204f74;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 2.6rem;
    position: relative
}

@media(max-width: 768px) {
    .move_block .btnLink__item .item__head {
        font-size:1.7rem;
        line-height: 2.5rem;
        display: inline-block;
        padding-right: 1.5rem
    }
}

.move_block .btnLink__item .item__head:after {
    content: "";
    position: absolute;
    top: 0;
    right: 1rem;
    bottom: 0;
    margin: auto;
    display: block;
    width: .6rem;
    height: .6rem;
    border-left: solid 1px var(--colorMain);
    border-bottom: solid 1px var(--colorMain);
    -webkit-transform: rotate(-134deg);
    transform: rotate(-134deg);
    -webkit-transition: .2s;
    transition: .2s
}

@media(max-width: 768px) {
    .move_block .btnLink__item .item__head:after {
        top:.2rem;
        right: 0
    }
}

.move_block .btnLink__item .item__head span {
    background: -webkit-gradient(linear, left top, left bottom, from(#204F74), to(#204F74)) 0 100%/0 1px no-repeat;
    background: linear-gradient(#204F74, #204F74) 0 100%/0 1px no-repeat;
    -webkit-transition: background .3s;
    transition: background .3s
}

.move_block .btnLink__item .item__text {
    color: #3d3d3d;
    font-size: 1.5rem;
    line-height: 2.8rem
}

.move_block .btnLink__item:hover .item__head:after {
    right: .5rem
}

.move_block .btnLink__item:hover .item__head span {
    background-size: 100% 1px
}

.mainvisualBackground--intro .forte_main {
    position: absolute;
    top: 0rem;
    right: -68rem;
    right: 0;
    left: 0;
    left: unset;
    width: 18rem
}

@media(max-width: 768px) {
    .mainvisualBackground--intro .forte_main {
        position:absolute;
        margin: auto;
        width: 15rem;
        top: unset;
        left: unset;
        right: 2rem;
        bottom: -1rem
    }
}

.mainvisualBackground--intro .forte_main .pop_area {
    position: absolute;
    top: 0rem;
    right: -68rem;
    right: 0;
    left: 0;
    left: unset;
    background: #fff;
    border-radius: 20rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 18rem;
    width: 18rem;
    color: #000;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 2px solid #1c4388
}

@media(max-width: 768px) {
    .mainvisualBackground--intro .forte_main .pop_area {
        position:absolute;
        margin: auto;
        background: #fff;
        border-radius: 20rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 14rem;
        width: 14rem;
        color: #000;
        text-align: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border: 2px solid #1c4388;
        top: unset;
        left: unset;
        right: 2rem;
        bottom: 0
    }
}

.mainvisualBackground--intro .forte_main .pop_area div {
    font-size: 1.4rem;
    line-height: 1.4;
    font-weight: 700
}

@media(max-width: 768px) {
    .mainvisualBackground--intro .forte_main .pop_area div {
        font-size:1.3rem;
        line-height: 1.4;
        font-weight: 700
    }
}

.mainvisualBackground--intro .forte_main .pop_area div em {
    color: red;
    font-style: normal
}

.mainvisualBackground--intro .forte_main .pop_area p.number {
    color: #eb5705;
    font-weight: 700;
    font-size: 3.5rem;
    line-height: 1;
    letter-spacing: 0;
    text-shadow: unset;
    margin: 0 0 .5rem 0;
    position: relative
}

@media(max-width: 768px) {
    .mainvisualBackground--intro .forte_main .pop_area p.number {
        color:#eb5705;
        font-weight: 700;
        font-size: 2.5rem;
        line-height: 1;
        letter-spacing: 0;
        text-shadow: unset;
        margin: .2rem 0 .3rem 0;
        position: relative;
        padding: 0
    }
}

.mainvisualBackground--intro .forte_main .pop_area p.number span {
    font-size: 1.4rem
}

.mainvisualBackground--intro .forte_main .pop_area p.number sup {
    font-size: 1rem;
    position: absolute;
    right: -0.8rem;
    top: 1.2rem
}

@media(max-width: 768px) {
    .mainvisualBackground--intro .forte_main .pop_area p.number sup {
        font-size:1rem;
        position: absolute;
        right: -0.8rem;
        top: 1.2rem
    }
}

.mainvisualBackground--intro .forte_main .pop_area small {
    font-size: 1rem;
    line-height: 1.3;
    letter-spacing: 0
}

@media(max-width: 768px) {
    .mainvisualBackground--intro .forte_main .pop_area small {
        font-size:.8rem;
        line-height: 1.3;
        letter-spacing: 0
    }
}

.mainvisualBackground--intro .onlyPC {
    display: block
}

@media(max-width: 768px) {
    .mainvisualBackground--intro .onlyPC {
        display:none
    }
}

.mainvisualBackground--intro .onlySP {
    display: none
}

@media(max-width: 768px) {
    .mainvisualBackground--intro .onlySP {
        display:block
    }
}

.mainvisualBackground--intro .underlayerMainvisual__img {
    top: unset;
    right: 15rem;
    width: 19rem
}

@media(max-width: 768px) {
    .mainvisualBackground--intro .underlayerMainvisual__img {
        width:17rem;
        left: 0;
        right: unset;
        margin: 0
    }
}

.underlayerServiceIntro .contactArea {
    text-align: center
}

.contactArea .contact_bg {
    background: #f1f7fb;
    padding: 2rem 4rem;
    margin: auto;
    display: inline-block
}

@media(max-width: 768px) {
    .contactArea .contact_bg {
        padding:2rem
    }
}

.underlayerServiceIntro__content .intro_step_ttl,.underlayerServiceIntro .intro_step_ttl {
    background: #284d8b;
    color: #fff;
    text-align: center;
    padding: 2rem;
    font-size: 2.8rem;
    line-height: 1.5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: var(--innerW);
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: 2rem;
    font-weight: 700;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media(max-width: 768px) {
    .underlayerServiceIntro__content .intro_step_ttl,.underlayerServiceIntro .intro_step_ttl {
        margin-top:2rem
    }
}

.underlayerServiceIntro__content .intro_step_ttl em,.underlayerServiceIntro .intro_step_ttl em {
    font-size: 1.8rem;
    display: block;
    font-style: normal;
    width: 100%
}

.underlayerServiceIntro__content .intro_step_ttl span,.underlayerServiceIntro .intro_step_ttl span {
    display: inline-block;
    background: #fff;
    font-size: 1.8rem;
    padding: .5rem 1rem;
    margin: 0 1rem 0 0;
    color: #284d8b;
    border-radius: 1rem;
    font-weight: 700
}

@media(max-width: 768px) {
    .underlayerServiceIntro__content .intro_step_ttl span,.underlayerServiceIntro .intro_step_ttl span {
        font-size:1.6rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceIntro__content .intro_step_ttl,.underlayerServiceIntro .intro_step_ttl {
        width:100%;
        font-size: 1.8rem
    }
}

.underlayerServiceIntro__content {
    position: relative
}

.underlayerServiceIntro__content.before_arw:before {
    content: "";
    background: url("/service/assets/images/intro_arw.svg") center top no-repeat;
    background-size: 15rem 2.8rem;
    width: 15rem;
    height: 2.8rem;
    margin: auto;
    display: block
}

.underlayerServiceIntro__content .innerColumn {
    position: relative
}

.underlayerServiceIntro__content .innerColumn .point_pop {
    position: absolute;
    background: #ff8048;
    color: #fff;
    font-weight: 700;
    font-size: 1.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 7rem;
    height: 7rem;
    border-radius: 10rem;
    left: -3rem;
    top: -2rem
}

@media(max-width: 768px) {
    .underlayerServiceIntro__content .innerColumn .point_pop {
        width:10rem;
        height: 3rem;
        left: 2rem;
        top: -2rem
    }
}

.title__text.tc {
    text-align: center
}

.underlayerServiceIntro__menu .inner .new_block_area h2 {
    text-align: center;
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 1.5;
    margin-top: 2rem
}

@media(max-width: 768px) {
    .underlayerServiceIntro__menu .inner .new_block_area h2 {
        font-size:1.8rem
    }
}

.underlayerServiceIntro__menu .inner .new_block_area .subtxt {
    text-align: center;
    margin-top: 1rem;
    font-size: 1.4rem
}

.underlayerServiceIntro__menu .inner .new_block_area .new_uk_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 2rem;
    width: var(--innerW);
    margin-left: auto;
    margin-right: auto;
    padding: 2rem;
    border: 1rem solid #e6f5fb;
    margin-bottom: 2rem
}

@media(max-width: 768px) {
    .underlayerServiceIntro__menu .inner .new_block_area .new_uk_area {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        width: 100%;
        padding: 0;
        border: none
    }
}

.underlayerServiceIntro__menu .inner .new_block_area .new_uk_area a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 19%;
    border: 1px #ff8048 solid;
    border-radius: .5rem;
    position: relative;
    padding: 0 0 3rem 0;
    background: #ffefe8;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

@media(max-width: 768px) {
    .underlayerServiceIntro__menu .inner .new_block_area .new_uk_area a {
        width:100%;
        margin-top: 2rem;
        padding: 0 0 2.5rem 0
    }
}

.underlayerServiceIntro__menu .inner .new_block_area .new_uk_area a .steps {
    background: #ff8048;
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.5;
    padding: 1rem 1rem;
    text-align: center;
    font-weight: 700;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.underlayerServiceIntro__menu .inner .new_block_area .new_uk_area a .link_ttl {
    padding: 1.5rem 2rem 0rem 2rem;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 1.5;
    height: 6.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

@media(max-width: 768px) {
    .underlayerServiceIntro__menu .inner .new_block_area .new_uk_area a .link_ttl {
        height:auto;
        padding: 1.5rem 2rem 0rem 2rem
    }
}

.underlayerServiceIntro__menu .inner .new_block_area .new_uk_area a p {
    font-size: 1.5rem;
    line-height: 1.6;
    padding: 1rem 2rem 2rem 2rem
}

.underlayerServiceIntro__menu .inner .new_block_area .new_uk_area a:after {
    content: "";
    position: absolute;
    bottom: 3rem;
    right: 0;
    left: 0;
    margin: auto;
    display: block;
    width: 1rem;
    height: 1rem;
    border-right: solid 2px var(--colorMain);
    border-bottom: solid 2px var(--colorMain);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 1;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

@media(max-width: 768px) {
    .underlayerServiceIntro__menu .inner .new_block_area .new_uk_area a:after {
        bottom:2rem
    }
}

@media(min-width: 769px) {
    .underlayerServiceIntro__menu .inner .new_block_area .new_uk_area a:hover {
        background:#fff;
        border: 1px solid #284d8b
    }

    .underlayerServiceIntro__menu .inner .new_block_area .new_uk_area a:hover .steps {
        background: #284d8b
    }

    .underlayerServiceIntro__menu .inner .new_block_area .new_uk_area a:hover .link_ttl {
        color: #284d8b
    }

    .underlayerServiceIntro__menu .inner .new_block_area .new_uk_area a:hover:after {
        bottom: 2.5rem
    }
}

.underlayerServiceIntro .underlayerServiceIntro__menu .columnBox {
    margin-bottom: 5rem;
    padding: 3.5rem 4rem;
    background: #f1f7fb
}

@media(max-width: 768px) {
    .underlayerServiceIntro .underlayerServiceIntro__menu .columnBox {
        margin-bottom:4rem;
        padding: 2rem
    }
}

.underlayerServiceIntro .underlayerServiceIntro__menu .ttl {
    font-size: 3rem;
    line-height: 4.5rem;
    font-weight: 600
}

@media(max-width: 768px) {
    .underlayerServiceIntro .underlayerServiceIntro__menu .ttl {
        font-size:2.2rem;
        line-height: 4.3rem
    }
}

.underlayerServiceIntro .stepMenu {
    margin-top: 2.4rem;
    width: 101.3rem;
    background: url("/service/assets/images/bg_stepmenu__item-all.webp") left top no-repeat;
    background-size: 100% auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(max-width: 768px) {
    .underlayerServiceIntro .stepMenu {
        width:auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background: none
    }
}

.underlayerServiceIntro .stepMenu__item {
    position: relative;
    height: 12.3rem;
    padding-right: 3.2rem;
    padding-left: 2.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #204f74;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 2.8rem
}

@media(max-width: 768px) {
    .underlayerServiceIntro .stepMenu__item {
        margin-bottom:.5rem;
        height: auto;
        padding: 1.8rem 0 1.6rem 2.8rem;
        font-size: 1.5rem;
        line-height: 3rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceIntro .stepMenu__item {
        background:#fff
    }
}

@media(min-width: 769px) {
    .underlayerServiceIntro .stepMenu__item:nth-of-type(1) {
        width:23rem
    }

    .underlayerServiceIntro .stepMenu__item:nth-of-type(2) {
        width: 20rem
    }

    .underlayerServiceIntro .stepMenu__item:nth-of-type(3) {
        width: 20rem
    }

    .underlayerServiceIntro .stepMenu__item:nth-of-type(4) {
        width: 20rem
    }

    .underlayerServiceIntro .stepMenu__item:nth-of-type(5) {
        width: 18rem
    }
}

.underlayerServiceIntro .stepMenu__item .item__num {
    position: absolute;
    top: -2.4rem;
    left: calc(50% - 4rem);
    width: 4.8rem;
    height: 4.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: var(--fontEN);
    font-size: 1.8rem;
    font-weight: 500;
    color: #fff;
    background: #33a7c4;
    border-radius: 50rem;
    -webkit-transition: .4s;
    transition: .4s
}

@media(max-width: 768px) {
    .underlayerServiceIntro .stepMenu__item .item__num {
        left:-1.4rem;
        top: calc(50% - 1.4rem);
        width: 2.8rem;
        height: 2.8rem;
        font-size: 1.2rem
    }
}

.underlayerServiceIntro .stepMenu__item .item__text span {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--colorMain)), to(var(--colorMain))) 0 100%/0 1px no-repeat;
    background: linear-gradient(var(--colorMain), var(--colorMain)) 0 100%/0 1px no-repeat;
    -webkit-transition: background .3s;
    transition: background .3s
}

.underlayerServiceIntro .stepMenu__item:last-of-type {
    padding-right: 0
}

@media(min-width: 769px) {
    .underlayerServiceIntro .stepMenu__item:last-of-type .item__num {
        left:calc(50% - 2rem)
    }
}

.underlayerServiceIntro .stepMenu__item:hover .item__num {
    background: #204f74
}

.underlayerServiceIntro .stepMenu__item:hover .item__text span {
    color: var(--colorMain);
    background-size: 100% 1px
}

.underlayerServiceIntro .stepMenu__item:after {
    position: absolute;
    top: 50%;
    right: 2.5rem;
    content: "";
    display: block;
    width: 1.5rem;
    height: .8rem;
    background: url("/service/assets/images/intro_arrow--menu.svg") center center no-repeat;
    -webkit-transition: .2s;
    transition: .2s
}

@media(max-width: 768px) {
    .underlayerServiceIntro .stepMenu__item:after {
        right:1.5rem
    }
}

.underlayerServiceIntro .stepMenu__item:hover:after {
    top: calc(50% + 1rem)
}

.underlayerServiceIntro .section__title {
    margin-bottom: 2rem;
    position: relative;
    font-weight: 600;
    font-size: 3rem;
    line-height: 5.8rem
}

@media(max-width: 768px) {
    .underlayerServiceIntro .section__title {
        font-size:2rem;
        line-height: 3.6rem
    }
}

.underlayerServiceIntro .section__title .title__num {
    position: absolute;
    top: 0;
    left: 0;
    width: 5.6rem;
    height: 5.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: var(--fontEN);
    font-size: 2.4rem;
    font-weight: 500;
    color: #fff;
    background: #33a7c4;
    border-radius: 50rem
}

@media(max-width: 768px) {
    .underlayerServiceIntro .section__title .title__num {
        width:3.6rem;
        height: 3.6rem;
        font-size: 1.4rem
    }
}

.underlayerServiceIntro .section__headline {
    font-size: 1.6rem;
    line-height: 3rem
}

@media(max-width: 768px) {
    .underlayerServiceIntro .section__headline {
        font-size:1.5rem;
        line-height: 2.8rem
    }
}

.underlayerServiceIntro .contactArea {
    margin: 5rem 0 0
}

.underlayerServiceIntro .contactArea .notice {
    font-weight: 600;
    text-align: center;
    font-size: 1.8rem;
    line-height: 3rem
}

@media(max-width: 768px) {
    .underlayerServiceIntro .contactArea .notice {
        font-size:1.7rem;
        line-height: 2.9rem
    }
}

.underlayerServiceIntro .contactArea .serviceBtn {
    margin-top: 1.8rem
}

.underlayerServiceIntro__content>.inner {
    margin-bottom: 2rem;
    padding: 4rem 4rem 4rem;
    background: #f1f7fb
}

@media(max-width: 768px) {
    .underlayerServiceIntro__content>.inner {
        padding:3rem 2rem 3rem
    }
}

.underlayerServiceIntro__content .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

@media(max-width: 768px) {
    .underlayerServiceIntro__content .row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.underlayerServiceIntro__content .row .col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media(max-width: 768px) {
    .underlayerServiceIntro__content .row .section__image {
        margin:2rem auto 0
    }
}

.underlayerServiceIntro__content#intro01 .section__image {
    width: 29.2rem
}

.underlayerServiceIntro__content#intro02 .section__image {
    width: 25rem
}

.underlayerServiceIntro__content#intro03 .section__image {
    width: 19.6rem
}

.underlayerServiceIntro__content#intro04 .section__image {
    width: 30.65rem
}

.underlayerServiceIntro__content#intro05 .section__image {
    width: 26.1rem
}

.underlayerServiceIntro__content .btnLink {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    width: 100%
}

@media(max-width: 768px) {
    .underlayerServiceIntro__content .btnLink {
        margin-bottom:2rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1rem
    }
}

.underlayerServiceIntro__content .btnLink__item {
    border: 1px #204f74 solid;
    border-radius: .5rem;
    padding: 2.5rem 1.5rem 2.5rem 1.5rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #fff
}

@media(max-width: 768px) {
    .underlayerServiceIntro__content .btnLink__item {
        padding:1.5rem 1rem 2rem 1.5rem
    }
}

.underlayerServiceIntro__content .btnLink__item .item__head {
    margin-bottom: .8rem;
    color: #204f74;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 2.6rem;
    position: relative
}

@media(max-width: 768px) {
    .underlayerServiceIntro__content .btnLink__item .item__head {
        font-size:1.7rem;
        line-height: 2.5rem;
        display: inline-block;
        padding-right: 1.5rem
    }
}

.underlayerServiceIntro__content .btnLink__item .item__head:after {
    content: "";
    position: absolute;
    top: 0;
    right: 1rem;
    bottom: 0;
    margin: auto;
    display: block;
    width: .6rem;
    height: .6rem;
    border-left: solid 1px var(--colorMain);
    border-bottom: solid 1px var(--colorMain);
    -webkit-transform: rotate(-134deg);
    transform: rotate(-134deg);
    -webkit-transition: .2s;
    transition: .2s
}

@media(max-width: 768px) {
    .underlayerServiceIntro__content .btnLink__item .item__head:after {
        top:.2rem;
        right: 0
    }
}

.underlayerServiceIntro__content .btnLink__item .item__head span {
    background: -webkit-gradient(linear, left top, left bottom, from(#204F74), to(#204F74)) 0 100%/0 1px no-repeat;
    background: linear-gradient(#204F74, #204F74) 0 100%/0 1px no-repeat;
    -webkit-transition: background .3s;
    transition: background .3s
}

.underlayerServiceIntro__content .btnLink__item .item__text {
    color: #3d3d3d;
    font-size: 1.5rem;
    line-height: 2.8rem
}

.underlayerServiceIntro__content .btnLink__item:hover .item__head:after {
    right: .5rem
}

.underlayerServiceIntro__content .btnLink__item:hover .item__head span {
    background-size: 100% 1px
}

.underlayerServiceIntro__content .c-checklist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

@media(max-width: 768px) {
    .underlayerServiceIntro__content .c-checklist {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.underlayerServiceIntro__content .c-checklist li {
    position: relative;
    padding-left: 3rem;
    font-size: 1.6rem;
    line-height: 3rem
}

@media(max-width: 768px) {
    .underlayerServiceIntro__content .c-checklist li {
        margin-bottom:1rem;
        font-size: 1.5rem;
        line-height: 2.8rem
    }
}

.underlayerServiceIntro__content .c-checklist li:before {
    position: absolute;
    top: .7rem;
    left: 0;
    content: "";
    display: block;
    width: 1.8rem;
    height: 1.8rem;
    background: url(/service/assets/images/icon_intro_checkbox.svg) no-repeat left top;
    background-size: 1.8rem 1.8rem
}

@media(min-width: 769px) {
    .underlayerServiceIntro__content .c-checklist li:nth-of-type(odd) {
        width:calc(45% - 1rem)
    }

    .underlayerServiceIntro__content .c-checklist li:nth-of-type(even) {
        width: 55%
    }
}

.underlayerServiceIntro__content .innerColumn {
    margin-top: 3rem;
    padding: 2.5rem 3rem 2.5rem 5rem;
    background: #fff
}

@media(max-width: 768px) {
    .underlayerServiceIntro__content .innerColumn {
        margin-top:3.5rem;
        padding: 2.5rem 2rem 2.5rem 2rem
    }
}

.underlayerServiceIntro__content .innerColumn .column__title {
    margin-bottom: 1rem;
    font-weight: 600;
    font-size: 2.1rem;
    line-height: 4.3rem
}

@media(max-width: 768px) {
    .underlayerServiceIntro__content .innerColumn .column__title {
        font-size:1.8rem;
        line-height: 3rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceIntro__content .innerColumn p {
        font-size:1.5rem;
        line-height: 2.8rem
    }
}

.underlayerServiceIntro__content .innerColumn.extra {
    margin-top: 0
}

.underlayerServiceIntro__content .contactArea {
    margin: 0rem 0 0
}

@media(max-width: 768px) {
    .underlayerServiceIntro__content .contactArea {
        margin-top:0rem
    }
}

.underlayerServiceNotFound .linkBtn {
    text-align: center;
    margin: 4.6rem 0 0 0
}

.underlayerServiceNotFound .columnBox {
    padding: 3rem 4rem 4rem;
    background: #f1f7fb
}

.underlayerServiceNotFound .keywordSearch .ttl {
    position: relative;
    margin: 0 0 1.4rem 0;
    padding-left: 1.6rem;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
    color: #000
}

.underlayerServiceNotFound .keywordSearch .ttl:before {
    content: "";
    position: absolute;
    top: .8rem;
    left: .1rem;
    display: block;
    border-radius: .4rem;
    background-color: #104c75;
    width: .4rem;
    height: .4rem
}

.underlayerServiceNotFound .keywordSearch .form {
    position: relative;
    width: 100%
}

.underlayerServiceNotFound .keywordSearch .form input[type=text] {
    position: relative;
    display: block;
    border-radius: .4rem;
    background-color: #fff;
    width: 100%;
    height: 5.8rem;
    padding: 1rem 2rem;
    font-size: 1.6rem;
    z-index: 1
}

.underlayerServiceNotFound .keywordSearch .form input[type=text]::-webkit-input-placeholder {
    color: #b8b8b8
}

.underlayerServiceNotFound .keywordSearch .form input[type=text]::-moz-placeholder {
    color: #b8b8b8
}

.underlayerServiceNotFound .keywordSearch .form input[type=text]:-ms-input-placeholder {
    color: #b8b8b8
}

.underlayerServiceNotFound .keywordSearch .form input[type=text]::-ms-input-placeholder {
    color: #b8b8b8
}

.underlayerServiceNotFound .keywordSearch .form input[type=text]::placeholder {
    color: #b8b8b8
}

.underlayerServiceNotFound .keywordSearch .form button {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    border-radius: 0 .4rem .4rem 0;
    background: var(--colorMain) url(/service/assets/images/icon_search2.svg) center center no-repeat;
    background-size: 2.6rem;
    width: 5.8rem;
    height: 5.8rem;
    font-size: 0;
    overflow: hidden;
    z-index: 2
}

.underlayerServiceNotFound .keywordSearch .link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.2rem;
    font-size: 1.6rem;
    line-height: 1.6
}

.underlayerServiceNotFound .keywordSearch .link a {
    text-decoration: underline;
    color: var(--colorMain)
}

.underlayerServiceNotFound .keywordSearch .link a:before {
    content: "#"
}

.underlayerServiceNotFound .keywordSearch .link a:hover {
    text-decoration: none
}

@media(max-width: 768px) {
    .underlayerServiceNotFound .columnBox {
        padding:1rem 2rem 4rem
    }

    .underlayerServiceNotFound .keywordSearch {
        margin: 0 -2rem;
        width: calc(100% + 4rem);
        padding: 0
    }

    .underlayerServiceNotFound .keywordSearch .ttl {
        position: relative;
        margin: 2.5rem 0 1rem 0;
        padding-left: 1.4rem;
        font-size: 1.6rem
    }

    .underlayerServiceNotFound .keywordSearch .ttl:before {
        top: .7rem
    }

    .underlayerServiceNotFound .keywordSearch .form {
        position: relative;
        width: 100%
    }

    .underlayerServiceNotFound .keywordSearch .form input[type=text] {
        height: 4.8rem;
        padding: .5rem 1.5rem;
        font-size: 1.5rem
    }

    .underlayerServiceNotFound .keywordSearch .form button {
        background: var(--colorMain) url(/service/assets/images/icon_search2.svg) center center no-repeat;
        background-size: 2rem;
        width: 4.8rem;
        height: 4.8rem
    }

    .underlayerServiceNotFound .keywordSearch .link {
        gap: .4rem .8rem;
        font-size: 1.5rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceNotFound .recommend .expSection {
        display:none
    }
}

.underlayerServiceNotFound .popularity__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    gap: 2.42rem
}

.underlayerServiceNotFound .popularity__card .item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 25.6rem
}

@media(max-width: 768px) {
    .underlayerServiceNotFound .popularity__card .item {
        width:100%
    }
}

@media(max-width: 768px) {
    .underlayerServiceNotFound .popularity__card .two_ttl {
        height:auto !important
    }
}

.underlayerServiceNotFound .popularity__card .item__areaImg {
    position: relative;
    width: 25.6rem;
    height: 16.7rem;
    margin: 0 0 1.5rem 0;
    overflow: hidden;
    margin: 0 0 .8rem 0;
    border-radius: .5rem
}

@media(max-width: 768px) {
    .underlayerServiceNotFound .popularity__card .item__areaImg {
        width:100%
    }
}

.underlayerServiceNotFound .popularity__card .item__areaImg img {
    position: relative;
    width: 25.6rem;
    height: 16.7rem;
    border-radius: .5rem;
    z-index: 1;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    border-radius: .5rem
}

@media(max-width: 768px) {
    .underlayerServiceNotFound .popularity__card .item__areaImg img {
        width:100%
    }
}

.underlayerServiceNotFound .popularity__card .item__areaCategory {
    font-size: 1.3rem;
    line-height: 1.9rem;
    font-weight: 500;
    padding: .2rem .9rem;
    display: inline-block;
    margin: 0 0 1.1rem 0;
    border-radius: .5rem
}

.underlayerServiceNotFound .popularity__card .item__areaCategory--live {
    background: url(/service/assets/images/icon_recommend_live.svg) no-repeat left 1.2rem top .4rem;
    background-size: 5.1rem 1.6rem;
    padding: .2rem .9rem .2rem 6.9rem;
    border: solid 1px #298279;
    color: #298279;
    font-size: 1.2rem
}

.underlayerServiceNotFound .popularity__card .item__areaCategory--movie {
    background: url(/service/assets/images/icon_recommend_movie.svg) no-repeat left .7rem center;
    background-size: 3.1rem 1.7rem;
    padding: .2rem .9rem .2rem 4.4rem;
    border: solid 1px #824880;
    color: #824880;
    font-size: 1.2rem
}

.underlayerServiceNotFound .popularity__card .item__areaCopy {
    font-size: 1.4rem;
    line-height: 2.4rem;
    letter-spacing: .03rem;
    margin: 0 0 .3rem 0
}

.underlayerServiceNotFound .popularity__card .item__areaTtl {
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 3rem;
    letter-spacing: .05rem;
    margin: 0 0 1.1rem 0
}

@media(max-width: 768px) {
    .underlayerServiceNotFound .popularity__card .item__areaTtl {
        height:auto !important
    }
}

.underlayerServiceNotFound .popularity__card .item__areaTtl span {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--colorMain)), to(var(--colorMain))) 0 100%/0 1px no-repeat;
    background: linear-gradient(var(--colorMain), var(--colorMain)) 0 100%/0 1px no-repeat;
    -webkit-transition: background .3s;
    transition: background .3s
}

.underlayerServiceNotFound .popularity__card .item__areaDay,.underlayerServiceNotFound .popularity__card .item__areaTime {
    font-size: 1.4rem;
    line-height: 2.4rem;
    padding: 0 0 0 3.1rem
}

.underlayerServiceNotFound .popularity__card .item__areaDay {
    background: url(/service/assets/images/icon_calendar.svg) no-repeat left center;
    background-size: 2.2rem auto
}

.underlayerServiceNotFound .popularity__card .item__areaTime {
    background: url(/service/assets/images/icon_time.svg) no-repeat left center;
    background-size: 2.2rem auto
}

.underlayerServiceNotFound .popularity__card .item__areaTime span {
    font-weight: 700
}

.underlayerServiceNotFound .popularity__card .item__like {
    position: absolute;
    top: 23.3rem;
    right: .4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 3.4rem;
    height: 3.4rem;
    background: #f1f1f1;
    border-radius: 100%;
    z-index: 1;
    -webkit-transition: all .3s;
    transition: all .3s
}

.underlayerServiceNotFound .popularity__card .item__like.isActive {
    background: #d56272
}

.underlayerServiceNotFound .popularity__card .item__like.isActive svg use {
    fill: #f1f1f1;
    stroke: #f1f1f1
}

.underlayerServiceNotFound .popularity__card .item__like svg {
    width: 1.307rem;
    height: 1.14rem
}

.underlayerServiceNotFound .popularity__card .item__like svg use {
    fill: #d56272;
    stroke: #d56272
}

.underlayerServiceNotFound .popularity__card .item__like:hover {
    background: #d3d3d3
}

.underlayerServiceNotFound .popularity__card .item__tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .44rem;
    margin: 2rem 0 0 0
}

.underlayerServiceNotFound .popularity__card .item__tag a {
    display: inline-block;
    background: #fff;
    font-size: 1.4rem;
    line-height: 2rem;
    padding: .3rem 1.3rem;
    border-radius: 5rem;
    border: solid 1px #dcdcdc
}

.underlayerServiceNotFound .popularity__card .item__tag a:hover {
    background: #dcdcdc
}

.underlayerServiceNotFound .popularity__card .column__cardTagHash {
    margin-top: 1.5rem
}

@media(max-width: 768px) {
    .underlayerServiceNotFound .popularity__card .column__cardTagHash {
        margin:0;
        height: auto !important
    }
}

@media(min-width: 769px) {
    .underlayerServiceNotFound .popularity__card .item__area:hover img {
        opacity:.9;
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }

    .underlayerServiceNotFound .popularity__card .item__area:hover .item__areaTtl {
        color: var(--colorMain)
    }

    .underlayerServiceNotFound .popularity__card .item__area:hover .item__areaTtl span {
        background-size: 100% 1px
    }
}

.mainvisualpickupDetail .breadcrumbs {
    background-color: #f1f7fb;
    margin-bottom: 0
}

.mainvisualpickupDetail .breadcrumbs ul {
    border-bottom: none
}

.mainvisualpickupDetail .pickupDetailMainvisual {
    position: relative;
    padding-right: 48rem;
    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
}

@media(max-width: 768px) {
    .mainvisualpickupDetail .pickupDetailMainvisual {
        padding:1.8rem 2rem 4rem;
        padding: 0 2rem
    }
}

.mainvisualpickupDetail .pickupDetailMainvisual__ttl {
    font-weight: bold;
    font-size: 4.6rem;
    line-height: 1.4;
    margin-bottom: .5rem;
    color: #0075bb
}

@media(max-width: 768px) {
    .mainvisualpickupDetail .pickupDetailMainvisual__ttl {
        font-size:2.4rem;
        line-height: 3.8rem;
        margin-top: 0;
        margin-bottom: 0
    }
}

.mainvisualpickupDetail .pickupDetailMainvisual__disc {
    margin-top: 2.1rem;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 3.2rem
}

@media(max-width: 768px) {
    .mainvisualpickupDetail .pickupDetailMainvisual__disc {
        margin-top:.1rem;
        margin-bottom: 3rem;
        font-size: 1.5rem;
        line-height: 2.8rem
    }
}

@media(min-width: 769px) {
    .mainvisualpickupDetail .pickupDetailMainvisual__img {
        width:37%;
        position: absolute;
        top: 50%;
        right: -2.7rem;
        margin: auto;
        -webkit-transform: translate(0%, -50%);
        transform: translate(0%, -50%)
    }
}

@media(max-width: 768px) {
    .mainvisualpickupDetail .pickupDetailMainvisual__img {
        width:100%
    }
}

.mainvisualpickupDetail .pickupDetailMainvisual__img img {
    width: 42rem;
    margin-left: auto
}

.mainvisualpickupDetailInner {
    position: relative;
    min-height: 42rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #3d3d3d;
    padding: 5rem 0
}

@media(max-width: 768px) {
    .mainvisualpickupDetailInner {
        min-height:auto;
        height: auto;
        padding: 4rem 0
    }
}

.mainvisualpickupDetailInner::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #f1f7fb url(../images/mainvisual_background--pickup-detail.webp) no-repeat right center/cover;
    mix-blend-mode: screen
}

.mainvisualpickupDetailInner a {
    color: #fff
}

.underlayerService.underlayerServicePickup--detail {
    padding-top: 0
}

.underlayerService.underlayerServicePickup--detail div[class*=bgColor] {
    color: #3d3d3d
}

.underlayerService.underlayerServicePickup--detail div[class*=bgColor].dark {
    color: #fff
}

.underlayerService.underlayerServicePickup--detail .article__cont {
    position: relative;
    background-color: #f1f7fb
}

.underlayerService.underlayerServicePickup--detail .article__cont .nav {
    background-color: #0075bb;
    position: sticky;
    left: 0;
    top: 0;
    z-index: 2
}

.underlayerService.underlayerServicePickup--detail .article__cont .nav .inner {
    padding: 0
}

@media(min-width: 769px) {
    .underlayerService.underlayerServicePickup--detail .article__cont .nav .inner {
        width:110rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.underlayerService.underlayerServicePickup--detail .article__cont .nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.underlayerService.underlayerServicePickup--detail .article__cont .nav ul li {
    position: relative;
    padding: 0 1rem 0 1.5rem
}

.underlayerService.underlayerServicePickup--detail .article__cont .nav ul li:not(:last-child) {
    margin-bottom: 0
}

.underlayerService.underlayerServicePickup--detail .article__cont .nav ul li a {
    color: #fff;
    font-weight: 500;
    font-size: 1.5rem;
    padding: 1.5rem 1.5rem 1.5rem 0;
    display: block;
    position: relative;
    text-decoration: none;
    line-height: 1.6
}

.underlayerService.underlayerServicePickup--detail .article__cont .nav ul li a::before,.underlayerService.underlayerServicePickup--detail .article__cont .nav ul li a::after {
    content: "";
    display: block;
    position: absolute;
    -webkit-transition: all .3s;
    transition: all .3s
}

.underlayerService.underlayerServicePickup--detail .article__cont .nav ul li a::after {
    width: .5rem;
    height: .5rem;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    right: .2rem;
    top: 0;
    bottom: 0;
    margin: auto
}

.underlayerService.underlayerServicePickup--detail .article__cont .nav ul li a::before {
    width: 0;
    height: .1rem;
    background-color: #fff;
    bottom: 1rem;
    right: 0
}

@media(min-width: 769px) {
    .underlayerService.underlayerServicePickup--detail .article__cont .nav ul li a:hover::after {
        top:.5rem
    }

    .underlayerService.underlayerServicePickup--detail .article__cont .nav ul li a:hover::before {
        width: calc(100% - 1.5rem);
        right: auto;
        left: 0
    }
}

.underlayerService.underlayerServicePickup--detail .article__cont .nav ul li::before {
    content: "";
    display: block;
    width: 1px;
    height: 2rem;
    background-color: #b0bfc9;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

@media(max-width: 768px) {
    .underlayerService.underlayerServicePickup--detail .article__cont .nav {
        position:relative;
        top: 0;
        margin: 0
    }

    .underlayerService.underlayerServicePickup--detail .article__cont .nav ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .underlayerService.underlayerServicePickup--detail .article__cont .nav ul li {
        border-bottom: none;
        width: 50%
    }

    .underlayerService.underlayerServicePickup--detail .article__cont .nav ul li:not(:nth-last-child(-n+1)) {
        border-bottom: solid 1px #fff
    }

    .underlayerService.underlayerServicePickup--detail .article__cont .nav ul li:nth-child(odd) {
        border-right: solid 1px #fff
    }

    .underlayerService.underlayerServicePickup--detail .article__cont .nav ul li::before {
        content: none
    }

    .underlayerService.underlayerServicePickup--detail .article__cont .nav ul li a {
        font-size: 1.4rem;
        padding: .8rem 1.5rem .8rem 0
    }
}

.underlayerService.underlayerServicePickup--detail .article .inner {
    position: relative;
    z-index: 1
}

@media(max-width: 768px) {
    .underlayerService.underlayerServicePickup--detail .article .inner {
        padding:5rem 2rem 6rem
    }
}

@media(min-width: 769px) {
    .underlayerService.underlayerServicePickup--detail .article .inner {
        padding:6.5rem 0;
        width: 100rem
    }
}

.underlayerService.underlayerServicePickup--detail .article__cont h2 {
    letter-spacing: .04rem;
    font-weight: 600;
    display: table
}

@media(max-width: 768px) {
    .underlayerService.underlayerServicePickup--detail .article__cont h2 {
        margin:2rem auto;
        padding: 0 0 1rem 0;
        border-bottom: .2rem #0078bf solid;
        font-size: 2.3rem
    }
}

@media(min-width: 769px) {
    .underlayerService.underlayerServicePickup--detail .article__cont h2 {
        margin:2.4rem auto;
        padding: 0 0 1.5rem 0;
        border-bottom: .4rem #0078bf solid;
        font-size: 3.6rem
    }
}

.underlayerService.underlayerServicePickup--detail .article__cont h2:first-child {
    margin-top: 0
}

.underlayerService.underlayerServicePickup--detail .article__cont .bgColor--type05 h2 {
    color: #0075bb
}

.underlayerService.underlayerServicePickup--detail .article__cont .dark :not(.content__box) h2 {
    border-bottom-color: #fff
}

.underlayerService.underlayerServicePickup--detail .article__cont h3 {
    letter-spacing: .04rem;
    text-align: center;
    font-weight: 600
}

@media(max-width: 768px) {
    .underlayerService.underlayerServicePickup--detail .article__cont h3 {
        font-size:2.2rem;
        margin: 3rem auto 1rem auto
    }
}

@media(min-width: 769px) {
    .underlayerService.underlayerServicePickup--detail .article__cont h3 {
        margin:3rem auto .4rem auto;
        font-size: 2.8rem
    }
}

.underlayerService.underlayerServicePickup--detail .article__cont h3.line {
    text-align: left
}

@media(max-width: 768px) {
    .underlayerService.underlayerServicePickup--detail .article__cont h3.line {
        margin-bottom:1.6rem;
        padding-bottom: .8rem;
        border-bottom: 1px #b7d8ec solid
    }
}

@media(min-width: 769px) {
    .underlayerService.underlayerServicePickup--detail .article__cont h3.line {
        margin-bottom:2rem;
        padding-bottom: 1.2rem;
        border-bottom: 1px #b7d8ec solid
    }
}

.underlayerService.underlayerServicePickup--detail .article__cont .dark h3.line {
    border-bottom-color: #fff
}

.underlayerService.underlayerServicePickup--detail .article__cont h4 {
    padding-bottom: 1.2rem;
    letter-spacing: .04rem;
    font-weight: 600;
    background-image: linear-gradient(to right, #A2B8C5 2px, transparent 2px);
    background-size: 7px 2px;
    background-repeat: repeat-x;
    background-position: left bottom
}

@media(max-width: 768px) {
    .underlayerService.underlayerServicePickup--detail .article__cont h4 {
        margin:3rem auto .4rem auto;
        font-size: 1.9rem
    }
}

@media(min-width: 769px) {
    .underlayerService.underlayerServicePickup--detail .article__cont h4 {
        margin:4rem auto .4rem auto;
        font-size: 2.1rem
    }
}

.underlayerService.underlayerServicePickup--detail .article__cont h5 {
    letter-spacing: .04rem;
    font-weight: 600
}

@media(max-width: 768px) {
    .underlayerService.underlayerServicePickup--detail .article__cont h5 {
        margin:4rem auto 0 auto;
        font-size: 1.9rem
    }
}

@media(min-width: 769px) {
    .underlayerService.underlayerServicePickup--detail .article__cont h5 {
        margin:6rem auto .7rem auto;
        font-size: 2.1rem
    }
}

.underlayerService.underlayerServicePickup--detail .article__cont p {
    letter-spacing: .02rem
}

@media(max-width: 768px) {
    .underlayerService.underlayerServicePickup--detail .article__cont p {
        margin:1.5rem 0;
        font-size: 1.5rem;
        line-height: 2.8rem
    }

    .underlayerService.underlayerServicePickup--detail .article__cont p:first-child {
        margin-top: 0
    }

    .underlayerService.underlayerServicePickup--detail .article__cont p:last-child {
        margin-bottom: 0
    }
}

@media(min-width: 769px) {
    .underlayerService.underlayerServicePickup--detail .article__cont p {
        margin:2rem 0;
        font-size: 1.7rem;
        line-height: 3rem
    }

    .underlayerService.underlayerServicePickup--detail .article__cont p:first-child {
        margin-top: 0
    }

    .underlayerService.underlayerServicePickup--detail .article__cont p:last-child {
        margin-bottom: 0
    }
}

.underlayerService.underlayerServicePickup--detail .article__cont h3+p {
    margin-top: 0
}

.underlayerService.underlayerServicePickup--detail .article__cont h5+p {
    margin-top: 0
}

.underlayerService.underlayerServicePickup--detail .article__cont a {
    color: #204f74;
    text-decoration: underline
}

.underlayerService.underlayerServicePickup--detail .article__cont a:hover {
    text-decoration: none
}

.underlayerService.underlayerServicePickup--detail .article__cont a[target=_blank]:after {
    content: "";
    display: inline-block;
    width: 1.5rem;
    height: 1.2rem;
    background: url(/service/assets/images/icon_blank.svg) no-repeat;
    background-size: contain;
    margin: 0 0 0 .6rem
}

.underlayerService.underlayerServicePickup--detail .article__cont .dark :not(.content__box) a {
    color: #fff
}

.underlayerService.underlayerServicePickup--detail .article__cont ol {
    margin: 2.5rem 0;
    counter-reset: item
}

.underlayerService.underlayerServicePickup--detail .article__cont ol li {
    position: relative;
    min-height: 3rem;
    padding-left: 4.4rem;
    margin-bottom: 1.5rem
}

@media(max-width: 768px) {
    .underlayerService.underlayerServicePickup--detail .article__cont ol li {
        font-size:1.5rem;
        line-height: 2.8rem
    }
}

@media(min-width: 769px) {
    .underlayerService.underlayerServicePickup--detail .article__cont ol li {
        font-size:1.7rem;
        line-height: 3rem
    }
}

.underlayerService.underlayerServicePickup--detail .article__cont ol li:before {
    counter-increment: item;
    content: counter(item);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 3.4rem;
    height: 3.4rem;
    background: #ea526f;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: -0.1rem;
    text-align: center;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1;
    font-weight: bold
}

.underlayerService.underlayerServicePickup--detail .article__cont ul:not(:first-child) {
    margin-top: 2.5rem
}

.underlayerService.underlayerServicePickup--detail .article__cont ul:not(:last-child) {
    margin-bottom: 2.5rem
}

.underlayerService.underlayerServicePickup--detail .article__cont ul:not([class]) li {
    position: relative;
    padding-left: 2.1rem;
    margin-bottom: 1.2rem
}

@media(max-width: 768px) {
    .underlayerService.underlayerServicePickup--detail .article__cont ul:not([class]) li {
        font-size:1.5rem;
        line-height: 2.8rem
    }
}

@media(min-width: 769px) {
    .underlayerService.underlayerServicePickup--detail .article__cont ul:not([class]) li {
        font-size:1.7rem;
        line-height: 3rem
    }
}

.underlayerService.underlayerServicePickup--detail .article__cont ul:not([class]) li:before {
    content: "";
    display: block;
    width: .6rem;
    height: .6rem;
    background: #ea526f;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 1.3rem
}

.underlayerService.underlayerServicePickup--detail .article__cont blockquote {
    background-color: #fff;
    background-image: url(../images/icon_bq_left.svg),url(../images/icon_bq_right.svg);
    background-repeat: no-repeat;
    background-position: left 2rem top 3rem,right 2rem bottom 3rem
}

@media(max-width: 768px) {
    .underlayerService.underlayerServicePickup--detail .article__cont blockquote {
        padding:1.6rem 5rem
    }
}

@media(min-width: 769px) {
    .underlayerService.underlayerServicePickup--detail .article__cont blockquote {
        padding:2rem 6rem
    }
}

.underlayerService.underlayerServicePickup--detail .article__cont blockquote:not(:first-child) {
    margin-top: 1rem
}

.underlayerService.underlayerServicePickup--detail .article__cont blockquote:not(:last-child) {
    margin-bottom: 1rem
}

.underlayerService.underlayerServicePickup--detail .article__cont .dark blockquote {
    color: #3d3d3d
}

.underlayerService.underlayerServicePickup--detail .article__cont table {
    margin: 2rem 0;
    width: 100%
}

.underlayerService.underlayerServicePickup--detail .article__cont table th,.underlayerService.underlayerServicePickup--detail .article__cont table td {
    color: #3d3d3d;
    background: #fff;
    padding: .5rem 1.5rem;
    border: 1px #b5b5b5 solid
}

@media(max-width: 768px) {
    .underlayerService.underlayerServicePickup--detail .article__cont table th,.underlayerService.underlayerServicePickup--detail .article__cont table td {
        font-size:1.5rem;
        line-height: 2.8rem
    }
}

@media(min-width: 769px) {
    .underlayerService.underlayerServicePickup--detail .article__cont table th,.underlayerService.underlayerServicePickup--detail .article__cont table td {
        font-size:1.7rem;
        line-height: 3rem
    }
}

.underlayerService.underlayerServicePickup--detail .article__cont table th {
    text-align: center;
    background: #e8e8e8
}

.underlayerService.underlayerServicePickup--detail .article__cont table td {
    background: #fff
}

.underlayerService.underlayerServicePickup--detail .article__cont .image {
    max-width: 80rem
}

@media(max-width: 768px) {
    .underlayerService.underlayerServicePickup--detail .article__cont .image {
        margin:1.6rem auto
    }
}

@media(min-width: 769px) {
    .underlayerService.underlayerServicePickup--detail .article__cont .image {
        margin:2.5rem auto
    }
}

.underlayerService.underlayerServicePickup--detail .article__cont .aligncenter {
    text-align: center
}

.underlayerService.underlayerServicePickup--detail .article__cont .check li {
    color: #000;
    margin-bottom: 1.6rem;
    letter-spacing: .02rem;
    font-weight: 700;
    padding-left: 3.2rem;
    min-height: 2.2rem;
    position: relative
}

@media(max-width: 768px) {
    .underlayerService.underlayerServicePickup--detail .article__cont .check li {
        font-size:1.5rem;
        line-height: 2.8rem
    }
}

@media(min-width: 769px) {
    .underlayerService.underlayerServicePickup--detail .article__cont .check li {
        font-size:1.7rem;
        line-height: 2.2rem;
        line-height: 1.6
    }
}

.underlayerService.underlayerServicePickup--detail .article__cont .check li:last-child {
    margin-bottom: 0
}

.underlayerService.underlayerServicePickup--detail .article__cont .check li:before {
    content: "";
    display: block;
    width: 2.2rem;
    height: 2.2rem;
    position: absolute;
    left: 0;
    top: .2rem;
    background: url(../images/icon_pickup_check.svg) no-repeat center center;
    background-size: 2.2rem 2.2rem
}

.underlayerService.underlayerServicePickup--detail .article__cont .content__box {
    color: #3d3d3d;
    background: #fff;
    -webkit-box-shadow: 10px 10px 20px rgba(172,172,172,.16);
    box-shadow: 10px 10px 20px rgba(172,172,172,.16)
}

@media(max-width: 768px) {
    .underlayerService.underlayerServicePickup--detail .article__cont .content__box {
        margin:3.6rem 0;
        padding: 2rem
    }
}

@media(min-width: 769px) {
    .underlayerService.underlayerServicePickup--detail .article__cont .content__box {
        margin:5rem 0;
        padding: 5rem
    }
}

.underlayerService.underlayerServicePickup--detail .article__cont .content__box.box--check {
    -webkit-box-shadow: none;
    box-shadow: none
}

@media(max-width: 768px) {
    .underlayerService.underlayerServicePickup--detail .article__cont .content__box.box--check {
        padding:2rem
    }
}

@media(min-width: 769px) {
    .underlayerService.underlayerServicePickup--detail .article__cont .content__box.box--check {
        padding:4rem
    }
}

.underlayerService.underlayerServicePickup--detail .article__cont .content__box.bg--type02 {
    background: #fff url(../images/bg_pickup_square.webp) left top repeat;
    background-size: 6.7rem 6.4rem
}

.underlayerService.underlayerServicePickup--detail .article__cont .dark .content__box {
    -webkit-box-shadow: 10px 10px 20px rgba(6,48,84,.4);
    box-shadow: 10px 10px 20px rgba(6,48,84,.4)
}

.underlayerService.underlayerServicePickup--detail .article__cont .bgColor--type02 .content__box {
    -webkit-box-shadow: none;
    box-shadow: none
}

.underlayerService.underlayerServicePickup--detail .article__cont h3+.content__box {
    margin-top: 1rem
}

.underlayerService.underlayerServicePickup--detail .article__cont .content__image-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    width: 100%
}

@media(max-width: 768px) {
    .underlayerService.underlayerServicePickup--detail .article__cont .content__image-row {
        margin:2rem 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media(min-width: 769px) {
    .underlayerService.underlayerServicePickup--detail .article__cont .content__image-row {
        margin:4rem 0
    }
}

.underlayerService.underlayerServicePickup--detail .article__cont .content__image-row:first-child {
    margin-top: 0
}

.underlayerService.underlayerServicePickup--detail .article__cont .content__image-row:last-child {
    margin-bottom: 0
}

@media(min-width: 769px) {
    .underlayerService.underlayerServicePickup--detail .article__cont .content__image-row.row--image-right .col.col__main {
        -webkit-box-ordinal-group:2;
        -ms-flex-order: 1;
        order: 1;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media(min-width: 769px) {
    .underlayerService.underlayerServicePickup--detail .article__cont .content__image-row.row--image-right .col.col__image {
        -webkit-box-ordinal-group:3;
        -ms-flex-order: 2;
        order: 2;
        width: 29rem
    }
}

@media(min-width: 769px) {
    .underlayerService.underlayerServicePickup--detail .article__cont .content__image-row.row--image-left .col.col__main {
        -webkit-box-ordinal-group:3;
        -ms-flex-order: 2;
        order: 2;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media(min-width: 769px) {
    .underlayerService.underlayerServicePickup--detail .article__cont .content__image-row.row--image-left .col.col__image {
        -webkit-box-ordinal-group:2;
        -ms-flex-order: 1;
        order: 1;
        width: 29rem
    }
}

.underlayerService.underlayerServicePickup--detail .article__cont .content__image-row.row--image-top {
    -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
}

@media(min-width: 769px) {
    .underlayerService.underlayerServicePickup--detail .article__cont .content__image-row.row--image-top .col.col__image {
        -webkit-box-ordinal-group:2;
        -ms-flex-order: 1;
        order: 1;
        width: 80rem;
        margin: 2rem 0
    }
}

@media(min-width: 769px) {
    .underlayerService.underlayerServicePickup--detail .article__cont .content__image-row.row--image-top .col.col__main {
        -webkit-box-ordinal-group:3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%
    }
}

.underlayerService.underlayerServicePickup--detail .article__cont .content__image-row.row--image-bottom {
    -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
}

@media(min-width: 769px) {
    .underlayerService.underlayerServicePickup--detail .article__cont .content__image-row.row--image-bottom .col.col__image {
        -webkit-box-ordinal-group:3;
        -ms-flex-order: 2;
        order: 2;
        width: 80rem;
        margin: 2rem 0
    }
}

@media(min-width: 769px) {
    .underlayerService.underlayerServicePickup--detail .article__cont .content__image-row.row--image-bottom .col.col__main {
        -webkit-box-ordinal-group:2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%
    }
}

.underlayerService.underlayerServicePickup--detail .article__cont .content__image-row.row--image-bottom:last-child .col__image {
    margin-bottom: 0
}

.underlayerService.underlayerServicePickup--detail .article__cont .content__image-row h3 {
    text-align: left;
    border-bottom: 1px #b7d8ec solid
}

@media(max-width: 768px) {
    .underlayerService.underlayerServicePickup--detail .article__cont .content__image-row h3 {
        margin-top:1.2rem;
        margin-bottom: 2rem;
        padding-bottom: 1.2rem
    }
}

@media(min-width: 769px) {
    .underlayerService.underlayerServicePickup--detail .article__cont .content__image-row h3 {
        margin-bottom:2rem;
        padding-bottom: 1.2rem
    }
}

@media(max-width: 768px) {
    .underlayerService.underlayerServicePickup--detail .article__cont .content__image-row.row--image-right h3:first-child,.underlayerService.underlayerServicePickup--detail .article__cont .content__image-row.row--image-left h3:first-child {
        margin-top:1.4rem
    }
}

@media(min-width: 769px) {
    .underlayerService.underlayerServicePickup--detail .article__cont .content__image-row.row--image-right h3:first-child,.underlayerService.underlayerServicePickup--detail .article__cont .content__image-row.row--image-left h3:first-child {
        margin-top:-1.4rem
    }
}

@media(min-width: 769px) {
    .underlayerService.underlayerServicePickup--detail .article__cont .content__image-row.row--image-top h3:first-child,.underlayerService.underlayerServicePickup--detail .article__cont .content__image-row.row--image-bottom h3:first-child {
        margin-top:-1rem
    }
}

.underlayerService.underlayerServicePickup--detail .article__cont .bg--type02 .content__image-row h3 {
    margin-bottom: 1rem;
    padding-bottom: 0;
    border-bottom: none
}

.underlayerService.underlayerServicePickup--detail .article__cont .linkBtn {
    padding: 5.5rem 0;
    text-align: center
}

@media(min-width: 769px) {
    .underlayerService.underlayerServicePickup--detail .content__section>.inner>h2:first-child {
        margin-top:-1rem
    }
}

.underlayerService.underlayerServicePickup--detail .content__section>.inner>div:first-child,.underlayerService.underlayerServicePickup--detail .content__section>.inner>p:first-child,.underlayerService.underlayerServicePickup--detail .content__section>.inner .col p:first-child {
    margin-top: 0
}

.underlayerService.underlayerServicePickup--detail .content__section>.inner>div:last-child,.underlayerService.underlayerServicePickup--detail .content__section>.inner>p:last-child,.underlayerService.underlayerServicePickup--detail .content__section>.inner .col p:last-child {
    margin-bottom: 0
}

.underlayerService.underlayerServicePickup--detail .content__section.bgColor--type02 {
    background: #0075bb
}

.underlayerService.underlayerServicePickup--detail .content__section.bgColor--type03 {
    background: #fffceb
}

.underlayerService.underlayerServicePickup--detail .content__section.bgColor--type04 {
    background: #0075bb url("../images/bg_pickup_diagonal_02.webp") left top repeat;
    background-size: 7.5rem 13.3rem
}

.underlayerService.underlayerServicePickup--detail .content__section.bgColor--type05 {
    background: #f2f2f2
}

.underlayerService.underlayerServicePickup--detail .serviceBtn--article a {
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #fff;
    background: #ff8c38;
    border: solid 1px #ff8c38;
    -webkit-box-shadow: 0px 4px 0px 0px #854515;
    box-shadow: 0px 4px 0px 0px #854515
}

.underlayerService.underlayerServicePickup--detail .serviceBtn--article a:hover {
    margin-top: .3rem;
    margin-bottom: -0.3rem;
    -webkit-box-shadow: 0 0 0 0 #854515;
    box-shadow: 0 0 0 0 #854515
}

.mainvisualBackground--method:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

@media(min-width: 769px) {
    .mainvisualBackground--method:after {
        background:url(../images/mainvisual_background--method.webp) right center no-repeat;
        background-size: auto 100%
    }
}

@media(max-width: 768px) {
    .mainvisualBackground--method:after {
        background:url(../images/mainvisual_background--method_sp.webp) left top no-repeat;
        background-size: 100% auto
    }
}

@media(min-width: 769px) {
    .mainvisualBackground--method .underlayerMainvisual__wrap {
        width:100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-column-gap: 7rem;
        -moz-column-gap: 7rem;
        column-gap: 7rem
    }
}

.mainvisualBackground--method .underlayerMainvisual__img {
    padding: 2.8rem 0 0
}

@media(min-width: 769px) {
    .mainvisualBackground--method .underlayerMainvisual__img {
        width:42rem
    }
}

.mainvisualBackground--method .underlayerMainvisual__content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.mainvisualBackground--method .underlayerMainvisual__ttl--sub {
    margin: 1.7rem 0 1.2rem;
    font-weight: 600
}

@media(min-width: 769px) {
    .mainvisualBackground--method .underlayerMainvisual__ttl--sub {
        font-size:2.4rem;
        line-height: 4.2rem
    }
}

@media(max-width: 768px) {
    .mainvisualBackground--method .underlayerMainvisual__ttl--sub {
        font-size:1.9rem;
        line-height: 3.2rem
    }
}

.mainvisualBackground--method .underlayerMainvisual__txt {
    margin-top: 1.2rem;
    line-height: 2.8rem
}

@media(min-width: 769px) {
    .mainvisualBackground--method .underlayerMainvisual__txt {
        font-size:1.6rem
    }
}

@media(max-width: 768px) {
    .mainvisualBackground--method .underlayerMainvisual__txt {
        font-size:1.5rem
    }
}

.underlayerServiceMethod .bgColor--training {
    background: #f1f7fb
}

.underlayerServiceMethod .bgColor--gray {
    background: #f5f6f4
}

.underlayerServiceMethod .linkBtn {
    margin: 3rem 0 0;
    text-align: center
}

.underlayerServiceMethod .c-ul--check li {
    margin-bottom: 1rem;
    position: relative;
    padding-left: 3rem;
    font-size: 1.6rem;
    line-height: 2.5rem
}

.underlayerServiceMethod .c-ul--check li:last-child {
    margin-bottom: 0
}

@media(max-width: 768px) {
    .underlayerServiceMethod .c-ul--check li {
        font-size:1.5rem
    }
}

.underlayerServiceMethod .c-ul--check li:before {
    content: "";
    display: block;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: .5rem;
    background: url(../images/detail_checkIcon.svg) no-repeat center center/0.9rem;
    background-color: #005691
}

@media(min-width: 769px) {
    .underlayerServiceMethod .c-ul--circle {
        margin:1.5rem 0
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .c-ul--circle {
        margin:1rem 0
    }
}

.underlayerServiceMethod .c-ul--circle li {
    position: relative;
    padding-left: 2rem
}

@media(min-width: 769px) {
    .underlayerServiceMethod .c-ul--circle li {
        font-size:1.6rem;
        line-height: 3rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .c-ul--circle li {
        font-size:1.5rem;
        line-height: 2.8rem
    }
}

.underlayerServiceMethod .c-ul--circle li:before {
    content: "";
    display: block;
    width: .5rem;
    height: .5rem;
    background: #005691;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 1.3rem
}

.underlayerServiceMethod .c-ol {
    margin: 2.5rem 0;
    counter-reset: item
}

.underlayerServiceMethod .c-ol li {
    position: relative;
    min-height: 3rem;
    padding-left: 4.4rem;
    margin-bottom: 1.5rem
}

@media(max-width: 768px) {
    .underlayerServiceMethod .c-ol li {
        font-size:1.5rem;
        line-height: 2.8rem
    }
}

@media(min-width: 769px) {
    .underlayerServiceMethod .c-ol li {
        font-size:1.7rem;
        line-height: 3rem
    }
}

.underlayerServiceMethod .c-ol li:before {
    counter-increment: item;
    content: counter(item);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 3.4rem;
    height: 3.4rem;
    background: #ea526f;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: -0.1rem;
    text-align: center;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1;
    font-weight: bold
}

@media(max-width: 768px) {
    .underlayerServiceMethod .c-dl--num {
        margin:.8rem 0
    }
}

.underlayerServiceMethod .c-dl--num dt {
    position: relative;
    min-height: 3rem;
    padding-left: 5.6rem;
    margin-bottom: 1rem;
    font-size: 2.1rem;
    line-height: 2.8rem
}

@media(max-width: 768px) {
    .underlayerServiceMethod .c-dl--num dt {
        padding-left:5.2rem;
        font-size: 1.8rem;
        line-height: 3rem
    }
}

.underlayerServiceMethod .c-dl--num dd {
    margin-bottom: 2.4rem;
    font-size: 1.6rem;
    line-height: 2.8rem
}

@media(max-width: 768px) {
    .underlayerServiceMethod .c-dl--num dd {
        font-size:1.5rem
    }
}

.underlayerServiceMethod .c-dl--num dd:last-of-type {
    margin-bottom: 0
}

.underlayerServiceMethod .c-dl--num .num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 3.6rem;
    height: 3.6rem;
    background: #005691;
    border-radius: 100%;
    position: absolute;
    left: 0;
    text-align: center;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1;
    font-weight: bold
}

@media(min-width: 769px) {
    .underlayerServiceMethod .c-dl--num .num {
        top:-0.4rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .c-dl--num .num {
        top:.5rem
    }
}

@media(min-width: 769px) {
    .underlayerServiceMethod .c-section {
        padding:7rem 0 0
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .c-section {
        padding:2rem 0 0
    }
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__menu {
        padding:1rem 0 5rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__menu .inner {
        padding-bottom:4rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__menu .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__menu .menu {
        gap:1rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__menu .menu {
        gap:.6rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.underlayerServiceMethod .underlayerServiceMethod__menu .menu__item {
    color: #204f74;
    position: relative;
    border: .1rem #d4e2eb solid;
    border-radius: .3rem;
    font-weight: 500;
    -webkit-transition: .3s;
    transition: .3s
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__menu .menu__item {
        display:block;
        font-size: 1.6rem;
        padding: 1rem 4.8rem 1rem 1.6rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__menu .menu__item {
        font-size:1.5rem;
        line-height: 2.8rem;
        padding: 1rem 4rem 1rem 1.5rem;
        width: calc(50% - .3rem);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media(max-width: 768px)and (max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__menu .menu__item.--full {
        width:100%
    }
}

.underlayerServiceMethod .underlayerServiceMethod__menu .menu__item:hover {
    color: #fff;
    background: #204f74;
    border-color: #204f74
}

.underlayerServiceMethod .underlayerServiceMethod__menu .menu__item:after {
    content: "";
    position: absolute;
    top: 50%;
    margin: auto;
    display: block;
    width: 1rem;
    height: 1rem;
    margin-top: -0.8rem;
    border-right: solid 1px #204f74;
    border-bottom: solid 1px #204f74;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 1;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__menu .menu__item:after {
        right:2rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__menu .menu__item:after {
        right:1rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__menu .menu__item:hover:after {
    border-color: #fff
}

.underlayerServiceMethod .underlayerPage__more {
    margin-top: 4rem
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content.bgColor--training {
        padding:7rem 0 8rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content.bgColor--training {
        padding:2rem 0
    }
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content.bgColor--gray {
        padding:7rem 0 5rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content.bgColor--gray {
        padding:2rem 0 4rem
    }
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content.--talent__content--01 {
        margin-top:2rem;
        margin-bottom: 8rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content.--talent__content--01 {
        margin-bottom:4rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content.--talent__content--01 .section__title {
        display:none
    }
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content.--coaching__content--02 {
        margin-bottom:2rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content.--coaching__content--02 {
        margin-bottom:4rem
    }
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content.--coaching__content--04 {
        padding-top:4rem
    }
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .inner.bgColor--training {
        padding:4rem 5rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .inner.bgColor--training {
        padding:2rem
    }
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .inner.bgColor--training .section__title {
        padding-top:1.5rem;
        margin-bottom: 2.5rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .inner.bgColor--training .section__title {
        margin-bottom:1.5rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content h3 {
    font-weight: 600
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content h3 {
        margin-bottom:1rem;
        font-size: 2.4rem;
        line-height: 3.8rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content h3 {
        margin-bottom:1rem;
        font-size: 1.8rem;
        line-height: 3.2rem
    }
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content p {
        font-size:1.6rem;
        line-height: 2.8rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content p {
        font-size:1.5rem;
        line-height: 2.8rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .section__title {
    font-weight: 600
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .section__title {
        margin-bottom:1.8rem;
        font-size: 2.8rem;
        line-height: 4.3rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .section__title {
        margin:1.8rem 0;
        font-size: 2.2rem;
        line-height: 3.4rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .title--bdr {
    padding-bottom: 1rem;
    border-bottom: #1c8bc2 .1rem solid;
    font-weight: 600
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .title--bdr {
        margin-bottom:1rem;
        font-size: 2.1rem;
        line-height: 3.3rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .title--bdr {
        margin-bottom:1rem;
        font-size: 1.8rem;
        line-height: 3.3rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .content__box {
    background: #fff
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__box {
        margin:3rem 0;
        padding: 4.5rem 3.5rem
    }

    .underlayerServiceMethod .underlayerServiceMethod__content .content__box:last-child {
        margin-bottom: 0
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__box {
        margin:2rem 0;
        padding: 2rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .content__box .box__label {
    padding-bottom: 1rem;
    border-bottom: #1c8bc2 .1rem solid
}

.underlayerServiceMethod .underlayerServiceMethod__content .content__box .c-grid .c-grid__line.nobdr {
    border-bottom: none
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__box .c-grid .c-grid__line .item:first-of-type {
        padding-top:2rem
    }
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__box .c-grid .c-grid__line {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        border-bottom: 1px #dcdcdc solid
    }

    .underlayerServiceMethod .underlayerServiceMethod__content .content__box .c-grid .c-grid__line .item {
        padding: 3.5rem 2rem 4rem 2rem;
        text-align: center;
        width: 50%
    }

    .underlayerServiceMethod .underlayerServiceMethod__content .content__box .c-grid .c-grid__line .item:nth-of-type(odd) {
        border-right: 1px #dcdcdc solid
    }

    .underlayerServiceMethod .underlayerServiceMethod__content .content__box .c-grid .c-grid__line .item.nobdr {
        border-right: none
    }

    .underlayerServiceMethod .underlayerServiceMethod__content .content__box .c-grid .c-grid__line .item--full {
        padding: 3.5rem 2rem 4rem 2rem;
        width: 100%
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__box .c-grid .item,.underlayerServiceMethod .underlayerServiceMethod__content .content__box .c-grid .item--full {
        padding:2.4rem 0;
        border-bottom: 1px #dcdcdc solid
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__box .c-grid:last-child .c-grid__line:last-child .item:last-child,.underlayerServiceMethod .underlayerServiceMethod__content .content__box .c-grid:last-child .c-grid__line:last-child .item--full:last-child {
        border-bottom:none
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .content__box .c-grid .item .label,.underlayerServiceMethod .underlayerServiceMethod__content .content__box .c-grid .item--full .label {
    text-align: center;
    font-weight: 500
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__box .c-grid .item .label,.underlayerServiceMethod .underlayerServiceMethod__content .content__box .c-grid .item--full .label {
        margin-bottom:2rem;
        font-size: 1.5rem;
        line-height: 2.8rem
    }
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__box .c-grid .item .label,.underlayerServiceMethod .underlayerServiceMethod__content .content__box .c-grid .item--full .label {
        margin-bottom:1.8rem;
        font-size: 1.8rem;
        line-height: 2.6rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .content__box .c-grid .item .label .sub,.underlayerServiceMethod .underlayerServiceMethod__content .content__box .c-grid .item--full .label .sub {
    display: block;
    font-size: 1.4rem;
    line-height: 2.4rem
}

.underlayerServiceMethod .underlayerServiceMethod__content .content__box .c-grid .item .label .text,.underlayerServiceMethod .underlayerServiceMethod__content .content__box .c-grid .item--full .label .text {
    display: block
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__box .c-grid .item .label .text,.underlayerServiceMethod .underlayerServiceMethod__content .content__box .c-grid .item--full .label .text {
        margin-top:.6rem;
        font-size: 1.5rem;
        line-height: 2.7rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .content__box .c-grid .item .note,.underlayerServiceMethod .underlayerServiceMethod__content .content__box .c-grid .item--full .note {
    text-align: center;
    color: #a1a1a1;
    font-size: 1.4rem
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__box .c-grid .item .note,.underlayerServiceMethod .underlayerServiceMethod__content .content__box .c-grid .item--full .note {
        margin-top:1rem;
        line-height: 2.6rem
    }
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__box .c-grid .item .note,.underlayerServiceMethod .underlayerServiceMethod__content .content__box .c-grid .item--full .note {
        margin-top:1.3rem;
        line-height: 3rem
    }
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__box .c-grid .item--full .label .sub {
        display:inline-block
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .content__box .c-grid .data {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__box .c-grid .data {
        margin-top:2rem
    }
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__box .c-grid .data {
        margin-top:1.8rem
    }
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__box .c-grid+.box__label {
        margin-top:3rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__box .c-grid+.box__label {
        margin-top:3rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .content__box+.note {
    margin-top: -1.8rem;
    text-align: right;
    color: #a1a1a1;
    font-size: 1.4rem
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .service__card {
        margin-top:2.3rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 4.28rem 2.47rem
    }
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .service__card .item {
        width:25.6rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .service__card .item {
        margin-bottom:3rem
    }

    .underlayerServiceMethod .underlayerServiceMethod__content .service__card .item:last-child {
        margin-bottom: 0
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .service__card .item__areaImg {
    margin-bottom: 1.5rem;
    width: 100%;
    overflow: hidden
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .service__card .item__areaImg {
        height:16.6rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .service__card .item__areaImg img {
    width: 100%;
    -webkit-transition: all ease .3s;
    transition: all ease .3s
}

.underlayerServiceMethod .underlayerServiceMethod__content .service__card .item__areaTxt {
    font-size: 1.4rem;
    line-height: 2.3rem
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .service__card .item__areaTxt {
        margin-bottom:1.2rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .service__card .item__areaTxt {
        margin-bottom:.6rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .service__card .item__areaTtl {
    font-weight: 600;
    font-size: 1.9rem;
    line-height: 2.9rem
}

.underlayerServiceMethod .underlayerServiceMethod__content .service__card .item__areaTtl span {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--colorMain)), to(var(--colorMain))) 0 100%/0 1px no-repeat;
    background: linear-gradient(var(--colorMain), var(--colorMain)) 0 100%/0 1px no-repeat;
    -webkit-transition: background .3s;
    transition: background .3s
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .service__card .item__area:hover img {
        opacity:.9;
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }

    .underlayerServiceMethod .underlayerServiceMethod__content .service__card .item__area:hover .item__areaTtl {
        color: var(--colorMain)
    }

    .underlayerServiceMethod .underlayerServiceMethod__content .service__card .item__area:hover .item__areaTtl span {
        background-size: 100% 1px
    }
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .link__card {
        margin-top:2.8rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 1rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .link__card .item {
    border: .1rem #fff solid;
    -webkit-transition: .3s;
    transition: .3s;
    display: block;
    background: #fff
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .link__card .item {
        padding:3rem;
        width: calc(50% - .5rem)
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .link__card .item {
        margin-bottom:1.2rem;
        padding: 1.5rem 2rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .link__card .item .item__title {
    font-weight: 600;
    margin-bottom: 1rem;
    border-bottom: .1rem #1c8bc2 solid
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .link__card .item .item__title {
        padding:1rem 0;
        font-size: 2.1rem;
        line-height: 3.1rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .link__card .item .item__title {
        padding-bottom:1rem;
        font-size: 1.8rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .link__card .item .item__title span {
    display: inline-block;
    position: relative
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .link__card .item .item__title span {
        padding-right:3rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .link__card .item .item__title span {
        padding-right:1.5rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .link__card .item .item__title span:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    margin: auto;
    display: block;
    width: 1rem;
    height: 1rem;
    margin-top: -0.4rem;
    border-right: solid 1px #204f74;
    border-bottom: solid 1px #204f74;
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    z-index: 1;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.underlayerServiceMethod .underlayerServiceMethod__content .link__card .item .item__text {
    line-height: 2.8rem
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .link__card .item .item__text {
        font-size:1.5rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .link__card .item:hover {
    border: .1rem #204f74 solid
}

.underlayerServiceMethod .underlayerServiceMethod__content .link__card .item:hover .item__title {
    color: #204f74;
    border-bottom-color: #204f74
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .conslutant__list {
        margin-top:-1.8rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .conslutant__list .conslutant__listItem {
    width: 100%;
    padding: 3rem 0;
    background-image: linear-gradient(to right, #B8B8B8 2px, transparent 2px);
    background-size: 7px 2px;
    background-repeat: repeat-x;
    background-position: left bottom
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .conslutant__list .conslutant__listItem {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-column-gap: 2rem;
        -moz-column-gap: 2rem;
        column-gap: 2rem;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .conslutant__list .meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 3rem;
    -moz-column-gap: 3rem;
    column-gap: 3rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .conslutant__list .meta {
        width:38rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .conslutant__list .meta {
        margin-bottom:1.8rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .conslutant__list .meta .portrait {
    width: 9rem
}

.underlayerServiceMethod .underlayerServiceMethod__content .conslutant__list .meta .data {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.underlayerServiceMethod .underlayerServiceMethod__content .conslutant__list .kana {
    color: #3d3d3d;
    letter-spacing: .02rem
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .conslutant__list .kana {
        font-size:1.4rem;
        line-height: 2.1rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .conslutant__list .kana {
        font-size:1.3rem;
        line-height: 2.1rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .conslutant__list .name {
    letter-spacing: .02rem;
    font-weight: 600
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .conslutant__list .name {
        font-size:2.2rem;
        line-height: 2.9rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .conslutant__list .name {
        font-size:2rem;
        line-height: 2.9rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .conslutant__list .title {
    color: #3d3d3d;
    margin-top: .8rem
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .conslutant__list .title {
        font-size:1.4rem;
        line-height: 2.1rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .conslutant__list .title {
        font-size:1.2rem;
        line-height: 2.1rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .conslutant__list .profile {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #3d3d3d;
    line-height: 2.8rem;
    letter-spacing: .02rem
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .conslutant__list .profile {
        font-size:1.6rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .conslutant__list .profile {
        font-size:1.4rem;
        line-height: 2.6rem
    }
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .conslutant__list.--talent .meta {
        width:32rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .content__image-row {
    border-top: .1rem #dcdcdc solid;
    width: 100%
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__image-row {
        padding:5rem 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-column-gap: 5rem;
        -moz-column-gap: 5rem;
        column-gap: 5rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__image-row {
        padding:4rem 0;
        margin-bottom: 2.1rem
    }

    .underlayerServiceMethod .underlayerServiceMethod__content .content__image-row:last-child {
        margin-bottom: 0
    }
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__image-row .section__title {
        margin:-0.6rem 0 1.8rem
    }
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__image-row p {
        font-size:1.6rem;
        line-height: 2.8rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__image-row p {
        font-size:1.5rem;
        line-height: 2.8rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .content__image-row>.col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__image-row>.col--image {
        width:35rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__image-row>.col--image {
        margin-bottom:2.1rem
    }
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__image-row.row--image-right>.col--image {
        -webkit-box-ordinal-group:3;
        -ms-flex-order: 2;
        order: 2
    }

    .underlayerServiceMethod .underlayerServiceMethod__content .content__image-row.row--image-right>.col {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .content__block {
    margin-bottom: 4rem
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__block {
        margin-bottom:3rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .content__block:last-child {
    margin-bottom: 0
}

.underlayerServiceMethod .underlayerServiceMethod__content .content__block p {
    color: #3d3d3d;
    margin-bottom: 2.2rem
}

.underlayerServiceMethod .underlayerServiceMethod__content .content__block p:last-child {
    margin-bottom: 0
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__block p {
        font-size:1.5rem;
        line-height: 2.8rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .content__block img {
    width: 100%
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .block__label {
        margin-top:-0.6rem;
        font-size: 2.4rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .bolck__box {
    margin-bottom: 1rem;
    background: #efefef;
    padding: 3.2rem 3rem
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .bolck__box {
        padding:2.4rem 2rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .bolck__box:last-child {
    margin-bottom: 0
}

.underlayerServiceMethod .underlayerServiceMethod__content .bolck__box .box__label {
    font-weight: 600;
    margin-bottom: 1rem
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .bolck__box .box__label {
        font-size:2.1rem;
        line-height: 3.2rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .bolck__box .box__label {
        font-size:1.8rem;
        line-height: 2.7rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .content__block.--learningPit {
    margin: 0
}

.underlayerServiceMethod .underlayerServiceMethod__content .content__block.--learningPit ul li {
    line-height: 2;
    position: relative
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__block.--learningPit ul li {
        padding-left:2.1rem;
        font-size: 1.8rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__block.--learningPit ul li {
        padding-left:1.5rem;
        font-size: 1.5rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .content__block.--learningPit ul li::before {
    content:"";
    display: block;
    background: #65ad36;
    border-radius: 100%;
    position: absolute;
    left: 0
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__block.--learningPit ul li:before {
        width:.6rem;
        height: .6rem;
        top: 1.5rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__block.--learningPit ul li:before {
        width:.4rem;
        height: .4rem;
        top: 1.2rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .content__block.--learningPit .content__box {
    position: relative
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__block.--learningPit .content__box {
        margin:3rem 0 5rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__block.--learningPit .content__box {
        margin:2rem 0 4rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .content__block.--learningPit .content__box::after {
    position:absolute;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__block.--learningPit .content__box:after {
        left:calc(50% - 7.8rem);
        bottom: -3.6rem;
        border-right: 7.8rem solid rgba(0,0,0,0);
        border-left: 7.8rem solid rgba(0,0,0,0);
        border-top: 3.6rem solid #ffc549;
        border-bottom: 0
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__block.--learningPit .content__box:after {
        left:calc(50% - 4.8rem);
        bottom: -2.6rem;
        border-right: 4.8rem solid rgba(0,0,0,0);
        border-left: 4.8rem solid rgba(0,0,0,0);
        border-top: 2.6rem solid #ffc549;
        border-bottom: 0
    }
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__block.--learningPit .content__row {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .content__block.--learningPit .col--image {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__block.--learningPit .col--image {
        width:28rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .content__block.--learningPit .col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__block.--learningPit .col {
        margin-bottom:1rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .content__block.--learningPit .box__label {
    color: #65ad36;
    border-bottom: #cfcfcf .1rem solid;
    margin-bottom: 1rem;
    display: inline-block;
    font-weight: 600;
    line-height: 4.3rem
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__block.--learningPit .box__label {
        padding-bottom:1rem;
        font-size: 2.4rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__block.--learningPit .box__label {
        padding-bottom:0rem;
        font-size: 1.8rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .row--talent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .row--talent {
        margin:3.3rem 0 4.8rem;
        -webkit-column-gap: 5rem;
        -moz-column-gap: 5rem;
        column-gap: 5rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .row--talent {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 4rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .row--talent .section__title {
        display:none
    }
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .row--talent .col--image {
        width:33rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .row--talent .col--image {
        margin-bottom:1.5rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .row--talent .col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .row--talent .linkBtn {
        text-align:left
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .block--inage-row {
    width: 100%
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .block--inage-row {
        margin:3rem 0 4rem 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-column-gap: 5rem;
        -moz-column-gap: 5rem;
        column-gap: 5rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .block--inage-row {
        margin-bottom:2.1rem
    }

    .underlayerServiceMethod .underlayerServiceMethod__content .block--inage-row:last-child {
        margin-bottom: 0
    }
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .block--inage-row .section__title {
        margin:-0.6rem 0 1.8rem
    }
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .block--inage-row p {
        font-size:1.6rem;
        line-height: 2.8rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .block--inage-row p {
        font-size:1.5rem;
        line-height: 2.8rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .block--inage-row>.col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .block--inage-row>.col--image {
        width:30rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .block--inage-row>.col--image {
        margin-bottom:1.5rem
    }
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .block--inage-row.row--image-right>.col--image {
        -webkit-box-ordinal-group:3;
        -ms-flex-order: 2;
        order: 2
    }

    .underlayerServiceMethod .underlayerServiceMethod__content .block--inage-row.row--image-right>.col {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .c-voiceblock h3 {
    margin-bottom: 1.2rem
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .c-voicelist.--sm {
        margin-bottom:0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 1rem
    }

    .underlayerServiceMethod .underlayerServiceMethod__content .c-voicelist.--sm .item {
        width: calc(50% - .5rem);
        margin-bottom: 0
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .c-voicelist .item {
    position: relative;
    margin-bottom: .8rem;
    color: #3d3d3d;
    background: #fff;
    line-height: 2.8rem
}

.underlayerServiceMethod .underlayerServiceMethod__content .c-voicelist .item:last-child {
    margin-bottom: 0
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .c-voicelist .item {
        font-size:1.6rem;
        padding: 2rem 3rem 2rem 9rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .c-voicelist .item {
        font-size:1.5rem;
        padding: 2rem 2rem 2rem 7rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .c-voicelist .item:before {
    content: "";
    display: block;
    position: absolute
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .c-voicelist .item:before {
        top:3rem;
        left: 3rem;
        width: 4rem;
        height: 4rem;
        background: url(../images/icon_voice.svg) center center no-repeat;
        background-size: 4rem 4rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .c-voicelist .item:before {
        top:4rem;
        left: 2rem;
        width: 3rem;
        height: 3rem;
        background: url(../images/icon_voice.svg) center center no-repeat;
        background-size: 3rem 3rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .c-coachinglist {
    margin-top: 2rem
}

.underlayerServiceMethod .underlayerServiceMethod__content .c-coachinglist .item {
    margin-bottom: 4rem
}

.underlayerServiceMethod .underlayerServiceMethod__content .c-coachinglist .item:last-of-type {
    margin-bottom: 0
}

.underlayerServiceMethod .underlayerServiceMethod__content .c-coachinglist .item__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 3rem;
    -moz-column-gap: 3rem;
    column-gap: 3rem;
    margin-bottom: 2rem
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .c-coachinglist .item__row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .c-coachinglist .item__row .image {
        width:21rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .c-coachinglist .item__row .image {
        margin-bottom:1.4rem
    }

    .underlayerServiceMethod .underlayerServiceMethod__content .c-coachinglist .item__row .image img {
        width: 100%
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .c-coachinglist .item__row .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.underlayerServiceMethod .underlayerServiceMethod__content .c-coachinglist .item__row h3 {
    margin-bottom: .5rem;
    position: relative;
    display: inline-block
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .c-coachinglist .item__row h3 {
        padding-right:2.5rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .c-coachinglist .item__row h3 {
        padding-right:1.5rem;
        font-size: 1.9rem;
        line-height: 3rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .c-coachinglist .item__row h3:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    margin: auto;
    display: block;
    width: 1rem;
    height: 1rem;
    margin-top: -0.4rem;
    border-right: solid 1px #204f74;
    border-bottom: solid 1px #204f74;
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
    z-index: 1;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.underlayerServiceMethod .underlayerServiceMethod__content .c-coachinglist .item__row span {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--colorMain)), to(var(--colorMain))) 0 100%/0 1px no-repeat;
    background: linear-gradient(var(--colorMain), var(--colorMain)) 0 100%/0 1px no-repeat;
    -webkit-transition: background .3s;
    transition: background .3s
}

@iclude mq(sp) {
    .underlayerServiceMethod .underlayerServiceMethod__content .c-coachinglist .item__row p {
        font-size: 1.5rem;
        line-height: 2.8rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .c-coachinglist .item:hover .item__row h3 span {
    background-size: 100% 1px
}

.underlayerServiceMethod .underlayerServiceMethod__content .c-coachinglist .item__box {
    margin-top: 3.8rem;
    position: relative;
    padding: 3.6rem 3rem 2.4rem;
    background: #efefef
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .c-coachinglist .item__box {
        padding:3.6rem 2rem 2rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .c-coachinglist .item__box .box__label {
    position: absolute;
    top: -1.8rem;
    left: 0;
    border-radius: .5rem;
    color: #fff;
    background: #005691;
    font-weight: 600;
    display: inline-block;
    padding: 0rem 2rem;
    line-height: 3.7rem
}

.underlayerServiceMethod .underlayerServiceMethod__content .c-coachinglist+.linkBtn {
    margin: 4rem 0
}

.underlayerServiceMethod .underlayerServiceMethod__content .c-coachinglist+.linkBtn .note {
    margin-top: 1.6rem;
    font-size: 1.3rem;
    line-height: 2.5rem
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .c-coachinglist+.linkBtn .note {
        display:none
    }
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .c-row--method {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-column-gap: 4.2rem;
        -moz-column-gap: 4.2rem;
        column-gap: 4.2rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .c-row--method a {
    color: #204f74;
    text-decoration: underline
}

.underlayerServiceMethod .underlayerServiceMethod__content .c-row--method a:hover {
    text-decoration: none
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .c-row--method>.c-col {
        margin-top:3rem;
        width: calc(50% - 2.1rem)
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .c-row--method>.c-col {
        margin-top:3rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .c-row--method p {
    line-height: 2.8rem
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .c-row--method p {
        font-size:1.6rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .c-row--method p {
        font-size:1.5rem
    }
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__box.--assessment-model {
        padding-top:4rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__box.--assessment-model {
        margin-top:3rem;
        padding-top: 3rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .content__box.--assessment-model .note {
    line-height: 2.8rem
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__box.--assessment-model .note {
        font-size:1.6rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__box.--assessment-model .note {
        font-size:1.5rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .content__box.--assessment-model h3 {
    margin: 1rem 0 2rem;
    padding: 1.1rem 2rem;
    color: #fff;
    background: #005691;
    font-size: 1.8rem;
    line-height: 2.8rem
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__box.--assessment-model .c-row--model {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-column-gap: 6.4rem;
        -moz-column-gap: 6.4rem;
        column-gap: 6.4rem
    }
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__box.--assessment-model .c-row--model .c-col--image {
        width:38rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__box.--assessment-model .c-row--model .c-col--image {
        margin-bottom:2rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .content__box.--assessment-model .c-row--model .c-col--image img {
    width: 100%
}

.underlayerServiceMethod .underlayerServiceMethod__content .content__box.--assessment-model .c-row--model .c-col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__box.--assessment-model .title--bdr {
        margin-top:3rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .content__box.--assessment-model .c-combinedlist {
    margin: 1.5rem 0
}

.underlayerServiceMethod .underlayerServiceMethod__content .content__box.--assessment-model .c-combinedlist li {
    position: relative;
    padding-left: 3rem
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__box.--assessment-model .c-combinedlist li {
        font-size:1.6rem;
        line-height: 3rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__box.--assessment-model .c-combinedlist li {
        font-size:1.5rem;
        line-height: 2.8rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .content__box.--assessment-model .c-combinedlist li::after {
    content:"";
    display: block;
    width: .5rem;
    height: .5rem;
    background: #005691;
    border-radius: 100%;
    position: absolute;
    left: 1rem;
    top: 1.3rem
}

.underlayerServiceMethod .underlayerServiceMethod__content .content__box.--assessment-model .c-combinedlist li a {
    color: #204f74;
    padding-right: 2rem;
    display: inline-block;
    position: relative;
    text-decoration: underline
}

.underlayerServiceMethod .underlayerServiceMethod__content .content__box.--assessment-model .c-combinedlist li a:hover {
    text-decoration:none
}

.underlayerServiceMethod .underlayerServiceMethod__content .content__box.--assessment-model .c-combinedlist li a::after {
    content:"";
    position: absolute;
    top: 50%;
    margin: auto;
    display: block;
    width: .8rem;
    height: .8rem;
    margin-top: -0.6rem;
    border-right: solid 1px #204f74;
    border-bottom: solid 1px #204f74;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 1;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__box.--assessment-model .c-combinedlist li a:after {
        right:0rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__box.--assessment-model .c-combinedlist li a:after {
        right:0rem
    }
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__info {
        margin:4rem 2rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__info {
        margin:3.5rem 2rem 4rem 2rem
    }
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__info.--content {
        margin:8rem 2rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__info.--content {
        margin:4rem 2rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__info .c-bannerbox:last-child {
    margin-bottom: 0
}

.underlayerServiceMethod .underlayerServiceMethod__info .c-infobox:last-child {
    margin-bottom: 0
}

.underlayerServiceMethod .c-bannerbox .c-bannerbox__content .head {
    position: relative;
    display: inline-block;
    font-weight: 600;
    padding-right: 2.2rem
}

@media(min-width: 769px) {
    .underlayerServiceMethod .c-bannerbox .c-bannerbox__content .head {
        font-size:2.4rem;
        line-height: 4.3rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .c-bannerbox .c-bannerbox__content .head {
        margin-bottom:.5rem;
        padding-top: .5rem;
        padding-bottom: .5rem;
        font-size: 2rem;
        line-height: 3.2rem
    }
}

.underlayerServiceMethod .c-bannerbox .c-bannerbox__content .head:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: .8rem;
    height: .8rem;
    border-left: solid 2px #204f74;
    border-bottom: solid 2px #204f74;
    -webkit-transform: rotate(-134deg);
    transform: rotate(-134deg);
    -webkit-transition: all ease .2s;
    transition: all ease .2s
}

.underlayerServiceMethod .c-bannerbox .c-bannerbox__content .head span {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--colorMain)), to(var(--colorMain))) 0 100%/0 1px no-repeat;
    background: linear-gradient(var(--colorMain), var(--colorMain)) 0 100%/0 1px no-repeat;
    -webkit-transition: background .3s;
    transition: background .3s
}

@media(min-width: 769px) {
    .underlayerServiceMethod .c-bannerbox .c-bannerbox__content .text {
        font-size:1.6rem;
        line-height: 3rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .c-bannerbox .c-bannerbox__content .text {
        font-size:1.5rem;
        line-height: 2.8rem
    }
}

.underlayerServiceMethod .c-bannerbox a:hover .head span {
    background-size: 100% 1px
}

.underlayerServiceMethod .c-bannerbox.--school {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    border: .1rem #204f74 solid
}

@media(min-width: 769px) {
    .underlayerServiceMethod .c-bannerbox.--school {
        margin-bottom:3rem;
        padding: 2.5rem;
        width: 84rem;
        background: url("../images/bg_banner_school.webp") right center no-repeat;
        background-size: cover
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .c-bannerbox.--school {
        margin-bottom:2rem;
        padding: 1.8rem 2rem 1.5rem;
        background: url("../images/bg_banner_school_sp.webp") right bottom no-repeat;
        background-size: cover
    }
}

@media(min-width: 769px) {
    .underlayerServiceMethod .c-bannerbox.--school>a {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-column-gap: 3.2rem;
        -moz-column-gap: 3.2rem;
        column-gap: 3.2rem;
        -webkit-transition: .3s;
        transition: .3s
    }
}

.underlayerServiceMethod .c-bannerbox.--school .banner {
    margin: 0
}

@media(min-width: 769px) {
    .underlayerServiceMethod .c-bannerbox.--school .banner {
        width:30.8rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .c-bannerbox.--school .banner {
        width:28.7rem;
        margin-bottom: 1.8rem;
        padding: 0
    }
}

.underlayerServiceMethod .c-bannerbox.--school .text {
    font-weight: 500;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media(min-width: 769px) {
    .underlayerServiceMethod .c-bannerbox.--school .text {
        font-size:1.5rem;
        line-height: 2.8rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .c-bannerbox.--school .text {
        font-size:1.4rem;
        line-height: 2.8rem
    }
}

.underlayerServiceMethod .c-bannerbox.--school>a .text::before {
    content:"";
    position: absolute;
    margin: auto;
    border: .1rem #204f74 solid;
    background: rgba(0,0,0,0);
    border-radius: 50%;
    -webkit-transition: all ease .4s;
    transition: all ease .4s
}

@media(min-width: 769px) {
    .underlayerServiceMethod .c-bannerbox.--school>a .text:before {
        width:4.4rem;
        height: 4.4rem;
        top: 0;
        bottom: 0;
        right: 2.9rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .c-bannerbox.--school>a .text:before {
        width:2.9rem;
        height: 2.9rem;
        bottom: 2.5rem;
        right: 2rem
    }
}

.underlayerServiceMethod .c-bannerbox.--school>a .text::after {
    content:"";
    position: absolute;
    margin: auto;
    display: block;
    width: .7rem;
    height: .9rem;
    background: url("../images/icon_arrow--circle.svg") center center no-repeat;
    background-size: .7rem .9rem
}

@media(min-width: 769px) {
    .underlayerServiceMethod .c-bannerbox.--school>a .text:after {
        top:0;
        right: 4.8rem;
        bottom: 0
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .c-bannerbox.--school>a .text:after {
        right:3rem;
        bottom: 3.5rem
    }
}

.underlayerServiceMethod .c-bannerbox.--school>a:hover .text {
    text-decoration:underline
}

@media(min-width: 769px) {
    .underlayerServiceMethod .c-bannerbox.--school>a:hover .text:before {
        right:2.6rem;
        width: 5rem;
        height: 5rem
    }
}

.underlayerServiceMethod .c-bannerbox.--case {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3rem
}

@media(min-width: 769px) {
    .underlayerServiceMethod .c-bannerbox.--case {
        padding:3rem;
        width: 84rem;
        background: #f1f7fb url("../images/bg_banner_case.webp") right center no-repeat;
        background-size: cover
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .c-bannerbox.--case {
        padding:2rem;
        background: #f1f7fb url("../images/bg_banner_case_sp.webp") right center no-repeat;
        background-size: cover
    }
}

.underlayerServiceMethod .c-bannerbox.--case>a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: .3s;
    transition: .3s
}

@media(min-width: 769px) {
    .underlayerServiceMethod .c-bannerbox.--case>a {
        -webkit-column-gap:2.4rem;
        -moz-column-gap: 2.4rem;
        column-gap: 2.4rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .c-bannerbox.--case>a {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1rem
    }
}

.underlayerServiceMethod .c-bannerbox.--case .tip {
    margin: 0
}

.underlayerServiceMethod .c-bannerbox.--case .tip>div {
    position: relative;
    color: #fff;
    background: #204f74
}

@media(min-width: 769px) {
    .underlayerServiceMethod .c-bannerbox.--case .tip>div {
        width:12.8rem;
        height: 9.1rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .underlayerServiceMethod .c-bannerbox.--case .tip>div span {
        display: block;
        font-weight: 500;
        line-height: 3.2rem
    }

    .underlayerServiceMethod .c-bannerbox.--case .tip>div span:first-child {
        font-size:2.1rem
    }

    .underlayerServiceMethod .c-bannerbox.--case .tip>div span:last-child {
        font-size:2.4rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .c-bannerbox.--case .tip>div {
        display:inline-block;
        padding: .5rem 1rem;
        font-size: 1.5rem
    }
}

.underlayerServiceMethod .c-bannerbox.--case .tip>div::after {
    position:absolute;
    content: "";
    width: 0;
    height: 0
}

@media(min-width: 769px) {
    .underlayerServiceMethod .c-bannerbox.--case .tip>div:after {
        top:calc(50% - .6rem);
        right: -1rem;
        border-style: solid;
        border-top: 6px solid rgba(0,0,0,0);
        border-bottom: 6px solid rgba(0,0,0,0);
        border-left: 13px solid #204f74;
        border-right: 0
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .c-bannerbox.--case .tip>div:after {
        left:calc(50% - .35rem);
        bottom: -0.6rem;
        border-style: solid;
        border-right: .7rem solid rgba(0,0,0,0);
        border-left: .7rem solid rgba(0,0,0,0);
        border-top: .7rem solid #204f74;
        border-bottom: 0
    }
}

.underlayerServiceMethod .c-bannerbox.--intro {
    position: relative;
    margin-left: auto;
    margin-right: auto
}

@media(min-width: 769px) {
    .underlayerServiceMethod .c-bannerbox.--intro {
        margin-bottom:3rem;
        padding: 3rem;
        width: 84rem;
        background: #f1f7fb url("../images/bg_banner_intro.webp") right center no-repeat;
        background-size: cover
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .c-bannerbox.--intro {
        margin-bottom:2rem;
        padding: 2rem;
        background: #f1f7fb url("../images/bg_banner_intro_sp.webp") right center no-repeat;
        background-size: cover
    }
}

.underlayerServiceMethod .c-bannerbox.--intro>a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: .3s;
    transition: .3s
}

@media(min-width: 769px) {
    .underlayerServiceMethod .c-bannerbox.--intro>a {
        -webkit-column-gap:2.4rem;
        -moz-column-gap: 2.4rem;
        column-gap: 2.4rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .c-bannerbox.--intro>a {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1rem
    }
}

@media(min-width: 769px) {
    .underlayerServiceMethod .c-bannerbox.--intro .text {
        font-size:1.5rem;
        line-height: 2.7rem
    }
}

.underlayerServiceMethod .c-infobox.--contact {
    margin-left: auto;
    margin-right: auto;
    background: #f1f7fb;
    border-bottom: .1rem #c7d6e1 solid
}

@media(min-width: 769px) {
    .underlayerServiceMethod .c-infobox.--contact {
        margin-bottom:3rem;
        width: 84rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .c-infobox.--contact {
        margin-bottom:2rem
    }
}

.underlayerServiceMethod .c-infobox.--contact .c-infobox__head {
    padding: 1.2rem;
    text-align: center;
    font-weight: 600;
    color: #005691;
    background: #dfebf3
}

@media(min-width: 769px) {
    .underlayerServiceMethod .c-infobox.--contact .c-infobox__head {
        font-size:2.1rem;
        line-height: 3.7rem
    }
}

@media(max-width: 768px) {
    .underlayerServiceMethod .c-infobox.--contact .c-infobox__head {
        font-size:1.5rem;
        line-height: 2.8rem
    }
}

.underlayerServiceMethod .c-infobox.--contact .c-infobox__content {
    padding: 1.9rem 0 2.5rem
}

.underlayerServiceMethod .c-infobox.--contact .serviceBtn {
    margin-top: 0
}

.underlayerServiceMethod .recommend {
    max-width: var(--innerW);
    margin-left: auto;
    margin-right: auto
}

@media(max-width: 768px) {
    .underlayerServiceMethod .recommend {
        padding-left:2rem;
        padding-right: 2rem
    }
}

#figure_training_01 {
    max-width: 231px
}

@media(max-width: 768px) {
    #figure_training_01 {
        max-width:157px
    }
}

@media(min-width: 769px) {
    #figure_training_01 {
        max-width:231px
    }
}

#figure_training_02 {
    max-width: 308px
}

@media(max-width: 768px) {
    #figure_training_02 {
        max-width:200px
    }
}

@media(min-width: 769px) {
    #figure_training_02 {
        max-width:308px
    }
}

@media(max-width: 768px) {
    #figure_training_03 {
        max-width:295px
    }
}

@media(min-width: 769px) {
    #figure_training_03 {
        max-width:475px
    }
}

#figure_training_04 {
    max-width: 378px
}

@media(min-width: 769px) {
    #figure_training_04 {
        max-width:378px
    }
}

#figure_training_05 {
    max-width: 377px
}

@media(min-width: 769px) {
    #figure_training_05 {
        max-width:377px
    }
}

@media(max-width: 768px) {
    #figure_assessment_01 {
        max-width:25.6rem
    }
}

@media(min-width: 769px) {
    #figure_assessment_01 {
        max-width:352px
    }
}

@media(max-width: 768px) {
    #figure_assessment_02 {
        max-width:25.9rem
    }
}

@media(min-width: 769px) {
    #figure_assessment_02 {
        max-width:367px
    }
}

@media(max-width: 768px) {
    #figure_assessment_03 {
        max-width:23.1rem
    }
}

@media(min-width: 769px) {
    #figure_assessment_03 {
        max-width:367px
    }
}

@media(max-width: 768px) {
    #figure_assessment_04 {
        max-width:18.5rem
    }
}

@media(min-width: 769px) {
    #figure_assessment_04 {
        max-width:264px
    }
}

@media(max-width: 768px) {
    #figure_assessment_05 {
        max-width:29.5rem
    }
}

@media(min-width: 769px) {
    #figure_assessment_05 {
        max-width:478px
    }
}

@media(max-width: 768px) {
    #figure_consulting_01 {
        max-width:22rem
    }
}

@media(min-width: 769px) {
    #figure_consulting_01 {
        max-width:837px
    }
}

#figure_consulting_02 {
    max-width: 630px
}

@media(min-width: 769px) {
    #figure_consulting_02 {
        max-width:630px
    }
}

#figure_consulting_03 {
    max-width: 625px
}

@media(min-width: 769px) {
    #figure_consulting_03 {
        max-width:625px
    }
}

#figure_consulting_04 {
    max-width: 313px
}

@media(min-width: 769px) {
    #figure_consulting_04 {
        max-width:313px
    }
}

#figure_consulting_05 {
    max-width: 313px
}

@media(min-width: 769px) {
    #figure_consulting_05 {
        max-width:313px
    }
}

@media(min-width: 769px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .c-coachinglist .item:hover .item__row h3 span {
        background-size:0% 1px
    }

    .underlayerServiceMethod .underlayerServiceMethod__content .c-coachinglist .item .item__row:hover h3 span {
        background-size: 100% 1px;
        color: var(--colorMain)
    }
}

@media(max-width: 768px) {
    .training_uk_01,.training_uk_02,.training_uk_03,.training_uk_04 {
        display:block;
        margin-top: -6rem;
        padding-top: 6rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .content__block.--learningPit .pit_color {
    color: #65ad36;
    font-weight: 700;
    font-style: normal
}

.underlayerServiceMethod .underlayerServiceMethod__content .content__block.--learningPit .pit_ttl {
    text-align: center;
    margin: 2rem auto 1rem;
    font-weight: 700;
    color: #65ad36;
    font-size: 2rem
}

.underlayerServiceMethod .underlayerServiceMethod__content .content__block.--learningPit .point {
    text-align: center
}

.underlayerServiceMethod .underlayerServiceMethod__content .content__block.--learningPit .point strong {
    font-weight: 700;
    color: #65ad36
}

.underlayerServiceMethod .underlayerServiceMethod__content .service__card em {
    font-style: normal
}

.underlayerService.underlayerServicePickup--detail .content__section .serviceBtn a[target=_blank]::after {
    background: none;
    width: .5rem;
    height: .5rem;
    margin: auto
}

.underlayerService.underlayerServicePickup--detail .article__cont .content__box p a u {
    color: var(--colorMain)
}

@media(min-width: 769px) {
    .underlayerService.underlayerServicePickup--detail .article__cont .content__box p a:hover u {
        text-decoration:none
    }
}

.underlayerService.underlayerServicePickup--detail .article__cont {
    background: #fff
}

.underlayerService.underlayerServicePickup--detail .content__section {
    background: #fff
}

.underlayerService.underlayerServicePickup--detail .content__section.bgColor {
    background: #f1f7fb
}

.underlayerService.underlayerServicePickup--detail .article__cont h2 {
    line-height: 1.6
}

.underlayerService.underlayerServicePickup--detail .article__cont h3 {
    line-height: 1.6
}

.underlayerService.underlayerServicePickup--detail .article__cont .dark .inner h2 {
    border-bottom-color: #fff
}

.underlayerService.underlayerServicePickup--detail .article__cont .dark .inner .content__box h2 {
    border-bottom-color: #0078bf
}

.underlayerService.underlayerServicePickup--detail .article__cont .content__box {
    background: #eee
}

.underlayerService.underlayerServicePickup--detail .article__cont .bgColor--type02 .content__box {
    background: #fff
}

.underlayerService.underlayerServicePickup--detail .article__cont .bgColor--type03 .content__box {
    background: #fff;
    border: 1px solid #e1dfd2
}

.underlayerService.underlayerServicePickup--detail .article__cont .bgColor--type04.dark .content__box {
    background: #fff
}

.underlayerService.underlayerServicePickup--detail .article__cont .bgColor--type05 .content__box {
    background: #fff
}

.underlayerService.underlayerServicePickup--detail .article__cont .bgColor .content__box {
    background: #fff
}

.underlayerService.underlayerServicePickup--detail .article__cont .content__box.bg--type02 {
    background: #fff url(../images/bg_pickup_square.webp) left top repeat;
    background-size: 6.7rem 6.4rem
}

.underlayerService.underlayerServicePickup--detail .article__cont .pattern1 h2 {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

@media(max-width: 768px) {
    .underlayerService.underlayerServicePickup--detail .article__cont .pattern1 h2 {
        padding:0 4rem;
        border-bottom: none
    }
}

@media(min-width: 769px) {
    .underlayerService.underlayerServicePickup--detail .article__cont .pattern1 h2 {
        padding:0 5rem;
        border-bottom: none
    }
}

.underlayerService.underlayerServicePickup--detail .article__cont .pattern1 h2:before,.underlayerService.underlayerServicePickup--detail .article__cont .pattern1 h2:after {
    content: "";
    position: absolute;
    top: 50%;
    background: #0075bb;
    display: block
}

@media(max-width: 768px) {
    .underlayerService.underlayerServicePickup--detail .article__cont .pattern1 h2:before,.underlayerService.underlayerServicePickup--detail .article__cont .pattern1 h2:after {
        width:2.8rem;
        height: .2rem;
        border-radius: .1rem
    }
}

@media(min-width: 769px) {
    .underlayerService.underlayerServicePickup--detail .article__cont .pattern1 h2:before,.underlayerService.underlayerServicePickup--detail .article__cont .pattern1 h2:after {
        width:3.6rem;
        height: .4rem;
        border-radius: .2rem
    }
}

.underlayerService.underlayerServicePickup--detail .article__cont .pattern1 h2:before {
    left: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.underlayerService.underlayerServicePickup--detail .article__cont .pattern1 h2:after {
    right: 0;
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg)
}

.underlayerService.underlayerServicePickup--detail .article__cont .pattern2 h2 {
    margin-left: auto;
    margin-right: auto;
    display: block;
    color: #fff;
    background: #0075bb;
    border-radius: .5rem;
    position: relative;
    text-align: center
}

@media(max-width: 768px) {
    .underlayerService.underlayerServicePickup--detail .article__cont .pattern2 h2 {
        padding:.6rem;
        border-bottom: none
    }
}

@media(min-width: 769px) {
    .underlayerService.underlayerServicePickup--detail .article__cont .pattern2 h2 {
        padding:1rem;
        border-bottom: none
    }
}

.underlayerService.underlayerServicePickup--detail .article__cont .pattern2 h2:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 19px 0 19px;
    border-color: #0075bb rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
    bottom: -13px;
    left: calc(50% - 1.9rem)
}

.underlayerService.underlayerServicePickup--detail .article__cont .pattern3 h2 {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

@media(max-width: 768px) {
    .underlayerService.underlayerServicePickup--detail .article__cont .pattern3 h2 {
        padding:0 4.2rem;
        border-bottom: none
    }
}

@media(min-width: 769px) {
    .underlayerService.underlayerServicePickup--detail .article__cont .pattern3 h2 {
        padding:0 8.5rem;
        border-bottom: none
    }
}

.underlayerService.underlayerServicePickup--detail .article__cont .pattern3 h2:before,.underlayerService.underlayerServicePickup--detail .article__cont .pattern3 h2:after {
    content: "";
    position: absolute;
    background-image: radial-gradient(circle at center, #0078BF 0.3rem, transparent 0.3rem);
    background-repeat: repeat-x;
    background-position: left bottom;
    display: inline-block
}

@media(max-width: 768px) {
    .underlayerService.underlayerServicePickup--detail .article__cont .pattern3 h2:before,.underlayerService.underlayerServicePickup--detail .article__cont .pattern3 h2:after {
        top:calc(50% - .1rem);
        background-image: radial-gradient(circle at center, #0078BF 0.15rem, transparent 0.15rem);
        background-size: 1.1rem .3rem;
        height: .3rem;
        width: 3.3rem
    }
}

@media(min-width: 769px) {
    .underlayerService.underlayerServicePickup--detail .article__cont .pattern3 h2:before,.underlayerService.underlayerServicePickup--detail .article__cont .pattern3 h2:after {
        top:calc(50% - .3rem);
        background-image: radial-gradient(circle at center, #0078BF 0.3rem, transparent 0.3rem);
        background-size: 2.1rem .6rem;
        height: .6rem;
        width: 6.3rem
    }
}

.underlayerService.underlayerServicePickup--detail .article__cont .pattern3 h2:before {
    left: 0
}

.underlayerService.underlayerServicePickup--detail .article__cont .pattern3 h2:after {
    right: 0
}

.pickupDetailMainvisual.inner p {
    margin: 0 0 2rem 0
}

.pickupDetailMainvisual.inner p:last-of-type {
    margin: 0 0 0 0
}

.pickupDetailMainvisual.inner p a {
    color: var(--colorMain);
    text-decoration: underline
}

@media(min-width: 769px) {
    .pickupDetailMainvisual.inner p a:hover {
        text-decoration:none
    }
}

.underlayerService.underlayerServicePickup--detail .article__cont .pattern3 .pattern2 h2:before {
    content: none
}

.underlayerService.underlayerServicePickup--detail .article__cont .pattern3 .pattern2 h2:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 19px 0 19px;
    border-color: #0075bb rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
    bottom: -13px;
    left: calc(50% - 1.9rem);
    top: auto
}

.underlayerService.underlayerServicePickup--detail .article__cont .pattern3 .pattern2 .pattern1 h2 {
    padding: 0 8.5rem;
    border-bottom: none
}

.underlayerService.underlayerServicePickup--detail .article__cont .pattern3 .pattern2 h2 {
    padding: 1rem
}

.mainvisualpickupDetail .pickupDetailMainvisual .main_comv_btn {
    margin: 0 0 1rem 0
}

@media(max-width: 768px) {
    .mainvisualpickupDetail .pickupDetailMainvisual .main_comv_btn {
        text-align:center;
        width: 100%
    }

    .mainvisualpickupDetail .pickupDetailMainvisual__img {
        margin-top: 2rem
    }
}

.mainvisualpickupDetail .pickupDetailMainvisual .main_comv_btn a {
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #fff;
    background: #ff8c38;
    border: solid 1px #ff8c38;
    -webkit-box-shadow: 0px 4px 0px 0px #854515;
    box-shadow: 0px 4px 0px 0px #854515;
    border-radius: .5rem;
    padding: 1.4rem 4.4rem 1.4rem 2.8rem;
    text-decoration: none !important;
    position: relative;
    display: inline-block;
    font-weight: 700;
    -webkit-transition: .4s;
    transition: .4s
}

@media(max-width: 768px) {
    .mainvisualpickupDetail .pickupDetailMainvisual .main_comv_btn a {
        padding:1.1rem 4.4rem 1.1rem 2.8rem;
        font-size: 1.6rem
    }
}

.mainvisualpickupDetail .pickupDetailMainvisual .main_comv_btn a::after {
    content: "";
    position: absolute;
    top: 0;
    right: 2.2rem;
    bottom: 0;
    margin: auto;
    display: inline-block;
    width: .5rem;
    height: .5rem;
    border-left: solid 2px #fff;
    border-bottom: solid 2px #fff;
    -webkit-transform: rotate(-134deg);
    transform: rotate(-134deg);
    -webkit-transition: all ease .2s;
    transition: all ease .2s;
    background: none;
    width: .5rem;
    height: .5rem
}

@media(min-width: 769px) {
    .mainvisualpickupDetail .pickupDetailMainvisual .main_comv_btn a:hover {
        margin-top:.3rem;
        margin-bottom: -0.3rem;
        -webkit-box-shadow: 0 0 0 0 #854515;
        box-shadow: 0 0 0 0 #854515
    }
}

.tc h2,.tc h3 {
    text-align: center
}

.tr h2,.tr h2 {
    text-align: right
}

.tl h2,.tl h3 {
    text-align: left
}

@media(max-width: 768px) {
    .underlayerService.underlayerServicePickup--detail .serviceBtn--article a {
        font-size:1.6rem
    }
}

.underlayerServiceMethod .underlayerServiceMethod__content .content__box .c-grid .c-grid__line .item,.underlayerServiceMethod .underlayerServiceMethod__content .content__box .c-grid .c-grid__line .item--full {
    position: relative
}

.underlayerServiceMethod .underlayerServiceMethod__content .content__box .c-grid .c-grid__line .item .area_txt,.underlayerServiceMethod .underlayerServiceMethod__content .content__box .c-grid .c-grid__line .item--full .area_txt {
    font-size: 1.3rem;
    color: #a1a1a1;
    position: absolute;
    right: 2rem;
    bottom: 1.5rem
}

@media(max-width: 768px) {
    .underlayerServiceMethod .underlayerServiceMethod__content .content__box .c-grid .c-grid__line .item .area_txt,.underlayerServiceMethod .underlayerServiceMethod__content .content__box .c-grid .c-grid__line .item--full .area_txt {
        right:0
    }
}

.forte_main.extra {
    position: relative;
    background: #b5b9c4 url(/strength/manager/assets/img/features-img.jpg) center center no-repeat;
    background-size: cover;
    width: 100%;
    height: 80rem;
    padding-top: 10rem;
    color: #fff
}

.forte_main.extra h2 {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
    text-shadow: 3px 3px 10px rgba(0,0,0,.3)
}

.forte_main.extra h2 strong {
    font-size: 5.4rem;
    font-weight: 700;
    letter-spacing: .1em
}

.forte_main.extra h2 span {
    display: block
}

.forte_main.extra h2+p {
    margin-top: 1rem;
    font-size: 1.8rem;
    letter-spacing: .2em;
    line-height: 2;
    text-align: center;
    text-shadow: 3px 3px 10px rgba(0,0,0,.3)
}

.forte_main.extra .features_btn {
    position: absolute;
    bottom: 8rem;
    left: 50%;
    width: 26.6rem;
    height: 5.8rem;
    margin: 0;
    margin-left: -13.3rem;
    text-align: center;
    font-size: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 1.6rem;
    -moz-column-gap: 1.6rem;
    column-gap: 1.6rem
}

.forte_main.extra .features_btn a {
    background-color: #000;
    width: 26.6rem;
    height: 5.8rem;
    font-size: 2.1rem;
    font-weight: 500;
    color: #fff;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 2px
}

.forte_main.extra .features_btn a:after {
    content: "";
    background-image: url(/strength/manager/assets/img/ar2.png);
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 1.4rem;
    height: 1.4rem;
    margin-top: .1rem;
    margin-left: .6rem;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.forte_main.extra .features_btn a:hover {
    background-color: #2c70a5
}

.forte_main.extra .features_btn a {
    background-color: #000;
    width: 26.6rem;
    height: 5.8rem;
    font-size: 2.1rem;
    font-weight: 500;
    color: #fff
}

.forte_main.extra .features_btn a:after {
    background-image: url(/strength/manager/assets/img/ar2.png)
}

@media(min-width: 769px) {
    .forte_main.extra .features_btn a:hover {
        background-color:#2c70a5
    }

    .forte_main.extra .features_btn a:hover:after {
        -webkit-transform: translate(5px, 0);
        transform: translate(5px, 0)
    }
}

@media(max-width: 768px) {
    .forte_main.extra {
        position:relative;
        background: #b5b9c4 url(/strength/manager/assets/img/features-img.jpg) center bottom no-repeat;
        background-size: 100%;
        width: 100%;
        height: 35rem;
        padding-top: 3rem;
        color: #fff
    }

    .forte_main.extra h2 {
        font-size: 1.6rem;
        font-weight: 500;
        letter-spacing: .04em;
        line-height: 1.4;
        text-align: center;
        text-shadow: 3px 3px 10px rgba(0,0,0,.3)
    }

    .forte_main.extra h2 span {
        display: block;
        font-size: 1.4rem
    }

    .forte_main.extra h2 strong {
        font-size: 3.8rem;
        font-weight: 700;
        letter-spacing: .1em
    }

    .forte_main.extra h2+p {
        margin-top: 1rem;
        font-size: 1.4rem;
        letter-spacing: .2em;
        line-height: 1.8;
        text-align: center;
        text-shadow: 3px 3px 10px rgba(0,0,0,.3)
    }

    .forte_main.extra .features_btn {
        position: absolute;
        bottom: 2rem;
        left: 0;
        width: 100%;
        height: 4.8rem;
        margin: 0;
        padding: 0 6rem
    }

    .forte_main.extra .features_btn a {
        background-color: #000;
        width: 100%;
        height: 4.8rem;
        font-size: 1.8rem;
        font-weight: 500;
        color: #fff
    }

    .forte_main.extra .features_btn a:after {
        background-image: url(/strength/manager/assets/img/ar2.png)
    }

    .forte_main.extra .features_btn a {
        background-color: #000;
        width: 100%;
        height: 4.8rem;
        font-size: 1.8rem;
        font-weight: 500;
        color: #fff;
        position: relative;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 2px
    }

    .forte_main.extra .features_btn a:after {
        background-image: url(/strength/manager/assets/img/ar2.png)
    }
}

.underlayerServiceSitemap .sitemap_list_02 ul li.extra a {
    font-size: 1.8rem;
    font-weight: 700;
    margin: 2rem 0 0rem 0;
    padding: 0;
    text-indent: 0em;
    padding-left: 0em;
    width: 100%
}

@media(max-width: 768px) {
    .underlayerServiceSitemap .sitemap_list_02 ul li.extra a {
        font-size:1.6rem;
        margin: 2rem 0 1rem 0
    }
}

.underlayerServiceSitemap .sitemap_list_02 ul li.extra a:before {
    content: none
}

.u-mt1em {
    margin-top: 1em
}

.u-mb1em {
    margin-bottom: 1em
}

.u-pt1em {
    padding-top: 1em
}

.u-pb1em {
    padding-bottom: 1em
}

.u-mt2em {
    margin-top: 2em
}

.u-mb2em {
    margin-bottom: 2em
}

.u-pt2em {
    padding-top: 2em
}

.u-pb2em {
    padding-bottom: 2em
}

.u-mt3em {
    margin-top: 3em
}

.u-mb3em {
    margin-bottom: 3em
}

.u-pt3em {
    padding-top: 3em
}

.u-pb3em {
    padding-bottom: 3em
}

.u-mt4em {
    margin-top: 4em
}

.u-mb4em {
    margin-bottom: 4em
}

.u-pt4em {
    padding-top: 4em
}

.u-pb4em {
    padding-bottom: 4em
}

.u-mt5em {
    margin-top: 5em
}

.u-mb5em {
    margin-bottom: 5em
}

.u-pt5em {
    padding-top: 5em
}

.u-pb5em {
    padding-bottom: 5em
}

.u-mt6em {
    margin-top: 6em
}

.u-mb6em {
    margin-bottom: 6em
}

.u-pt6em {
    padding-top: 6em
}

.u-pb6em {
    padding-bottom: 6em
}

.u-mt7em {
    margin-top: 7em
}

.u-mb7em {
    margin-bottom: 7em
}

.u-pt7em {
    padding-top: 7em
}

.u-pb7em {
    padding-bottom: 7em
}

.u-mt8em {
    margin-top: 8em
}

.u-mb8em {
    margin-bottom: 8em
}

.u-pt8em {
    padding-top: 8em
}

.u-pb8em {
    padding-bottom: 8em
}

.u-mt9em {
    margin-top: 9em
}

.u-mb9em {
    margin-bottom: 9em
}

.u-pt9em {
    padding-top: 9em
}

.u-pb9em {
    padding-bottom: 9em
}

.u-mt10em {
    margin-top: 10em
}

.u-mb10em {
    margin-bottom: 10em
}

.u-pt10em {
    padding-top: 10em
}

.u-pb10em {
    padding-bottom: 10em
}

.u-mt4px {
    margin-top: 4px
}

.u-mb4px {
    margin-bottom: 4px
}

.u-pt4px {
    padding-top: 4px
}

.u-pb4px {
    padding-bottom: 4px
}

.u-mt8px {
    margin-top: 8px
}

.u-mb8px {
    margin-bottom: 8px
}

.u-pt8px {
    padding-top: 8px
}

.u-pb8px {
    padding-bottom: 8px
}

.u-mt12px {
    margin-top: 12px
}

.u-mb12px {
    margin-bottom: 12px
}

.u-pt12px {
    padding-top: 12px
}

.u-pb12px {
    padding-bottom: 12px
}

.u-mt16px {
    margin-top: 16px
}

.u-mb16px {
    margin-bottom: 16px
}

.u-pt16px {
    padding-top: 16px
}

.u-pb16px {
    padding-bottom: 16px
}

.u-mt20px {
    margin-top: 20px
}

.u-mb20px {
    margin-bottom: 20px
}

.u-pt20px {
    padding-top: 20px
}

.u-pb20px {
    padding-bottom: 20px
}

.u-white {
    color: #fff;
    fill: #fff
}

.u-white * {
    color: #fff;
    fill: #fff
}

.u-primary {
    color: #dd0716;
    fill: #dd0716
}

.u-primary * {
    color: #dd0716;
    fill: #dd0716
}

.u-center {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

.u-right {
    text-align: right;
    margin-left: auto
}

.u-left {
    text-align: left;
    margin-right: auto
}

@media(min-width: 769px) {
    .u-sp {
        display:none !important
    }
}

@media(max-width: 768px) {
    .u-pc {
        display:none !important
    }
}

.u-indent {
    padding-left: 1em;
    text-indent: -1em
}

.u-indent>span,.u-indent>a {
    text-indent: 0
}