@charset "UTF-8";
.mt0 {
    margin-top: 0px !important;
}

.mr0 {
    margin-right: 0px !important;
}

.mb0 {
    margin-bottom: 0px !important;
}

.ml0 {
    margin-left: 0px !important;
}

.pt0 {
    padding-top: 0px !important;
}

.pr0 {
    padding-right: 0px !important;
}

.pb0 {
    padding-bottom: 0px !important;
}

.pl0 {
    padding-left: 0px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.ml5 {
    margin-left: 5px !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pr5 {
    padding-right: 5px !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pl5 {
    padding-left: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pr15 {
    padding-right: 15px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.pl15 {
    padding-left: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.pt25 {
    padding-top: 25px !important;
}

.pr25 {
    padding-right: 25px !important;
}

.pb25 {
    padding-bottom: 25px !important;
}

.pl25 {
    padding-left: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pr30 {
    padding-right: 30px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pl30 {
    padding-left: 30px !important;
}

.mt35 {
    margin-top: 35px !important;
}

.mr35 {
    margin-right: 35px !important;
}

.mb35 {
    margin-bottom: 35px !important;
}

.ml35 {
    margin-left: 35px !important;
}

.pt35 {
    padding-top: 35px !important;
}

.pr35 {
    padding-right: 35px !important;
}

.pb35 {
    padding-bottom: 35px !important;
}

.pl35 {
    padding-left: 35px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mr40 {
    margin-right: 40px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.pr40 {
    padding-right: 40px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.pl40 {
    padding-left: 40px !important;
}

.mt45 {
    margin-top: 45px !important;
}

.mr45 {
    margin-right: 45px !important;
}

.mb45 {
    margin-bottom: 45px !important;
}

.ml45 {
    margin-left: 45px !important;
}

.pt45 {
    padding-top: 45px !important;
}

.pr45 {
    padding-right: 45px !important;
}

.pb45 {
    padding-bottom: 45px !important;
}

.pl45 {
    padding-left: 45px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mr50 {
    margin-right: 50px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.ml50 {
    margin-left: 50px !important;
}

.pt50 {
    padding-top: 50px !important;
}

.pr50 {
    padding-right: 50px !important;
}

.pb50 {
    padding-bottom: 50px !important;
}

.pl50 {
    padding-left: 50px !important;
}

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

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

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after {
    content: "";
    content: none;
}

q:before,
q:after {
    content: "";
    content: none;
}

abbr {
    text-decoration: none;
}

mark {
    background: none;
}

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

caption,
th {
    text-align: left;
}

img {
    vertical-align: top;
}

hr {
    height: 0;
}

html {
    font-size: 62.5%;
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    min-width: 1080px;
    background: #e9eef3;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 25.9px;
    line-height: 2.59rem;
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Verdana, sans-serif;
    color: #555;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    word-break: break-all;
}


/* Anchors
---------------------------------------- */

a:not(.btn) {
    color: #555;
    text-decoration: underline;
}

a:not(.btn):visited {
    color: #555;
    text-decoration: underline;
}

a:not(.btn):hover {
    color: #555;
    text-decoration: none;
}

a:not(.btn):active {
    color: #555;
    text-decoration: none;
}

@media screen and (min-width: 46.0625em) {
    .pc-hide {
        display: none !important;
    }
}

button,
input,
optgroup,
select,
textarea {
    font: inherit;
    margin: 0;
    color: inherit;
}

textarea,
select,
input,
button {
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Verdana, sans-serif;
}

button {
    overflow: visible;
    border: none;
    padding: 0;
}

button,
select {
    text-transform: none;
}

button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
    cursor: pointer;
    -webkit-appearance: button;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

hr {
    border-top: 1px solid #cccccc;
}

@media screen and (max-width: 46em) {
    body {
        min-width: 0;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 19px;
        line-height: 1.9rem;
        min-height: 100vh;
    }
    .sp-hide {
        display: none !important;
    }
    textarea,
    select,
    input {
        font-size: 14px;
    }
}

.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

.align-right {
    text-align: right;
}

.Valign-middle {
    vertical-align: middle !important;
}

.link-noBorder,
.noBorder {
    text-decoration: none !important;
    display: block;
}

.link-noBorder:hover .mod-articlTitle,
.noBorder:hover .mod-articlTitle {
    text-decoration: none;
}

strong,
.strong {
    font-weight: bold !important;
    font-size: 1.2rem !important;
}

.text-bold {
    font-weight: bold;
}

.fontSize-l {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
}

.fontSize-m {
    font-size: 14px !important;
    line-height: 24px !important;
}

.fontSize-s {
    font-size: 12px !important;
    line-height: 26px !important;
}

.noticeSmall {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    line-height: 1.8rem;
}

.border-bottom {
    border-bottom: 1px solid #d2dce7;
}

.border-top {
    border-top: 1px solid #d2dce7;
}

.border-none {
    border: none !important;
}

.border {
    border: 1px solid #d2dce7;
}

.border-exceptTop {
    border: 1px solid #d2dce7;
    border-top: none !important;
}

.inset-img-full img {
    width: 100%;
    height: auto;
}

.inset-img-full .point-img {
    text-align: center;
    max-width: 730px;
    margin: 0 auto;
    padding: 24px 0 20px !important;
    padding: 24px 0 20px !important;
}

.inset-img-full .point-img img {
    max-width: 730px;
}

.inset-img-full .point-img p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 20px;
    line-height: 2rem;
    padding-top: 20px;
    text-align: left;
}

.font-accent {
    color: #e2356e !important;
}

.font-primary {
    color: #004a83 !important;
}

.font-primary-light {
    color: #568fcc !important;
}

.font-large {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 30px;
    line-height: 3rem;
}

.mod-attentionText {
    padding-left: 30px;
}

.mod-attentionText span {
    position: relative;
}

.mod-attentionText span:before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(/common/img/icon-attention.svg) no-repeat;
    background-size: 20px;
    position: absolute;
    left: -30px;
    top: 3px;
}

.none {
    display: none;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pt05 {
    padding-top: 5px !important;
}

.font-nomal {
    font-weight: normal;
}

.bg-white {
    background: #fff;
}

.bg-beige {
    background: #f0f0e8;
}

.bg-smokyBlue {
    background: #b9d0e9;
}

.w-full {
    width: 100%;
}

.h-full {
    height: 100%;
}

.whiteSpace-nowrap {
    white-space: nowrap;
}

.pd-TB {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

figure.mod-thumbLink.horizontal.pd-small.pd-left10 {
    padding-left: 10px;
}
.pd-left10 {
    padding-left: 10px;
}
.pd-small {
    padding: 10px 10px 10px 10px;
}

.img-orig {
    width: auto;
    max-width: 100%;
}

.img-mw100 {
    max-width: 100%;
}

.mod-inset-blind {
    position: relative;
    height: 400px;
    overflow: hidden;
}

.mod-inset-blind .blind {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: calc(100% - 62px);
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
    flex-flow: column nowrap;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 28%, white 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 28%, white 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 28%, white 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}

.link-arrow {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 22.2px;
    line-height: 2.22rem;
}

.link-arrow::before {
    content: "";
    width: 0;
    height: 0;
    display: inline-block;
    border: 3.99px solid transparent;
    border-left: 7px solid #568fcc;
}

.link-arrow.font-large {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 25.9px;
    line-height: 2.59rem;
}

.link-arrow.font-primary:before {
    border-left-color: #004a83 !important;
}

.link-arrow.font-primary-light {
    color: #568fcc !important;
}

.link-arrow-down {
    position: relative;
}

.link-arrow-down::before {
    content: "";
    width: 0;
    height: 0;
    display: inline-block;
    border: 4.2px solid transparent;
    border-top: 7px solid #568fcc;
    margin: 0px 7px -4px 0;
}

.link-white {
    color: #fff !important;
}

.link-white:hover {
    color: #fff !important;
}

.link-blockAfter {
    text-align: right;
    margin-top: -10px;
    margin-bottom: 20px;
    letter-spacing: 0.5px;
}

.link-elementAfter {
    margin-top: 20px;
}

.link-delete {
    position: relative;
    cursor: pointer;
    z-index: 1103;
    color: #fff;
}

.link-delete:before,
.link-delete:after {
    display: block;
    content: '';
    width: 2px;
    height: 12px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #e2356e;
    border-radius: 10px;
    position: absolute;
    top: 5px;
    left: 9px;
    z-index: 3;
}

.link-delete:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.link-delete span {
    padding-left: 22px;
    font-weight: bold;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 10px;
    line-height: 1rem;
}

.link-external {
    display: inline-block;
    align-items: center;
}

.link-external::after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(/common/img/icon-external.svg) no-repeat;
    background-size: 15px;
    margin-left: 10px;
    position: relative;
    top: 3px;
}

.link-external.white::after {
    background: url(/common/img/icon-external-w.svg) no-repeat;
}

.headline--lv1 {
    background: #004a83;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    font-size: 2rem;
    line-height: 22px;
    line-height: 2.2rem;
    padding: 19px 21px;
}

.headline--lv1 span {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem;
    font-weight: normal;
    margin-left: 20px;
}

.headline--lv1 .link {
    bottom: 18px;
    right: 20px;
}

.headline--lv1 a {
    color: #fff !important;
}

.headline--lv1 a:hover {
    color: #fff;
}

.inset-searchBox {
    position: relative;
    display: flex;
    align-items: center;
    background: #004a83;
}

.inset-searchBox .headline--lv1 {
    padding-right: 45%;
}

.inset-searchBox .mod-searchBox {
    width: 44%;
    position: absolute;
    top: 12px;
    right: 20px;
}

.inset-searchBox .mod-searchBox::after {
    background-color: #568fcc;
}

.inset-searchBox.height-fifteen {
    height: 50px;
}

.inset-searchBox.height-fifteen .headline--lv2 {
    padding: 0 0 0 21px;
    flex: 0 0 260px;
}

.inset-searchBox.height-fifteen .mod-searchBox {
    right: 230px;
    top: 0;
    right: 0;
    position: relative;
}

.inset-searchBox .link {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 22px;
    line-height: 2.2rem;
    font-weight: normal;
    flex: 0 0 200px;
    text-align: right;
    margin: 0 20px 0 0;
}

.inset-searchBox .link::before {
    content: "";
    width: 0;
    height: 0;
    display: inline-block;
    border: 3.99px solid transparent;
    border-left: 7px solid #568fcc;
}

.inset-searchBox .link a {
    color: #fff;
}

.inset-btn {
    position: relative;
}

.inset-btn .btn-right {
    position: absolute !important;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 12px;
    line-height: 1.2rem;
    right: 20px;
    top: 20px;
    min-width: 150px !important;
    height: 34px;
    top: 50%;
    margin-top: -17px;
}

.inset-visual img {
    width: 100%;
}

.headline--lv2 {
    background: #004a83;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px;
    line-height: 2.2rem;
    padding: 9px 21px;
}

.headline--lv2 span {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem;
    font-weight: normal;
    margin-left: 20px;
}

.headline--lv2 .link {
    bottom: 8px;
    right: 20px;
}

.headline--lv2.inset-btn .btn {
    padding-top: 7px;
    padding-bottom: 5px;
    height: 26px;
    margin-top: -13px;
}

.headline--lv2.size-l {
    padding: 17px 21px 13px;
}

.headline--lv3 {
    color: #004a83;
    font-weight: bold;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    padding: 20px 25px;
    border-bottom: 1px solid #d2dce7;
    position: relative;
}

.headline--lv3 .number {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    font-weight: bold;
    bottom: 15px;
}

.headline--lv3.noBorder {
    border-bottom: none;
}

.headline--lv3 .repletion {
    color: #555;
}

.headline--lv3__lineBold {
    font-weight: bold;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    padding: 8px 25px 10px 0;
    border-bottom: 2px solid #004a83;
    position: relative;
}

.headline--lv3__lineBold .repletion {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 28px;
    line-height: 2.8rem;
    position: relative;
    top: -2px;
    padding-left: 20px;
}

.headline--white-lv1 {
    color: #fff;
    font-size: 20px;
    font-size: 2rem;
    line-height: 22px;
    line-height: 2.2rem;
}

.inset-sortBox {
    position: relative;
}

.inset-sortBox .headline--lv3 {
    color: #555;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 28px;
    line-height: 2.8rem;
}

.inset-sortBox .mod-sortBox {
    position: absolute;
    top: -2px;
    right: 8px;
}

.inset-sortBox .mod-sortBox.next-topics-text {
    padding-top: 36px;
}

.headline--lv4 {
    color: #004a83;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 28px;
    line-height: 2.8rem;
    padding: 0 0 6px;
    border-bottom: 1px dotted #004a83;
    position: relative;
}

.headline--lv4>a {
    color: #555;
}

.headline--lv4>a::before {
    content: "";
    width: 0;
    height: 0;
    display: inline-block;
    border: 5.7px solid transparent;
    border-left: 10px solid #568fcc;
}

.headline--lv4 .link {
    bottom: 6px;
    right: 0;
}

.headline--lv4 .link a {
    color: #555 !important;
}

.headline--lv4.border-none {
    border-bottom: none;
}

.headline--lv5 {
    font-weight: bold;
}

.headline--table-title {
    font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 25.9px;
    line-height: 2.59rem;
    margin-bottom: 5px;
}

.headline--table-title span {
    font-weight: normal;
}

.headline--lv5__underline {
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 28px;
    line-height: 2.8rem;
    border-bottom: 2px solid #004a83;
    position: relative;
}

.headline--ranking {
    background: #b9d0e9;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 18px;
    line-height: 1.8rem;
    font-weight: bold;
    padding: 10px 10px 8px 70px;
    min-height: 54px;
    position: relative;
}

.headline--ranking span {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 12px;
    line-height: 1.2rem;
    font-weight: normal;
}

.headline--ranking::before {
    content: "";
    display: block;
    width: 54px;
    height: 100%;
    background: #1d669f url(/common/img/icon-ranking.svg) center no-repeat;
    background-size: 54px 54px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.headline--ranking.noSpan {
    padding-top: 19px;
}

.headline--ranking.reviewList::before {
    background: #1d669f url(/common/img/icon-list.svg) center no-repeat;
}

.headline--ranking.icon-none {
    padding-left: 20px;
}

.headline--ranking.icon-none::before {
    content: none;
}

.inset-rankingRibbon {
    overflow: hidden;
    display: table;
    width: 100%;
}

.inset-rankingRibbon .headline--lv3__lineBold {
    padding: 8px 25px 10px 0;
    display: table-cell;
    vertical-align: middle;
    width: 150%;
}

.inset-rankingRibbon .mod-rankingRibbon {
    display: table-cell;
    vertical-align: middle;
    padding-right: 20px;
    letter-spacing: 0.5px;
}

.headline--border-yellow {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 59.2px;
    line-height: 5.92rem;
    color: #004a83;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

.headline--border-yellow span {
    position: relative;
    z-index: 2;
    padding: 0 6px;
}

.headline--border-yellow span:after {
    content: "";
    display: inline-block;
    position: absolute;
    background: #f3dc1e;
    width: 100%;
    height: 15px;
    left: 0;
    bottom: 4px;
    z-index: -1;
}

.headline--point {
    text-align: center;
}

.headline--point span {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 26px;
    line-height: 2.6rem;
    color: #004a83;
    font-weight: bold;
    border-bottom: 6px solid #f3dc1e;
    letter-spacing: 1px;
    display: inline-block;
    padding-bottom: 6px;
}

.headline--point span small {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
    line-height: 1.4rem;
    display: inline-block;
}

.headline--iconCenter {
    background: #b9d0e9;
    text-align: center;
    padding: 8px 0;
}

.headline--iconCenter[class*=icon-] span {
    position: relative;
    padding-right: 20px;
    padding-left: 55px;
}

.headline--iconCenter[class*=icon-] span::after {
    display: none;
}

.headline--iconCenter[class*=icon-] span::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: -40px;
}

.headline--iconCenter.icon-community span::before {
    background: url(/common/img/icon-community.svg) no-repeat;
    background-size: 30px 30px;
}

.headline--iconCenter.icon-connect span::before {
    background: url(/common/img/icon-connect.svg) no-repeat;
    background-size: 30px 30px;
}

.inset-mod-organName {
    padding: 15px;
    background: #004a83;
    min-height: 80px;
}

.inset-mod-organName:after {
    content: "";
    clear: both;
    display: block;
}

.inset-mod-organName-inner {
    display: table-cell;
    vertical-align: middle;
    height: 50px;
}

.inset-mod-organName-inner [class*=headline--] {
    color: #fff;
    width: 100%;
    padding: 0 20px;
}

.inset-mod-organName-inner [class*=headline--] a {
    color: #fff;
}

.inset-mod-organName-inner .mod-view-count {
    margin: 0 0 5px 0;
}

[class*=headline--] {
    position: relative;
    letter-spacing: 0.5px;
}

[class*=headline--] .link {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 22px;
    line-height: 2.2rem;
    font-weight: normal;
    position: absolute;
}

[class*=headline--] .link::before {
    content: "";
    width: 0;
    height: 0;
    display: inline-block;
    border: 3.99px solid transparent;
    border-left: 7px solid #568fcc;
}

[class*=headline--] .link a {
    color: #fff;
}

[class*=headline--].inset-repletion {
    display: flex;
    align-items: center;
    justify-content: space-between;
    -ms-flex-pack: justify;
}

[class*=headline--] .repletion {
    right: 20px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 22px;
    line-height: 2.2rem;
    font-weight: normal;
    position: static;
    margin-top: 0;
    padding-left: 15px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 22px;
    line-height: 2.2rem;
    text-align: right;
    white-space: nowrap;
}

[class*=headline--].bg-gray {
    background: #d2dce7;
    color: #004a83;
    padding: 17px 21px 13px;
}

[class*=headline--] .inset-date {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px;
    line-height: 2.2rem;
    font-weight: bold;
    margin: 0;
    display: inline-block;
}

[class*=headline--] .inset-date .date {
    margin-left: 20px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 16px;
    line-height: 1.6rem;
    display: inline-block;
}

.sitepolicy .headline--lv3 {
    color: #004a83;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 28px;
    line-height: 2.8rem;
    margin: 0 20px;
    padding: 0 0 6px;
    border-bottom: 1px dotted #004a83;
    position: relative;
}

.btn {
    transition: all 0.3s 0s ease;
    background: #668ab1;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    border-radius: 6px;
    line-height: 1;
    min-width: 240px;
    padding: 15px 25px;
    text-align: center;
    position: relative;
    border: none;
    position: relative;
    letter-spacing: 0.5px;
    box-shadow: 2px 2px 4px gray;
}

.btn::after {
    content: "";
    display: block;
    position: absolute;
    top: 49%;
    right: 18px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg) translateY(-50%);
}

.btn:hover {
    background: #4d7197;
}

.btn:active {
    transition: all 0.1s 0s ease;
    background: #3c5775;
}

.btn[disabled] {
    background: #e2e2e2 !important;
    color: #fff !important;
}

.btn[disabled]:after {
    border-top: 2px solid #fff !important;
    border-right: 2px solid #fff !important;
}

.btn .disabled {
    background: #e2e2e2;
}

.btn.pushed {
    background: #3c5775;
}

.btn.no-arrow::after {
    display: none !important;
}

.btn.down-arrow:after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    right: 18px;
    top: 46%;
    bottom: 5px;
    border-left: none;
    border-top: none;
    width: 8px;
    height: 8px;
}

.btn.color-light {
    transition: all 0.3s 0s ease;
    background: #568fcc;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    border-radius: 6px;
    line-height: 1;
    min-width: 240px;
    padding: 15px 25px;
    text-align: center;
    position: relative;
    border: none;
}

.btn.color-light::after {
    content: "";
    display: block;
    position: absolute;
    top: 49%;
    right: 18px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg) translateY(-50%);
}

.btn.color-light:hover {
    background: #3775b8;
}

.btn.color-light:active {
    transition: all 0.1s 0s ease;
    background: #2c5c90;
}

.btn.color-pale {
    transition: all 0.3s 0s ease;
    background: #d4dce4;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    border-radius: 6px;
    line-height: 1;
    min-width: 240px;
    padding: 15px 25px;
    text-align: center;
    position: relative;
    border: none;
    color: #555;
}

.btn.color-pale::after {
    content: "";
    display: block;
    position: absolute;
    top: 49%;
    right: 18px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg) translateY(-50%);
}

.btn.color-pale:hover {
    background: #b5c3d0;
}

.btn.color-pale:active {
    transition: all 0.1s 0s ease;
    background: #95a9bd;
}

.btn.color-pale:after {
    border-top-color: #555;
    border-right-color: #555;
}

.btn.color-yellow {
    transition: all 0.3s 0s ease;
    background: #f3dc1e;
    color: #004a83;
    display: inline-block;
    text-decoration: none;
    border-radius: 6px;
    line-height: 1;
    min-width: 240px;
    padding: 15px 25px;
    text-align: center;
    position: relative;
    border: none;
    box-shadow: 2px 2px 4px gray;
}

.btn.color-yellow::after {
    content: "";
    display: block;
    position: absolute;
    top: 49%;
    right: 18px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #004a83;
    border-right: 2px solid #004a83;
    transform: rotate(45deg) translateY(-50%);
}

.btn.color-yellow:hover {
    background: #d3bd0b;
}

.btn.color-yellow:active {
    transition: all 0.1s 0s ease;
    background: #a29209;
}

.btn.color-yellow:hover {
    background: #ebd30d;
}

.btn.color-yellow:active {
    background: #e1ca0c;
}

.btn.color-primary {
    transition: all 0.3s 0s ease;
    background: #004a83;
    color: #f3dc1e;
    display: inline-block;
    text-decoration: none;
    border-radius: 6px;
    line-height: 1;
    min-width: 240px;
    padding: 15px 25px;
    text-align: center;
    position: relative;
    border: none;
}

.btn.color-primary::after {
    content: "";
    display: block;
    position: absolute;
    top: 49%;
    right: 18px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #f3dc1e;
    border-right: 2px solid #f3dc1e;
    transform: rotate(45deg) translateY(-50%);
}

.btn.color-primary:hover {
    background: #002d50;
}

.btn.color-primary:active {
    transition: all 0.1s 0s ease;
    background: #00101d;
}

.btn.color-primary:hover {
    background: #003c6a;
}

.btn.color-primary:active {
    background: #00365f;
}

.btn.color-accent {
    background: #e2356e;
}

.btn.color-accent:hover {
    background: #cc3365;
}

.btn.size-xl {
    min-width: 700px;
    padding: 36px 50px;
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    font-weight: bold;
}

.btn.size-xl span {
    font-weight: normal;
}

.btn.size-xl::after {
    right: 40px;
    width: 16px;
    height: 16px;
}

.btn.size-xl[class*=icon-] {
    padding-left: 74px;
}

.btn.size-xl[class*=icon-]::before {
    width: 48px;
    height: 48px;
    background-size: 48px 48px;
    margin-left: -60px;
}

.btn.size-xl.shadow {
    box-shadow: 4px 7px rgba(0, 0, 0, 0.1);
}

.btn.size-xl.inset-small {
    padding: 26px 50px 16px 50px;
}

.btn.size-xl .small {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 22px;
    line-height: 2.2rem;
    letter-spacing: 0;
}

.btn.size-l {
    min-width: 470px;
    padding: 30px 25px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 18px;
    line-height: 1.8rem;
    font-weight: bold;
}

.btn.size-l::after {
    width: 10px;
    height: 10px;
}

.btn.size-l[class*=icon-]::before {
    width: 48px;
    height: 48px;
    background-size: 48px 48px;
    margin-right: 15px;
}

.btn.size-l.shadow {
    box-shadow: 3px 5px rgba(0, 0, 0, 0.1);
}

.btn.size-l.text-big {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 18px;
    line-height: 1.8rem;
}

.btn.size-l.text-big .text-small {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px;
    line-height: 2.2rem;
    display: inline-block;
    padding-bottom: 10px;
    font-weight: normal;
}

.btn.size-s {
    padding-top: 10px;
    padding-bottom: 10px;
}

.btn.size-s[class*=icon-] {
    padding-left: 42px;
    padding-right: 12px;
}

.btn.size-s[class*=icon-]::before {
    width: 26px;
    height: 26px;
    background-size: 26px 26px;
    margin-left: -32px;
}

.btn.w-300 {
    width: 300px;
    display: inline-flex !important;
    justify-content: center;
    line-height: 1.4;
}

.btn.w-396 {
    width: 396px;
}

.btn.w-396 a {
    color: #fff;
    text-decoration: none;
}

.btn.w-full {
    min-width: 0;
    width: 100%;
}

.btn.w-auto {
    min-width: 0;
    width: auto;
}

.btn.w-2btn {
    width: 504px;
}

.btn.back:after {
    left: 12px;
    border: none;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
}

.btn[class*=icon-] {
    position: relative;
    padding: 7px 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn[class*=icon-]::after {
    display: none;
}

.btn[class*=icon-]::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.btn.icon-template::before {
    background: url(/common/img/icon-template.svg) no-repeat;
    background-size: 30px 30px;
}

.btn.icon-upload::before {
    background: url(/common/img/icon-upload.svg) no-repeat;
    background-size: 30px 30px;
}

.btn.icon-download::before {
    background: url(/common/img/icon-download.svg) no-repeat;
    background-size: 30px 30px;
}

.btn.icon-download_disabled {
    background: #e2e2e2;
}

.btn.icon-download_disabled:hover,
.btn.icon-download_disabled:active {
    background: #e2e2e2;
    cursor: default;
}

.btn.icon-download_disabled::before {
    background: url(/common/img/icon-download_disabled.svg) no-repeat;
    background-size: 30px 30px;
}

.btn.icon-comment::before {
    background: url(/common/img/icon-comment.svg) no-repeat;
    background-size: 30px 30px;
}

.btn.icon-favorite::before {
    background: url(/common/img/icon-favorite.svg) no-repeat;
    background-size: 30px 30px;
}

.btn.icon-activityIcon-review::before {
    background: url(/common/img/icon-activityIcon-review.svg) no-repeat;
    background-size: 30px 30px;
}

.btn.icon-wish::before {
    background: url(/common/img/icon-wish.svg) no-repeat;
    background-size: 30px 30px;
}

.btn.icon-help::before {
    background: url(/common/img/icon-help.svg) no-repeat;
    background-size: 30px 30px;
}

.btn.icon-news::before {
    background: url(/common/img/icon-news.svg) no-repeat;
    background-size: 30px 30px;
}

.btn.icon-message::before {
    background: url(/common/img/icon-message.svg) no-repeat;
    background-size: 30px 30px;
}

.btn.icon-community::before {
    background: url(/common/img/icon-community.svg) no-repeat;
    background-size: 30px 30px;
}

.btn.icon-connect::before {
    background: url(/common/img/icon-connect.svg) no-repeat;
    background-size: 30px 30px;
}

.btn.icon-management-community::before {
    background: url(/common/img/icon-management-community.svg) no-repeat;
    background-size: 30px 30px;
}

.btn.icon-externalLink::before {
    background: url(/common/img/icon-externalLink.svg) no-repeat;
    background-size: 30px 30px;
}

.btn.icon-beginner {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    font-weight: bold;
    text-align: left;
    padding: 15px 25px 40px 10px;
    border-radius: 0;
}

.btn.icon-beginner::before {
    background: url(/common/img/icon-beginner.svg) no-repeat;
    background-size: 40px 40px;
    width: 40px;
    height: 40px;
    position: relative;
    top: 10px;
}

.btn.icon-beginner::after {
    display: block;
    width: 12px;
    height: 12px;
}

.btn.icon-beginner span {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
    line-height: 2.6rem;
    position: absolute;
    bottom: 20px;
    left: 82px;
}

.btn.icon-return {
    position: relative;
    padding: 16px 6px 12px 32px;
    background: #fff;
    color: #555;
    width: 210px;
    min-width: inherit;
    border: 1px solid #d2dce7;
}

.btn.icon-return::before,
.btn.icon-return::after {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background: #434343;
    box-shadow: #434343 0 8px 0;
    position: absolute;
    top: 16px;
    border: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin-left: 0;
}

.btn.icon-return::before {
    left: 15px;
}

.btn.icon-return::after {
    left: 25px;
}

.btn.icon-home::before {
    background: url(/common/img/icon-home.svg) no-repeat;
    background-size: 30px 30px;
}

.btn.icon-search {
    padding-left: 50px !important;
}

.btn.icon-search::before {
    background: url(/common/img/icon-search.svg) no-repeat;
    background-size: 30px 30px !important;
    width: 30px !important;
    height: 30px !important;
    margin-left: -50px !important;
}

.btn+.btn {
    margin-left: 20px;
}

.btn.impressionBtn {
    min-width: 120px;
}

.btn.impressionBtn::after {
    display: none;
}

.btn.good {
    background: #e2356e;
}

.btn.good:hover {
    background: #cc3365;
}

.btn.good.alreadyRead {
    background: #cc3365;
}

.btn.isee {
    background: #568fcc;
}

.btn.isee:hover {
    background: #3775b8;
}

.btn.isee.alreadyRead {
    background: #3775B8;
}

.btn.bad.alreadyRead {
    background: #4d7197;
}

.btn.side-large {
    min-height: 76px;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px;
    line-height: 2.2rem;
    padding-left: 35px;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn.side-large:after {
    display: block;
    width: 12px;
    height: 12px;
}

.btn.side-large.icon-none:before {
    content: none;
}

.btn.side-large[class*=icon-] {
    padding: 25px;
}

.btn.connect-applying {
    background: #e2e2e2;
}

.btn.connect-applying:hover {
    cursor: default;
}

.btn.connected {
    transition: all 0.3s 0s ease;
    background: #e2356e;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    border-radius: 6px;
    line-height: 1;
    min-width: 240px;
    padding: 15px 25px;
    text-align: center;
    position: relative;
    border: none;
}

.btn.connected::after {
    content: "";
    display: block;
    position: absolute;
    top: 49%;
    right: 18px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg) translateY(-50%);
}

.btn.connected:hover {
    background: #c71d55;
}

.btn.connected:active {
    transition: all 0.1s 0s ease;
    background: #9b1642;
}

.btn.connected:hover {
    cursor: default;
}

.btn.connected:before {
    display: inline-block;
    content: '';
    width: 12px;
    height: 8px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 2;
    margin-right: 10px;
    position: relative;
    top: -2px;
}

.btn.alreadySelected {
    opacity: 0.8;
    pointer-events: none;
}

.btn.alreadySelected span {
    position: relative;
}

.btn.alreadySelected span:after {
    display: block;
    content: '';
    position: absolute;
    top: -7px;
    left: -20px;
    width: 12px;
    height: 8px;
    border-left: 3px solid #e2356e;
    border-bottom: 3px solid #e2356e;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 2;
}

.btn.alreadyDownload {
    opacity: 0.8;
    pointer-events: none;
}

.btn.alreadyDownload span {
    position: relative;
}

.btn.alreadyDownload span:after {
    display: block;
    content: '';
    position: absolute;
    top: -7px;
    left: -20px;
    width: 12px;
    height: 8px;
    border-left: 3px solid #e2356e;
    border-bottom: 3px solid #e2356e;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 2;
}

.btn.shadow {
    box-shadow: 2px 3px rgba(0, 0, 0, 0.1);
}

.btn.inset-small {
    padding: 26px 50px 16px 50px;
}

.btn.radius-top {
    border-radius: 6px 6px 0 0;
}

.btn.icon-QA::before {
    background: url(/common/img/icon-question.svg) no-repeat;
    background-size: 30px 30px;
}

.btn.bottomBlank {
    margin-bottom: 10px;
}

.btn.icon-plus:after,
.btn.icon-plus:before {
    content: "" !important;
    display: block !important;
    width: 15px;
    height: 2px;
    border: 0;
    background: #fff;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -2px;
    transition: all 0.3s 0s ease;
    margin-right: 0;
}

.btn.icon-plus:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 21px;
}

.btn.icon-plus.color-pale:after,
.btn.icon-plus.color-pale:before {
    background: #555;
}

.btn.disabled {
    background: #e2e2e2;
    color: #fff;
}

.btn.disabled:after {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

.btn.disabled:hover {
    background: #e2e2e2;
    cursor: default;
}

.loading {
    display: inline-block;
    position: relative;
}

.loading .loadingBtn {
    width: 320px;
    margin: 0 auto;
    display: inline-block;
    position: relative;
}

.loading .loadingBtn .btn {
    padding-right: 45px;
}

.loading .loadingBtn:after {
    content: url(/common/img/loading.svg);
    display: block;
    position: absolute;
    width: 28px;
    top: 50%;
    margin-top: -15px;
    right: 18px;
}

.btn-form {
    transition: all 0.3s 0s ease;
    background: #668ab1;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    border-radius: 6px;
    line-height: 1;
    min-width: 240px;
    padding: 15px 25px;
    text-align: center;
    position: relative;
    border: none;
    padding: 11px 11px 10px 11px !important;
    min-width: auto;
}

.btn-form::after {
    content: "";
    display: block;
    position: absolute;
    top: 49%;
    right: 18px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg) translateY(-50%);
}

.btn-form:hover {
    background: #4d7197;
}

.btn-form:active {
    transition: all 0.1s 0s ease;
    background: #3c5775;
}

.btn-form::after {
    display: none;
}

.btn-form.size-s {
    padding: 8px 12px;
}

.btn-form[disabled]:hover {
    background: #e2e2e2;
}

.btn-form.color-light {
    transition: all 0.3s 0s ease;
    background: #568fcc;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    border-radius: 6px;
    line-height: 1;
    min-width: 240px;
    padding: 15px 25px;
    text-align: center;
    position: relative;
    border: none;
}

.btn-form.color-light::after {
    content: "";
    display: block;
    position: absolute;
    top: 49%;
    right: 18px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg) translateY(-50%);
}

.btn-form.color-light:hover {
    background: #3775b8;
}

.btn-form.color-light:active {
    transition: all 0.1s 0s ease;
    background: #2c5c90;
}

.btn-form.no-arrow::after {
    display: none !important;
}

.btn-iconOnly {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

.btn-iconOnly.icon-clip {
    width: 24px;
    height: 35px;
    background: url(/common/img/icon-clip.svg) no-repeat center;
    background-size: 22px;
}

.btn-iconOnly.icon-up,
.btn-iconOnly.icon-down {
    position: absolute;
    background: #fff;
    width: 12px;
    top: 6px;
}

.btn-iconOnly.icon-up:after,
.btn-iconOnly.icon-down:after {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
}

.btn-iconOnly.icon-up {
    right: 50px;
}

.btn-iconOnly.icon-up:after {
    top: 13px;
    right: 0;
    border-top: 2px solid #004a83;
    border-right: 2px solid #004a83;
    -webkit-transform: rotate(-45deg) translateY(-50%);
    -ms-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%);
}

.btn-iconOnly.icon-down {
    right: 20px;
}

.btn-iconOnly.icon-down:after {
    top: 4px;
    left: 0;
    border-top: 2px solid #004a83;
    border-right: 2px solid #004a83;
    -webkit-transform: rotate(135deg) translateY(-50%);
    -ms-transform: rotate(135deg) translateY(-50%);
    transform: rotate(135deg) translateY(-50%);
}

.btn-delate {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #e2356e;
    position: relative;
    top: 7px;
    margin-right: 15px;
}

.btn-delate span {
    display: inline-block;
    position: absolute;
    padding: 0;
    width: 2px;
    height: 12px;
    background: #fff;
    transform: rotate(45deg);
    top: 4px;
    left: 9px;
}

.btn-delate span:before {
    display: block;
    content: "";
    position: absolute;
    top: 7px;
    left: -5px;
    width: 12px;
    height: 2px;
    margin-top: -2px;
    background: #fff;
}


/*左テキスト右ボタン*/

.inset-supplementalBtn {
    position: relative;
}

.inset-supplementalBtn__text {
    margin-right: 280px;
}

.inset-supplementalBtn .btn {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -22px;
}

.mod-tr-display-switching {
    position: relative;
    display: inline-block;
    color: #004a83;
    background: none;
    transition: all 0.3s 0s ease;
}

.mod-tr-display-switching.open:after,
.mod-tr-display-switching.open:before,
.mod-tr-display-switching.close:after,
.mod-tr-display-switching.close:before {
    content: "" !important;
    display: block !important;
    width: 14px;
    height: 2px;
    border: 0;
    background: #004a83;
    position: absolute;
    transition: all 0.3s 0s ease;
}

.mod-tr-display-switching.open:after,
.mod-tr-display-switching.open:before {
    top: 45%;
    right: 36px;
}

.mod-tr-display-switching.open:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 20px;
}

.mod-tr-display-switching.close:after,
.mod-tr-display-switching.close:before {
    top: 48%;
    right: 36px;
}

.mod-tr-display-switching.close:after {
    content: none !important;
}

.mod-tr-display-switching:hover {
    opacity: 0.6;
    background: none;
}


/*ソーシャルログイン*/

.mod-social-login {
    text-align: center;
    border-top: 1px solid #d2dce7;
    padding: 30px 20px 40px;
}

.mod-social-login .social-login-title {
    padding-bottom: 5px;
    color: #004a83;
}

.mod-social-login .btnWrap {
    text-align: center;
}

.mod-social-login .btnWrap:after {
    content: "";
    clear: both;
    display: block;
}

.mod-social-login .btnWrap li {
    display: inline-block;
}

.mod-social-login .btnWrap li:first-child {
    margin-right: 10px;
}

.mod-social-login .btnWrap li .btn {
    position: relative;
    align-items: center;
    justify-content: center;
    display: inline-flex !important;
    padding: 12px 25px !important;
}

.mod-social-login .btnWrap li .btn::after {
    content: none;
}

.mod-social-login .btnWrap li .btn::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background-size: 20px 20px;
}

.mod-social-login .btnWrap li .btn::after {
    content: none !important;
}

.mod-social-login .btnWrap li .btn.twitter {
    transition: all 0.3s 0s ease;
    background: #55acee;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    border-radius: 6px;
    line-height: 1;
    min-width: 240px;
    padding: 15px 25px;
    text-align: center;
    position: relative;
    border: none;
}

.mod-social-login .btnWrap li .btn.twitter::after {
    content: "";
    display: block;
    position: absolute;
    top: 49%;
    right: 18px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg) translateY(-50%);
}

.mod-social-login .btnWrap li .btn.twitter:hover {
    background: #2795e9;
}

.mod-social-login .btnWrap li .btn.twitter:active {
    transition: all 0.1s 0s ease;
    background: #147bc9;
}

.mod-social-login .btnWrap li .btn.twitter::before {
    background: url(/common/img/TwitterLogo_white.svg) no-repeat;
    background-position-y: 2px !important;
}

.mod-social-login .btnWrap li .btn.facebook {
    transition: all 0.3s 0s ease;
    background: #395590;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    border-radius: 6px;
    line-height: 1;
    min-width: 240px;
    padding: 15px 25px;
    text-align: center;
    position: relative;
    border: none;
}

.mod-social-login .btnWrap li .btn.facebook::after {
    content: "";
    display: block;
    position: absolute;
    top: 49%;
    right: 18px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg) translateY(-50%);
}

.mod-social-login .btnWrap li .btn.facebook:hover {
    background: #2b3f6b;
}

.mod-social-login .btnWrap li .btn.facebook:active {
    transition: all 0.1s 0s ease;
    background: #1c2a47;
}

.mod-social-login .btnWrap li .btn.facebook::before {
    background: url(/common/img/FacebookLogo.svg) no-repeat;
    background-position-y: -2px !important;
    margin-right: 0;
}


/* table */

.mod-table {
    width: 100%;
}

.mod-table th,
.mod-table td {
    border: 1px solid #d2dce7;
    padding: 20px;
    vertical-align: top;
}

.mod-table th {
    width: 260px;
    background: #e9eef3;
}

.mod-table th .icon {
    margin-right: 10px;
    display: inline-block;
}

.mod-table th .mod-tooltip-wrap.icon-help:hover .tooltip {
    bottom: inherit;
    width: 220px;
    margin-left: -110px;
    padding: 14px;
}

.mod-table th .mod-tooltip-wrap.icon-help:hover .tooltip a {
    color: #fff;
}

.mod-table th.w95 {
    width: 95px;
}

.mod-table th.headerSort {
    padding-right: 35px;
    position: relative;
    padding-right: 30px !important;
}

.mod-table th.headerSort:hover {
    cursor: pointer;
}

.mod-table th.headerSort:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 10px;
    width: 0;
    height: 0;
    margin-top: -4px;
    border: 8px solid transparent;
    border-top: 10px solid #004a83;
}

.mod-table th.headerSort.is-active-up {
    background: #668ab1;
    color: #fff;
}

.mod-table th.headerSort.is-active-up:before {
    content: none;
}

.mod-table th.headerSort.is-active-up:after {
    border-top-color: #fff;
}

.mod-table th.headerSort.is-active-down {
    background: #668ab1;
    color: #fff;
}

.mod-table th.headerSort.is-active-down:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 10px;
    width: 0;
    height: 0;
    margin-top: -12px;
    border: 8px solid transparent;
    border-bottom: 10px solid #fff;
}

.mod-table th.headerSort.is-active-down:after {
    content: none;
}

.mod-table td {
    background: #fff;
}

.mod-table td .btn+p {
    padding-top: 5px;
}

.mod-table .display-switching th,
.mod-table .display-switching td {
    display: table-cell;
}

.mod-table .inset-chackBox {
    width: 20px;
}

.mod-table .inset-chackBox .mod-check {
    padding-left: 8px;
}

.mod-table .thumbnail {
    width: 100px;
}

.mod-table .thumbnail img {
    width: 100%;
    height: auto;
}

.mod-table .thumbEdit img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.mod-table .thumbEdit a {
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 12px;
    line-height: 1.2rem;
    width: 53px;
}

.mod-table .thumbEdit a.nextImage {
    margin-top: 5px;
    width: 110px;
}

.mod-table .qualificationList {
    margin-top: -10px;
}

.mod-table .qualificationList label {
    transition: all 0.3s 0s ease;
    background: #d4dce4;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    border-radius: 6px;
    line-height: 1;
    min-width: 240px;
    padding: 15px 25px;
    text-align: center;
    position: relative;
    border: none;
    color: #555;
    min-width: 0;
    padding: 12px;
    margin-top: 10px;
    cursor: pointer;
}

.mod-table .qualificationList label::after {
    content: "";
    display: block;
    position: absolute;
    top: 49%;
    right: 18px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg) translateY(-50%);
}

.mod-table .qualificationList label:hover {
    background: #b5c3d0;
}

.mod-table .qualificationList label:active {
    transition: all 0.1s 0s ease;
    background: #95a9bd;
}

.mod-table .qualificationList label:after {
    content: none;
}

.mod-table .qualificationList input {
    display: none;
}

.mod-table .qualificationList input:checked+label {
    background: #3c5775;
    cursor: default;
    color: #fff;
}

.mod-table.Valign-middle th,
.mod-table.Valign-middle td {
    vertical-align: middle;
}

.mod-table .notice {
    padding-top: 5px;
}

.mod-table .mod-radio {
    margin: 0px 30px 0px 0;
}

.mod-table .J-ing-appealBlock {
    margin-bottom: 20px;
}

.mod-table .J-ing-appealBlock+.component-column {
    margin-top: 0;
}

.mod-table .J-ing-appealBlock:last-child {
    margin-bottom: 0;
}

.mod-table .J-ing-appealBlock .link-arrow {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 25.9px;
    line-height: 2.59rem;
}

.mod-table .J-ing-appealBlock__img {
    border: 1px solid #e2356e;
}

.mod-table .J-ing-appealBlock .noticeSmall {
    padding-bottom: 5px;
}

.mod-table .component-friend-approval [class*=col-] {
    padding-bottom: 10px !important;
}

.mod-table .multipleElements {
    display: inline-block;
    margin-right: 10px;
}

.mod-table .inset-switch .switchText {
    display: table-cell;
    vertical-align: middle;
    width: 140px;
}

.mod-table .inset-switch .switchText img {
    margin-right: 10px;
}

.mod-table .inset-switch .switch {
    display: table-cell;
}

.mod-table .tel-number input {
    width: 70px !important;
    margin-right: 5px;
}

.mod-table .tel-number .hyphen {
    display: inline-block;
    padding: 0 5px 0 0;
}

.mod-table tr.cell-total {
    border-top: none !important;
    border-bottom: none !important;
}

.mod-table tr.cell-total.pink td {
    color: #e2356e;
    padding: 10px 0;
}

.mod-table tr.cell-total.pink td p {
    border: 2px solid #e2356e;
    padding: 15px 0 15px 15px;
    border-right: 0;
    background: #fff4fe;
}

.mod-table tr.cell-total.pink td:last-child p {
    border-left: 0;
    border-right: 2px solid #e2356e;
}

.mod-table tr.cell-total.blue td {
    border: 2px solid #568fcc;
    color: #568fcc;
    background: #effbff;
}

.mod-table tr.cell-total.blue td:first-child {
    border-right: none;
}

.mod-table tr.cell-total.blue td:last-child {
    border-left: none;
}

.mod-table tr.cell-total td {
    border: none;
    padding: 15px;
}

.mod-table tr.hide_area {
    display: none;
}


/* tag */

.mod-tag {
    display: inline-block;
    background: #fff;
    border-radius: 6px;
    margin-right: 4px;
}

.mod-tag a,
.mod-tag span {
    text-decoration: none;
    display: block;
    padding: 0 12px 0 8px;
}

.mod-tag a::before,
.mod-tag span::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    background: url(/common/img/icon-tag.svg) no-repeat;
    margin: -2px 4px 0 0;
}

.mod-tag.icon-none a::before,
.mod-tag.icon-none span::before {
    content: none;
}

.mod-tagDelate {
    display: inline-block;
    margin-top: 5px;
}

.mod-tagDelate .mod-tag {
    float: left;
    display: block;
}

.mod-tagDelate .btn-delate {
    top: -3px;
}


/*input*/

.mod-input {
    display: inline-block;
    border-radius: 6px;
    margin-right: 20px;
}

.mod-input a,
.mod-input span {
    text-decoration: none;
    display: block;
    padding: 0 12px 0 8px;
}

.mod-input a::before,
.mod-input span::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    background: url(/common/img/icon-tag.svg) no-repeat;
    margin: -2px 4px 0 0;
}

.mod-input.bg-white {
    background: #fff;
}


/* 評価入力 */

.mod-rateStar {
    display: inline-block;
    position: relative;
}

.mod-rateStar:after {
    content: "";
    clear: both;
    display: block;
}

.mod-rateStar .rateStar__star {
    position: relative;
    float: left;
    height: 26px;
}

.mod-rateStar .rateStar__star input {
    display: none;
}

.mod-rateStar .rateStar__star input+label {
    display: block;
    float: right;
    position: relative;
    margin-right: 5px;
    width: 26px;
    height: 26px;
    font-size: 0;
    line-height: 1;
}

.mod-tag-link {
    text-decoration: underline;
}

.mod-rateStar .rateStar__star input+label::after {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 26px;
    line-height: 2.6rem;
    position: relative;
    content: "★";
    color: #c7d3e0;
    transition: all 0.1s 0s ease;
}

.mod-rateStar .rateStar__star input+label:hover::after {
    color: #ffe866 !important;
}

.mod-rateStar .rateStar__star input+label:hover~label::after {
    color: #ffd800;
}

.mod-rateStar .rateStar__star input:checked~label::after {
    color: #ffd800;
}

.mod-rateStar .rateStar__star input:checked+label~label::after {
    color: #ffd800;
}

.mod-rateStar.large {
    position: relative;
}

.mod-rateStar.large .rateStar__star {
    height: 40px;
}

.mod-rateStar.large .rateStar__star input {
    width: 40px;
}

.mod-rateStar.large .rateStar__star input:after {
    font-size: 40px;
    font-size: 4rem;
    line-height: 40px;
    line-height: 4rem;
}

.mod-rateStar.large .reviewClear {
    position: absolute;
    top: 7px;
    right: -50px;
    color: #004a83;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 22.2px;
    line-height: 2.22rem;
}

.mod-rateStar.small {
    position: relative;
}

.mod-rateStar.small .rateStar__star {
    height: 14px;
}

.mod-rateStar.small .rateStar__star input+label {
    margin-right: 1px;
    width: 14px;
    height: 14px;
    font-size: 0;
    line-height: 1;
}

.mod-rateStar.small .rateStar__star input+label::after {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
    line-height: 1.4rem;
    transition: all 0.1s 0s ease;
}

.mod-rateStar.small .rateStar__star input+label:hover::after {
    color: #ffe866 !important;
}

.mod-rateStar.small .rateStar__star input+label:hover~label::after {
    color: #ffd800;
}

.mod-rateStar.small .rateStar__star input:checked~label::after {
    color: #ffd800;
}

.mod-rateStar.small .rateStar__star input:checked+label~label::after {
    color: #ffd800;
}

.mod-rateStar.small .reviewClear {
    position: absolute;
    top: 7px;
    right: -50px;
    color: #004a83;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 22.2px;
    line-height: 2.22rem;
}


/* 総合評価 */

.mod-totalRateStar {
    font-size: 14px;
    display: inline-block;
    position: relative;
    width: 74.725px;
    height: 14px;
    line-height: 14px;
    margin-left: 10px;
}

.mod-totalRateStar .totalRateStar__base,
.mod-totalRateStar .totalRateStar__result {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}

.mod-totalRateStar .totalRateStar__base::before,
.mod-totalRateStar .totalRateStar__result::before {
    content: "★★★★★";
    width: 100%;
    white-space: nowrap;
    letter-spacing: .075em;
}

.mod-totalRateStar .totalRateStar__base::before {
    color: #c7d3e0;
}

.mod-totalRateStar .totalRateStar__result {
    overflow: hidden;
}

.mod-totalRateStar .totalRateStar__result::before {
    color: #ffd800;
}

.mod-totalRateStar .totalRateStar__result span {
    display: none;
}

.mod-totalRateStar .totalRateStar__count {
    font-size: 12px;
    margin-left: 80.25px;
    white-space: nowrap;
}

@media screen and (max-width: 46em) {
    .mod-totalRateStar {
        font-size: 12px;
        height: 12px;
        line-height: 12px;
    }
}

.mod-formRepletion {
    display: inline-block;
    margin: 5px 40px 5px 15px;
}


/* サムネイル付きリンクブロック */

.mod-thumbLink {
    position: relative;
}

.mod-thumbLink:after {
    content: "";
    clear: both;
    display: block;
}

.mod-thumbLink>img {
    width: 100%;
    /* border: 1px solid #d2dce7; */
}

.mod-thumbLink a>img {
    width: 100%;
}

.mod-thumbLink figcaption {
    margin-top: 10px;
    position: relative;
}

.mod-thumbLink figcaption .title {
    font-weight: bold;
    text-decoration: underline;
}

.mod-thumbLink figcaption .title.ranking {
    padding-left: 36px;
    position: relative;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 22.2px;
    line-height: 2.22rem;
    background-size: 30px 30px !important;
    background-position: 0 0;
    min-height: 30px;
}

.mod-thumbLink figcaption .title.ranking img {
    position: absolute;
    left: 0;
    top: -2px;
}

.mod-thumbLink figcaption .title.ranking.firstPlace {
    background: url(/common/img/icon-ranking-num-1.png) no-repeat;
}

.mod-thumbLink figcaption .title.ranking.secondPlace {
    background: url(/common/img/icon-ranking-num-2.png) no-repeat;
}

.mod-thumbLink figcaption .title.ranking.thirdPlace {
    background: url(/common/img/icon-ranking-num-3.png) no-repeat;
}

.mod-thumbLink figcaption .title.ranking.fourthPlace {
    background: url(/common/img/icon-ranking-num-4.png) no-repeat;
}

.mod-thumbLink figcaption .title.ranking.fifthPlace {
    background: url(/common/img/icon-ranking-num-5.png) no-repeat;
}

.mod-thumbLink figcaption .mod-check {
    margin-right: 0;
}

.mod-thumbLink figcaption.hidden {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mod-thumbLink figcaption .figLink {
    display: block;
}

.mod-thumbLink figcaption .friend-job {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 20px;
    line-height: 2rem;
    background: #e9eef3;
    display: inline-block;
    padding: 0 10px;
}

.mod-thumbLink button {
    margin-top: 10px;
}

.mod-thumbLink:hover figcaption .title {
    text-decoration: none;
}

.mod-thumbLink__label {
    position: absolute;
    left: 0;
    color: #fff;
    background: #004a83;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 11px;
    line-height: 1.1rem;
    padding: 3px 5px;
    height: 16px;
    min-width: 60px;
    text-align: center;
}z

.mod-thumbLink__label:nth-of-type(1) {
    top: 0;
}

.mod-thumbLink__label:nth-of-type(2) {
    top: 16px;
}

.mod-thumbLink__label:nth-of-type(3) {
    top: 32px;
}

.mod-thumbLink__label.new {
    background: #e2356e;
}

.mod-thumbLink.bottom-grd:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 90%;
    width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+40,1+100 */
    background: -moz-linear-gradient(top, transparent 7%, transparent 32%, rgba(0, 0, 0, 0.8) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, transparent 7%, transparent 32%, rgba(0, 0, 0, 0.8) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, transparent 7%, transparent 32%, rgba(0, 0, 0, 0.8) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0);
    /* IE6-9 */
}

.mod-thumbLink.horizontal {
    display: table;
}

.mod-thumbLink.horizontal>img {
    width: 124px;
    vertical-align: top;
    display: table-cell;
}

.mod-thumbLink.horizontal figcaption {
    display: table-cell;
    vertical-align: top;
    margin-top: 0;
    padding-left: 15px;
}

.mod-thumbLink.horizontal.w-full {
    padding: 20px;
}

.mod-thumbLink.horizontal.w-full>img {
    float: left;
    width: 120px;
/*    height: 80px;*/
}

.mod-thumbLink.horizontal.w-full .w-full-thumb {
    float: left;
    width: 124px;
}

.mod-thumbLink.horizontal.w-full figcaption {
    float: left;
    width: calc(100% - 124px);
}

.mod-thumbLink.horizontal.w-full:not(:last-child) {
    border-bottom: 1px solid #d2dce7;
}

.mod-thumbLink.horizontal.w-full * {
    margin: 0;
}

.mod-thumbLink.horizontal.w-full .w-50percent {
    float: left;
    width: 50%;
}

.mod-thumbLink.horizontal.w-full .mod-thumbLink__label {
    top: 20px;
    left: 20px;
}

.mod-thumbLink.horizontal.border {
    padding: 20px;
    margin-bottom: 10px;
}
.mod-thumbLink.horizontal .thumb_square {
    /* width: 90px;
    height: 90px; */
    width: 110px;
    /* height: 73px; */
    display: flex;
    align-items: center;
    /* border: 1px solid #d2dce7; */
}

.mod-thumbLink1.horizontal .thumb_square {
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    border: 1px solid #d2dce7;
}

.mod-thumbLink.horizontal .thumb_square>img {
    /* width: 100%; */
    width: 110px;
    /* height: auto; */
}

.img-border>img {
    /* border: 1px solid #d2dce7; */
    background: #fff;
}

.whitepaper_thumb_img {
    height: 156px;
}

.img-border a img {
    border: 1px solid #d2dce7;
    background: #fff;
}

.mod-imgText {
    position: relative;
    top: 3px;
    margin-right: 10px;
}

.mod-wish-icon {
    display: inline-block;
    position: relative;
    padding: 0px 0 0px 25px;
    color: #004a83;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 20px;
    line-height: 2rem;
    font-weight: bold;
    position: absolute;
    bottom: 7px;
    right: 0;
}

.mod-wish-icon:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(/common/img/icon-thanks.svg) no-repeat center;
    background-size: 12px;
    top: 50%;
    left: 5px;
    margin-top: -7px;
    position: absolute;
    margin-right: 12px;
}

.mod-wish-icon span {
    padding-left: 5px;
}


/*各種資格*/

.mod-qualification:after {
    content: "";
    clear: both;
    display: block;
}

.mod-qualification [class*=plate-] {
    border: 1px solid #d2dce7;
    text-align: center;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 22.2px;
    line-height: 2.22rem;
}

.mod-qualification .plate-accountant {
    background: #ceefd4;
}

.mod-qualification .plate-tax-accountant {
    background: #d6f0eb;
}

.mod-qualification .plate-patent-accountant {
    background: #e2ebf4;
}

.mod-qualification .plate-judicial-scrivener {
    background: #f5e2fc;
}

.mod-qualification .plate-social-security-attorney {
    background: #ffedf6;
}

.mod-qualification .plate-small-business-consultant {
    background: #fadcd9;
}

.mod-qualification .plate-administrative-scrivener {
    background: #f3e8db;
}

.mod-qualification .plate-lawyer {
    background: #f7f2dd;
}

.mod-qualification .plate-jobType {
    background: #e9eef3;
}


/*QAカテゴリ*/

.mod-qaCategory {
    background: #568fcc;
    color: #fff;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 20px;
    line-height: 2rem;
    text-decoration: none;
    float: left;
    text-align: center;
    position: relative;
    padding: 0 10px;
}

.mod-qaCategory[class$="cat-business-"] {
    background: #568fcc;
}

.mod-qaCategory[class*=cat-specialist-] {
    background: #d4dce4;
    color: #555;
}


/*四角いカテゴリ*/

.mod-category {
    background: #568fcc;
    color: #fff;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 20px;
    line-height: 2rem;
    text-decoration: none;
    float: left;
    text-align: center;
    position: relative;
    padding: 0 10px;
}

.mod-category.urgent {
    background: #e2356e;
}


/*角丸資格アイコン*/

.mod-qualificationIcon {
    background: #004a83;
    height: 26px;
    padding: 4px 20px;
    text-align: center;
    border-radius: 13px;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 28px;
    line-height: 2.8rem;
    font-weight: normal;
}


/*お知らせカウント*/

.mod-noticeBadge {
    min-width: 8px;
    height: 18px;
    border-radius: 9px;
    padding: 0 5px;
    background: #e2356e;
    color: #fff;
    position: absolute;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    line-height: 1.8rem;
    top: -6px;
    right: -3px;
}


/*所有ポイント*/

.mod-point {
    position: relative;
    color: #004a83;
    font-size: 20px;
    font-size: 2rem;
    line-height: 30px;
    line-height: 3rem;
    font-weight: bold;
    text-align: center;
    padding: 15px 15px 10px 15px;
    border-bottom: 1px solid #d2dce7;
}

.mod-point-inner {
    display: inline-block;
    position: relative;
    padding-left: 30px;
}

.mod-point-inner strong {
    padding-right: 10px;
}

.mod-point-inner:before {
    content: "";
    display: inline-block;
    width: 35px;
    height: 34px;
    position: absolute;
    top: 50%;
    background: url(/common/img/icon-point.png) no-repeat;
    background-size: 30px;
    margin-top: -15px;
    left: -10px;
}

.mod-point .point-link:hover {
    cursor: pointer;
}


/*記事タイトル*/

.mod-articlTitle {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 26px;
    line-height: 2.6rem;
    text-decoration: underline;
    font-weight: bold;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.mod-articlTitle.RecommendSalesmovie{
    display: block;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: none;
}

.mod-articlTitle.alreadyRead {
    font-weight: normal !important;
}

.mod-articlTitle.normal {
    font-weight: normal !important;
}

.mod-articlTitle .normal {
    font-weight: normal !important;
}

.mod-articlTitle.inset-label {
    position: relative;
    padding-left: 70px;
}

.mod-articlTitle.inset-label .mod-thumbLink__label {
    top: 4px !important;
    left: 0 !important;
}

.mod-for-member {
    position: relative;
}

.mod-for-member:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/common/img/icon-lock.svg) no-repeat center bottom;
    background-size: 16px;
    margin-left: 5px;
}

.icon-official {
    background: #e2356e;
    color: #fff;
    padding: 0px 8px;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 18px;
    line-height: 1.8rem;
    margin-right: 5px;
    border-radius: 9px;
    display: inline-block;
    position: relative;
    top: -2px;
    height: 18px;
}


/*記事情報*/

.mod-articleData {
    margin-top: 5px;
}

.mod-articleData:after {
    content: "";
    clear: both;
    display: block;
}

.mod-articleData .qaState {
    float: left;
    margin-right: 10px;
    font-weight: bold;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 16px;
    line-height: 1.6rem;
    color: #fff;
    padding: 2px 12px 1px;
    border-radius: 10px;
}

.mod-articleData .qaState.is-expired {
    background: #E2E2E2;
    color: #555;
}

.mod-articleData .qaState.is-open {
    background: #e2356e;
}

.mod-articleData .qaState.is-done {
    background: #004a83;
}

.mod-articleData .articleDetail {
    float: left;
    margin-right: 20px;
}

.mod-articleData .articleDetail dt,
.mod-articleData .articleDetail dd {
    display: inline-block;
}

.mod-articleData .articleDetail dt:after {
    position: relative;
    content: "：";
}

.mod-articleData .articleDetail.category-list {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    line-height: 1.8rem;
}

.mod-articleData .articleDetail.category-list dd {
    color: #668ab1;
    border: 1px solid;
    text-align: center;
    display: inline-block;
    padding: 4px 5px 3px;
    font-size: 12px;
    line-height: 12px;
    border-radius: 4px;
    margin: 1px 0;
}

.mod-articleData .articleDetail .thanks-point {
    position: relative;
    padding-left: 20px;
}

.mod-articleData .articleDetail .thanks-point:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/common/img/icon-point.png) no-repeat;
    background-size: 16px;
    position: absolute;
    left: 0;
}


/*記事カテゴリ*/

.mod-articleCategory {
    margin: 10px;
}

.mod-articleCategory .category {
    border-radius: 6px;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 14px;
    line-height: 1.4rem;
    padding: 3px 10px;
    text-align: center;
}

.mod-articleCategory .category.new {
    background: #e2356e;
}

.mod-articleCategory .category.pointUnacquired {
    background: #668ab1;
}

.mod-articleCategory .category.pointAcquired {
    background: #a5a5a5;
}

.mod-articleCategory .category.communityCategory {
    background: #668ab1;
}

.mod-articleCategory .category.joiningCommunity {
    background: #e2356e;
}

.mod-articleCategory .category.applyingCommunity {
    background: #668ab1;
}

.mod-articleCategory .category.add-point {
    background: #668ab1;
}

.mod-articleCategory a.category {
    color: #fff;
}

.mod-articleCategory .category-point {
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 20px;
    line-height: 2rem;
    padding-left: 5px;
    font-weight: bold;
    position: relative;
    top: 1px;
    font-weight: bold;
}

.mod-articleCategory a {
    text-decoration: none;
}

.mod-articleCategory a:hover {
    color: #fff;
}

.mod-articleCategory.mod-horizontal-list li {
    padding-right: 0;
}


/*記事情報*/

.mod-articlText.date-label {
    display: flex;
    justify-content: space-between;
    -ms-flex-pack: justify;
    align-items: center;
    min-height: 26px;
}

.mod-articlText.date-label .date {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 12px;
    line-height: 1.2rem;
    padding-right: 5px;
}

.mod-articlText.date-label .mod-articleCategory {
    margin: 0;
}

.mod-articlText+.mod-articlTitle {
    margin: 5px 0 0;
}


/*各省庁*/

.mod-organName {
    width: 50px;
    height: 50px;
    display: table;
    float: left;
    border: 1px solid #d2dce7;
    color: #004a83;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    line-height: 1.8rem;
    position: relative;
    background: #fff;
    text-decoration: none !important;
}

.mod-organName span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.mod-organName:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 0;
    top: 0;
    position: absolute;
    left: 0;
}

.mod-organName.moj:before {
    border-color: #cc5858 transparent transparent transparent;
}

.mod-organName.mhlw:before {
    border-color: #32b23b transparent transparent transparent;
}

.mod-organName.fsa:before {
    border-color: #c79818 transparent transparent transparent;
}

.mod-organName.mof:before {
    border-color: #ffa800 transparent transparent transparent;
}

.mod-organName.mc:before {
    border-color: #a658db transparent transparent transparent;
}

.mod-organName.nta:before {
    border-color: #83d1e7 transparent transparent transparent;
}

.mod-organName.meti:before {
    border-color: #f9a1f0 transparent transparent transparent;
}


/*写真サムネイルリスト*/

.mod-thumbnailList:after {
    content: "";
    clear: both;
    display: block;
}

.mod-thumbnailList .thumbnail {
    float: left;
}

.mod-thumbnailList .thumbnail a,
.mod-thumbnailList .thumbnail>span {
    display: inline-block;
    position: relative;
}

.mod-thumbnailList .thumbnail a img,
.mod-thumbnailList .thumbnail>span img {
    width: 100%;
    height: auto;
}


/*横幅フル写真とキャプション*/

.mod-wFullimgWithCaption img {
    width: 100%;
}

.mod-wFullimgWithCaption .caption {
    margin-top: 10px;
}


/*記事のソート*/

.mod-sortBox {
    padding: 20px;
}

.mod-sortBox .SortBtn {
    display: inline-block;
    min-width: 170px;
    padding: 0px 10px 0px 0 !important;
}

.mod-sortBox .SortBtn a {
    width: 100%;
    min-width: inherit;
    padding-right: 35px;
}

.mod-sortBox .SortBtn a::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 18px;
    width: 7px;
    height: 7px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg) translateY(-50%);
}

.mod-sortBox .SortBtn a:after {
    border: none;
    top: 44% !important;
    border-bottom: 2px solid #555;
    border-right: 2px solid #555;
}

.mod-sortBox .SortBtn a.active {
    background: #668ab1;
    color: #fff;
}

.mod-sortBox .SortBtn a.active:after {
    border: none;
    top: 44% !important;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
}


/*記事のソート　大*/

.mod-sortLarge {
    display: flex;
}

.mod-sortLarge .sortLargeBtn a {
    display: table;
    width: 100%;
    background: #e9eef3;
    border: 1px solid #d2dce7;
}

.mod-sortLarge .sortLargeBtn a span {
    display: table-cell;
    vertical-align: middle;
}

.mod-sortLarge .sortLargeBtn a:hover {
    background: #e9eef3;
}

.mod-sortLarge .sortLargeBtn.active a {
    background: #668ab1;
    color: #fff;
}


/*ランキング*/

.mod-rankingRibbon>span {
    height: 50px;
    padding: 8px 30px 8px 15px;
    text-align: center;
    box-sizing: border-box;
    position: relative;
    color: #fff;
    display: inline-block;
    white-space: nowrap;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    line-height: 1.8rem;
}

.mod-rankingRibbon>span:after {
    content: '';
    width: 0px;
    height: 0px;
    border-width: 25px 10px 25px 0px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.mod-rankingRibbon>span.pink {
    background: #e2356e;
}

.mod-rankingRibbon>span span {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 18px;
    line-height: 1.8rem;
    font-weight: bold;
}

.mod-ribbon {
    position: relative;
}

.mod-ribbon .content {
    background: #e2356e;
    color: #fff;
    width: 36px;
    display: inline-block;
    text-align: center;
    top: 0;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 20px;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 20px;
    line-height: 2rem;
}

.mod-ribbon .right,
.mod-ribbon .left {
    position: absolute;
    bottom: -24px;
    height: 14px;
    text-align: center;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    white-space: nowrap;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 14px;
    line-height: 1.4rem;
    background: #c6265b;
}

.mod-ribbon .right:after,
.mod-ribbon .left:after {
    content: '';
    width: 0px;
    height: 0px;
}

.mod-ribbon .right {
    right: -8px;
    padding: 7px 0 7px 15px;
}

.mod-ribbon .right:after {
    border-width: 7px 4px 7px 0px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.mod-ribbon .left {
    left: -8px;
    padding: 7px 0 7px 15px;
}

.mod-ribbon .left:after {
    border-width: 7px 0 7px 4px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.mod-ribbon.best-answer .content {
    background: #568fcc;
}

.mod-ribbon.best-answer .right,
.mod-ribbon.best-answer .left {
    background: #234f7d;
}


/*縦並びのボタン*/

.mod-tandemBox .tandemBtn {
    margin-bottom: 8px;
}


/*業務・業種リスト*/

.mod-jobType {
    padding-bottom: 20px;
}

.mod-jobType .title {
    font-weight: bold;
}

.mod-jobType__detail {
    padding-left: 15px;
}

.mod-jobType:last-child {
    padding-bottom: 0;
}


/*上線が点線のボックス*/

.mod-topDashedBox {
    border-top: 1px dotted #004a83;
    padding-top: 20px;
}


/*内容少な目のコンテンツ*/

.mod-complete-contents {
    min-height: 300px;
    height: 300px;
    display: table;
    width: 100%;
}

.mod-complete-contents>.inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.inner+.mod-complete-contents {
    margin-top: -20px;
}


/*管理コミュ*/

.mod-kanriCommunity .mod-thumbLink {
    position: relative;
}

.mod-kanriCommunity .mod-thumbLink:before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background: url(/common/img/icon-management_community-star.svg) no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}


/*ただ横に並べるリスト*/

.mod-horizontal-list li {
    display: inline-block;
    padding-right: 10px;
}

.mod-horizontal-list li:last-child {
    padding-right: 0;
}

.mod-horizontal-list.category-list li {
    padding-right: 0;
}


/*ただ横に並べる定義リスト*/

.mod-horizontal-definitionList {
    display: flex;
}

.mod-horizontal-definitionList.middle {
    align-items: center;
}

.mod-calendar-period .title {
    display: inline-block;
    padding-right: 15px;
}

.mod-calendar-period .period {
    display: inline-block;
}

.mod-calendar-period .period .ui-datepicker-trigger {
    margin-right: 10px;
    width: 24px;
    height: 24px;
}


/*ただ横に並べるボックス*/

.mod-horizontal-box {
    display: flex;
}

.mod-horizontal-box>*:not(:first-child) {
    padding-left: 20px;
}

.mod-horizontal-box.center {
    justify-content: center;
}

.mod-horizontal-box .w-600 {
    width: 600px;
}

.mod-category-select a {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 25.9px;
    line-height: 2.59rem;
}

.mod-question {
    display: block;
    background: #568fcc;
    color: #fff;
    width: 25px;
    text-align: center;
    float: left;
}

.mod-answer {
    display: block;
    background: #e2356e;
    color: #fff;
    width: 25px;
    text-align: center;
    float: left;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
}

.mod-tabs .tabs,
.mod-tabs .tab-links,
.mod-tab-links .tabs,
.mod-tab-links .tab-links {
    padding: 15px 18px 0;
    border-bottom: 1px solid #d2dce7;
    display: flex;
}

.mod-tabs .tabs li,
.mod-tabs .tab-links li,
.mod-tab-links .tabs li,
.mod-tab-links .tab-links li {
    text-align: center;
    position: relative;
}

.mod-tabs .tabs li a,
.mod-tabs .tab-links li a,
.mod-tab-links .tabs li a,
.mod-tab-links .tab-links li a {
    background: #e9eef3;
    text-decoration: none;
    display: block;
    padding: 10px;
    border: 1px solid #d2dce7;
    border-right: none;
    border-bottom: none;
    font-weight: bold;
    height: 100%;
}

.mod-tabs .tabs li a.is-active,
.mod-tabs .tab-links li a.is-active,
.mod-tab-links .tabs li a.is-active,
.mod-tab-links .tab-links li a.is-active {
    background: #668ab1;
    color: #fff;
}

.mod-tabs .tabs li a .mod-noticeBadge,
.mod-tabs .tab-links li a .mod-noticeBadge,
.mod-tab-links .tabs li a .mod-noticeBadge,
.mod-tab-links .tab-links li a .mod-noticeBadge {
    right: 0px;
}

.mod-tabs .tabs li:last-child a,
.mod-tabs .tab-links li:last-child a,
.mod-tab-links .tabs li:last-child a,
.mod-tab-links .tab-links li:last-child a {
    border-right: 1px solid #d2dce7;
}

.mod-tabs .tabs.color-dark li a,
.mod-tabs .tab-links.color-dark li a,
.mod-tab-links .tabs.color-dark li a,
.mod-tab-links .tab-links.color-dark li a {
    background: #b9d0e9;
}

.mod-tabs .tabs.color-dark li a.is-active,
.mod-tabs .tab-links.color-dark li a.is-active,
.mod-tab-links .tabs.color-dark li a.is-active,
.mod-tab-links .tab-links.color-dark li a.is-active {
    background: #1d6197;
}

.mod-tabs .tabs.w-full,
.mod-tabs .tab-links.w-full,
.mod-tab-links .tabs.w-full,
.mod-tab-links .tab-links.w-full {
    padding-left: 0;
}

.mod-tabs .tabs.w-full li,
.mod-tabs .tab-links.w-full li,
.mod-tab-links .tabs.w-full li,
.mod-tab-links .tab-links.w-full li {
    margin-right: 5px;
    border-radius: 6px 6px 0 0;
    width: 25%;
}

.mod-tabs .tabs.w-full li a,
.mod-tabs .tab-links.w-full li a,
.mod-tab-links .tabs.w-full li a,
.mod-tab-links .tab-links.w-full li a {
    border-radius: 6px 6px 0 0;
}

.mod-tabs .tabs.w-full li:last-child,
.mod-tabs .tab-links.w-full li:last-child,
.mod-tab-links .tabs.w-full li:last-child,
.mod-tab-links .tab-links.w-full li:last-child {
    margin-right: 0;
}

.mod-tabs .tab-contents,
.mod-tab-links .tab-contents {
    display: none;
}

.mod-tabs .tab-contents.is-active,
.mod-tab-links .tab-contents.is-active {
    display: block;
}

.mod-tabs.tab-sortBtn .tabs,
.mod-tab-links.tab-sortBtn .tabs {
    padding: 0 10px 10px;
    border-bottom: none;
    display: inline-block;
    margin-bottom: -15px;
}

.mod-tabs.tab-sortBtn .tabs li,
.mod-tab-links.tab-sortBtn .tabs li {
    min-width: inherit;
    padding-bottom: 5px;
}

.mod-tabs.tab-sortBtn .tabs li a,
.mod-tab-links.tab-sortBtn .tabs li a {
    border: none;
    border-radius: 6px;
    font-weight: normal;
    transition: all 0.3s 0s ease;
    background: #e9eef3;
    border: 1px solid #d2dce7;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.mod-tabs.tab-sortBtn .tabs li a.is-active,
.mod-tab-links.tab-sortBtn .tabs li a.is-active {
    background: #668ab1;
}

.mod-tabs.tab-sortBtn .tabs li a.is-active:hover,
.mod-tab-links.tab-sortBtn .tabs li a.is-active:hover {
    background: #668ab1;
}

.mod-tabs.tab-sortBtn .tabs li a:hover,
.mod-tab-links.tab-sortBtn .tabs li a:hover {
    background: #e9eef3;
}

.mod-tabs.tab-sortBtn .tabs li a span,
.mod-tab-links.tab-sortBtn .tabs li a span {
    align-items: center;
    justify-content: center;
    display: flex;
}

.mod-tabs.tab-sortBtn .tabs li a:after,
.mod-tab-links.tab-sortBtn .tabs li a:after {
    content: none;
}

.mod-tabs.tab-sortBtn .tabs li a.down-arrow,
.mod-tab-links.tab-sortBtn .tabs li a.down-arrow {
    position: relative;
    padding-bottom: 15px;
}

.mod-tabs.tab-sortBtn .tabs li a.down-arrow::after,
.mod-tab-links.tab-sortBtn .tabs li a.down-arrow::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 18px;
    width: 7px;
    height: 7px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg) translateY(-50%);
}

.mod-tabs.tab-sortBtn .tabs li a.down-arrow:after,
.mod-tab-links.tab-sortBtn .tabs li a.down-arrow:after {
    border-bottom: 1px solid #555;
    border-right: 1px solid #555;
    right: 50%;
    top: auto;
    bottom: 5px;
}

.mod-tabs.tab-sortBtn .tabs li a.down-arrow.is-active:after,
.mod-tab-links.tab-sortBtn .tabs li a.down-arrow.is-active:after {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}

.mod-tabs.tab-border .tab-contents,
.mod-tab-links.tab-border .tab-contents {
    border: 1px solid #d2dce7;
    border-top: none;
}

.mod-simple-tabs .tabs {
    display: flex;
}

.mod-simple-tabs .tabs li {
    text-align: center;
    position: relative;
    flex: 1;
}

.mod-simple-tabs .tabs li a {
    display: flex;
    height: 30px;
    justify-content: center;
    align-items: center;
    background: #e9eef3;
    text-decoration: none;
    border: 1px solid #d2dce7;
    border-right: none;
    font-weight: bold;
}

.mod-simple-tabs .tabs li a.is-active {
    background: #fff;
    color: #555;
    border: none;
}

.mod-simple-tabs .tabs li a .mod-noticeBadge {
    right: 0px;
}

.mod-simple-tabs .tab-contents {
    display: none;
}

.mod-simple-tabs .tab-contents.is-active {
    display: block;
}

.block>.mod-tabs .tabs li {
    width: 25%;
}

.mod-accordion {
    cursor: pointer;
    position: relative;
    background: #568fcc;
    color: #fff;
    padding: 6px 21px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 25.9px;
    line-height: 2.59rem;
    font-weight: bold;
    margin-top: 1px;
}

.mod-accordion:after,
.mod-accordion:before {
    content: "";
    display: block;
    width: 15px;
    height: 2px;
    border: 0;
    background: #fff;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -2px;
    transition: all 0.3s 0s ease;
}

.mod-accordion:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.mod-accordion+.accordion-contents {
    display: none;
    background: #fff;
}

.mod-accordion.is-open:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.mod-accordion.is-open:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.mod-accordion.is-open+.accordion-contents {
    display: block;
    background: #fff;
}

.mod-tooltip-wrap {
    position: relative;
    display: inline-block;
}

.mod-tooltip-wrap:hover .tooltip {
    display: block;
    position: absolute;
    bottom: -30px;
    color: #fff;
    background: rgba(0, 0, 0, 0.75);
    width: 80px;
    padding: 2px;
    border-radius: 3px;
    z-index: 100;
    text-align: center;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 22.2px;
    line-height: 2.22rem;
    left: 50%;
    margin-left: -40px;
}

.mod-tooltip-wrap .tooltip {
    display: none;
}

.mod-tooltip-wrap .tooltip:after {
    content: "";
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -5px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #19283C transparent;
}

.css-form {
    display: none;
}

.mod-radio {
    padding-left: 28px;
    cursor: pointer;
    transition: all 0.5s 0s ease;
    position: relative;
    display: inline-block;
    margin: 8px 30px 5px 0;
    vertical-align: middle;
}

.mod-radio:last-child {
    margin-right: 0;
}

.mod-radio::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    border: 1px solid #d2dce7;
    background: #fff;
    border-radius: 100%;
    left: 0;
    margin-top: -9px;
    width: 18px;
    height: 18px;
}

.mod-radio::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    border-radius: 100%;
    background: #004a83;
    opacity: 0;
    transform: scale(0);
    transition: all 0.3s 0s ease;
    left: 4px;
    margin-top: -5px;
    width: 10px;
    height: 10px;
}

input[type="radio"]:checked+.mod-radio {
    color: #668ab1;
}

input[type="radio"]:checked+.mod-radio::after {
    opacity: 1;
    transform: scale(1);
}

.mod-check {
    padding-left: 28px;
    cursor: pointer;
    transition: all 0.5s 0s ease;
    position: relative;
    display: inline-block;
    margin: 5px 40px 5px 0;
    vertical-align: middle;
}

.mod-check:last-child {
    margin-right: 0;
}

.mod-check::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    border: 1px solid #d2dce7;
    border-radius: 2px;
    left: 0;
    margin-top: -9px;
    width: 18px;
    height: 18px;
    background: #fff;
}

.mod-check::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    opacity: 0;
    transform: scale(0);
    transition: all 0.2s 0s ease;
    left: 6px;
    margin-top: -9px;
    width: 6px;
    height: 14px;
    border-right: 2px solid #004a83;
    border-bottom: 2px solid #004a83;
    transform: translateY(4px) scale(0) rotate(45deg);
}

.mod-check.agree_rules {
    margin: 5px 0 5px 0;
}

input[type="checkbox"]:checked+.mod-check {
    color: #668ab1;
}

input[type="checkbox"]:checked+.mod-check::after {
    opacity: 1;
    transform: translateY(0) scale(1) rotate(45deg);
}

input[type="checkbox"]:checked+.mod-check::before {
    content: "" !important;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="url"] {
    border: 1px solid #d2d2d2;
    padding: 6px 10px;
    margin-right: 10px;
    width: 100%;
    height: 35px;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input[type="text"].size-l,
input[type="tel"].size-l,
input[type="email"].size-l,
input[type="password"].size-l,
input[type="url"].size-l {
    width: 70%;
}

input[type="text"].size-m,
input[type="tel"].size-m,
input[type="email"].size-m,
input[type="password"].size-m,
input[type="url"].size-m {
    width: 40%;
}

input[type="text"].size-s,
input[type="tel"].size-s,
input[type="email"].size-s,
input[type="password"].size-s,
input[type="url"].size-s {
    width: 20%;
}

input[type="text"].hasDatepicker:disabled+img,
input[type="tel"].hasDatepicker:disabled+img,
input[type="email"].hasDatepicker:disabled+img,
input[type="password"].hasDatepicker:disabled+img,
input[type="url"].hasDatepicker:disabled+img {
    opacity: 0.5;
    pointer-events: none;
}

textarea {
    border: 1px solid #d2dce7;
    padding: 8px 10px;
    width: 100%;
    height: 160px;
}

.select-wrap {
    position: relative;
    overflow: hidden;
}

.select-wrap:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 12px;
    width: 0;
    height: 0;
    margin-top: -2px;
    border: 4px solid transparent;
    border-top: 6px solid #004a83;
}

.select-wrap.disabled {
    color: #d2d2d2;
    border-color: #d2d2d2;
}

.select-wrap.disabled:before {
    border-top-color: #d2d2d2;
}

.select-wrap select {
    width: 250px;
    border: 1px solid #d2dce7;
    vertical-align: middle;
    padding: 8px 30px 8px 10px;
    z-index: 2;
    position: relative;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.select-wrap select::-ms-expand {
    display: none;
}

.select-wrap+label .mod-inputLabel {
    position: relative;
    top: 2px;
}

.select-wrap.w-full select {
    width: 100% !important;
}

.select-wrap.bg-white:before {
    z-index: 2;
}

.select-wrap.bg-white select {
    background: #fff;
    z-index: 1;
}

.input-wrap {
    padding-bottom: 20px;
}

.input-wrap:last-child {
    padding-bottom: 0;
}

.input-text {
    padding-left: 30px;
}

.mod-inputLabel {
    padding-right: 10px;
}

.mod-errorMessage {
    color: #e2356e;
}

td input+.mod-errorMessage,
td label+.mod-errorMessage {
    padding-top: 5px;
}

.mod-required {
    color: #e2356e;
    display: inline-block;
    padding-left: 10px;
}

.mod-searchBox {
    position: relative;
}

.mod-searchBox input[type="text"] {
    border-color: #d2dce7;
    border-radius: 6px;
    padding-right: 40px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
    line-height: 1.4rem;
}

.mod-searchBox input[type="submit"] {
    background: transparent;
    font-size: 0;
    width: 34px;
    border: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 4;
    margin: auto;
}

.mod-searchBox::after {
    content: "";
    display: block;
    width: 34px;
    height: 100%;
    background: #e2356e url(/common/img/icon-search-w.svg) center no-repeat;
    background-size: 16px 16px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    border-radius: 0 5px 5px 0;
}

.mod-searchBox.btn-none:after {
    content: none;
}

.mod-searchBox.icon-blue::after {
    background-color: #568fcc;
}

.mod-searchBox.inset-arrow-icon input {
    padding-right: 75px;
}

.mod-radio-switch+label,
.mod-radio-switch+label::before,
.mod-radio-switch+label::after {
    transition: all 0.2s 0s ease;
}

.mod-radio-switch+label {
    display: block;
    position: relative;
    width: 100px;
    height: 32px;
    border-radius: 24px;
    cursor: pointer;
    background-color: #e9eef3;
    border: 1px solid #d2dce7;
    float: right;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
    line-height: 1.4rem;
}

.mod-radio-switch+label::before {
    display: block;
    content: attr(data-off-label);
    position: absolute;
    top: 3px;
    right: 18px;
    color: #fff;
    color: #555;
    height: 14px;
    margin-top: -7px;
    top: 50%;
}

.mod-radio-switch+label::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 26px;
    height: 26px;
    background-color: #fff;
    border-radius: 50%;
}

.mod-radio-switch:checked+label {
    background-color: #668ab1;
}

.mod-radio-switch:checked+label::before {
    content: attr(data-on-label);
    right: 40px;
    color: #fff;
}

.mod-radio-switch:checked+label::after {
    left: 69px;
    background-color: #f7f7f7;
}

.mod-sms-status {
    background-color: #e9eef3;
    text-align: center;
    padding: 5px 10px;
}

.mod-sms-status__status {
    background: #fff;
    padding: 5px;
    font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
    line-height: 2rem;
}


/*subText*/

.mod-subText {
    padding-top: 10px;
}

.mod-subText.font-small {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 22.2px;
    line-height: 2.22rem;
}


/*img-figcaption*/

.mod-img-figcaption .img {
    display: table-cell;
    vertical-align: middle;
}

.mod-img-figcaption .img img {
    width: 100%;
    height: auto;
}

.mod-img-figcaption .img.w-60 {
    width: 60px;
}

.mod-img-figcaption figcaption {
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
}


/*サムネとキャプション　上下揃え*/

.mod-thumb-text-vMiddle {
    display: table;
}

.mod-thumb-text-vMiddle .thumb.w-60 {
    width: 60px;
}

.mod-thumb-text-vMiddle .thumb.w-40 {
    width: 40px;
}

.mod-thumb-text-vMiddle .thumb.w-100 {
    width: 100px;
}

.mod-thumb-text-vMiddle .thumb.w-100+.text {
    padding-left: 20px;
}

.mod-thumb-text-vMiddle .thumb img {
    width: 100%;
}

.mod-thumb-text-vMiddle .text {
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
}

.mod-thumb-text-vMiddle .check {
    display: table-cell;
    vertical-align: middle;
    padding-right: 5px;
}


/*scroll-box*/

.scroll-box {
    border: 1px solid #dcdcdc;
    padding: 20px 3px 20px 20px;
    height: 160px;
    position: relative;
    overflow: hidden;
}

.scroll-box h5 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 25.9px;
    line-height: 2.59rem;
    letter-spacing: 1px;
    font-weight: bold;
    margin-bottom: 6px;
    padding-top: 15px;
}

.scroll-box h5:first-child {
    padding-top: 0;
}

.scroll-box p {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 22px;
    line-height: 2.2rem;
    padding-bottom: 10px;
}

.scroll-box.height-600 {
    height: 600px;
}

.scroll-box.in-mainArea {
    border: none;
    padding: 0;
}

.mCSB_scrollTools .mCSB_dragger {
    background-color: #d2d2d2;
    width: 10px !important;
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff !important;
    width: 10px !important;
}

.mCSB_scrollTools .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center;
    background-color: #d2d2d2 !important;
    opacity: 1 !important;
}


/*×マークとセレクトボックスのセット*/

.mod-inset-cross-select .select-wrap select {
    width: 80%;
}

.mod-inset-cross-select .crossBox {
    position: relative;
}

.mod-inset-cross-select .crossBox:after,
.mod-inset-cross-select .crossBox:before {
    display: block;
    content: '';
    width: 2px;
    height: 18px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #004a83;
    border-radius: 10px;
    position: absolute;
    top: 10px;
    right: 5px;
}

.mod-inset-cross-select .crossBox:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/*検索条件表示*/

.mod-searchConditions {
    padding: 10px !important;
}

.mod-searchConditions .content {
    padding-left: 15px;
    padding-bottom: 10px;
    display: inline-block;
}

.mod-searchConditions .content .title {
    padding-right: 10px;
}

.mod-searchConditions .content .mod-input {
    background: #fff;
}

.mod-likeBox {
    float: right;
    top: -5px;
    padding-left: 10px;
}

.mod-likeBox button,
.mod-likeBox a {
    width: 80px;
    min-width: inherit;
    padding: 7px 0 5px;
    margin-right: 5px;
    padding-left: 20px;
}

.mod-likeBox button::before,
.mod-likeBox a::before {
    content: "";
    background: url(/common/img/icon-like.svg) no-repeat;
    background-size: 20px 20px;
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 3px;
    left: 6px;
}

.mod-likeBox button.pushed small,
.mod-likeBox a.pushed small {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 13px;
    line-height: 1.3rem;
    padding-left: 3px;
}

.mod-likeBox p {
    position: relative;
    display: inline-block;
    padding: 0 4px;
    width: auto;
    color: #668ab1;
    text-align: center;
    background: #fff;
    border: 1px solid #668ab1;
    z-index: 0;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 23px;
    line-height: 2.3rem;
}

.mod-likeBox p::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -5px;
    margin-top: -4px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 4px 6px 4px 0;
    border-color: transparent #fff transparent transparent;
    z-index: 0;
}

.mod-likeBox p::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -7px;
    margin-top: -4px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 4px 6px 4px 0;
    border-color: transparent #668ab1 transparent transparent;
    z-index: -1;
}

.mod-likeBox.inside-title {
    float: none;
    top: 0;
    padding-left: 0;
}

.mod-likeBox.inside-title button,
.mod-likeBox.inside-title .review-btn {
    display: inline-block;
    padding: 3px 0 2px 18px;
    width: 85px;
    height: 20px;
}

.mod-likeBox.inside-title button:before,
.mod-likeBox.inside-title .review-btn:before {
    background-size: 18px;
    top: 0px;
}

.mod-likeBox.inside-title button+p,
.mod-likeBox.inside-title .review-btn+p {
    display: inline-block;
    color: #668ab1;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    line-height: 1.8rem;
}

.mod-likeBox.review button,
.mod-likeBox.review a {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 14px;
    line-height: 1.4rem;
    width: 85px;
}

.mod-likeBox.review button::before,
.mod-likeBox.review a::before {
    content: "";
    background-image: url(/common/img/icon-review.svg);
}

.mod-likeBox.review button.pushed small,
.mod-likeBox.review a.pushed small {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 13px;
    line-height: 1.3rem;
    padding-left: 3px;
}

.mod-replyBox {
    float: right;
    top: -5px;
    padding-left: 10px;
}

.mod-replyBox button,
.mod-replyBox a {
    width: 75px;
    min-width: inherit;
    padding: 7px 0 7px;
    padding-left: 15px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 12px;
    line-height: 1.2rem;
}

.mod-replyBox button::before,
.mod-replyBox a::before {
    content: "";
    background: url(/common/img/icon-reply.svg) no-repeat;
    background-size: 20px 20px;
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 4px;
    left: 6px;
}

.mod-replyBox button.pushed small,
.mod-replyBox a.pushed small {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 13px;
    line-height: 1.3rem;
    padding-left: 3px;
}

.mod-commentEdit {
    position: relative;
    float: left;
}

.mod-commentEdit label {
    width: 20px;
    height: 20px;
    display: block;
    cursor: pointer;
    position: relative;
    padding-top: 4px;
}

.mod-commentEdit input {
    display: none;
}

.mod-commentEdit input:checked+.editList {
    display: block;
}

.mod-commentEdit .editBtn {
    width: 26px;
    height: 26px;
    display: block;
    background: url(/common/img/icon-edit.svg) center no-repeat;
    background-size: 14px;
}

.mod-commentEdit .editBtn:hover {
    cursor: pointer;
}

.mod-commentEdit .editList {
    display: none;
    position: absolute;
    background: #fff;
    width: 100px;
    top: 35px;
    left: -75px;
    border: 1px solid #d2dce7;
    z-index: 4;
}

.mod-commentEdit .editList::before,
.mod-commentEdit .editList::after {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    display: block;
    border-style: solid;
}

.mod-commentEdit .editList::before {
    top: -8px;
    right: 8px;
    border-width: 0 9px 9px 9px;
    border-color: transparent transparent #fff transparent;
    z-index: 0;
}

.mod-commentEdit .editList::after {
    top: -9px;
    right: 7px;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #d2dce7 transparent;
    z-index: -1;
}

.mod-commentEdit .editList ul li {
    border-bottom: 1px solid #d2dce7;
    padding: 5px 15px;
}

.mod-commentEdit .editList ul li:last-child {
    border: none;
}

.mod-commentEdit .editList ul li a {
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 22.2px;
    line-height: 2.22rem;
}

.mod-commentEdit .editList-one {
    top: 0px !important;
}

.mod-commentEdit .editList-one:before {
    margin-top: -10px !important;
}

.mod-commentEdit .editList-one:after {
    margin-top: -11px !important;
}

.mod-likeBox-plural .mod-likeBox {
    display: inline-block;
}

.mod-likeBox-plural .mod-view-count {
    display: inline-block;
    margin-right: 5px;
}

.mod-point-appeal p,
.mod-point-appeal .title {
    display: inline-block;
    position: relative;
    padding-left: 24px;
}

.mod-point-appeal p:after,
.mod-point-appeal .title:after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 46%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(/common/img/icon-point.png) no-repeat;
    background-size: 24px;
    background-size: 24px;
    left: -7px;
}

.mod-view-count {
    background: #f3dc1e;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 18px;
    line-height: 1.8rem;
    padding: 2px 5px 0;
    color: #004a83;
    font-weight: normal;
    display: table;
}

.mod-message-summary {
    padding: 15px 15px 0 15px;
    display: inline-block;
    width: 100%;
}

.mod-message-summary:after {
    content: "";
    clear: both;
    display: block;
}

.mod-message-summary .image {
    float: left;
    position: relative;
    width: 56px;
    height: 56px;
}

.mod-message-summary .image img {
    width: 100%;
    height: auto;
}

.mod-message-summary .summary-body {
    padding-left: 66px;
    padding-right: 45px;
    position: relative;
}

.mod-message-summary .summary-body .member {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    line-height: 1.8rem;
    display: block;
    padding-bottom: 5px;
}

.mod-message-summary .summary-body .latest-remarks {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    line-height: 1.8rem;
    display: inline-block;
}

.mod-message-summary .summary-body .time {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 18px;
    line-height: 1.8rem;
    position: absolute;
    top: 0;
    right: 0;
    padding-bottom: 0;
}

.mod-message-summary .summary-body .mod-commentEdit {
    float: none;
    position: absolute;
    right: -5px;
    top: 18px;
}

.mod-message-summary .summary-body .mod-commentEdit .editBtn {
    background: none;
}

.mod-message-summary .summary-body .mod-commentEdit label img {
    width: 20px;
    height: auto;
}

.mod-message-summary .summary-body .mod-commentEdit label .message-setting {
    width: 20px;
    height: 20px;
    background: #668ab1;
    border-radius: 10px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    display: inline-block;
}

.mod-message-summary .summary-body .mod-commentEdit label .message-setting::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 18px;
    width: 7px;
    height: 7px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg) translateY(-50%);
}

.mod-message-summary .summary-body .mod-commentEdit label .message-setting:after {
    right: 50%;
    margin-right: -1px;
    margin-top: -2px;
}

.mod-message-summary .summary-body .mod-commentEdit .editList {
    width: 125px;
    left: -135px;
    top: -30px;
}

.mod-message-summary .summary-body .mod-commentEdit .editList::before {
    top: 50%;
    right: -8px;
    margin-top: -24px;
    border-width: 9px 0 9px 9px;
    border-color: transparent transparent transparent #fff;
    z-index: 0;
    left: auto;
}

.mod-message-summary .summary-body .mod-commentEdit .editList::after {
    top: 50%;
    right: -9px;
    margin-top: -25px;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #d2dce7;
    left: auto;
}

.mod-message-summary .summary-body .mod-commentEdit .editList ul li {
    padding: 2px 10px;
}

.mod-message-summary .summary-body .mod-commentEdit .editList ul li a {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 16px;
    line-height: 1.6rem;
}

.mod-message-searchCondition {
    text-align: center;
    background: #9b9b9b;
    color: #fff;
    padding: 12px 0;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 20px;
    line-height: 2rem;
    letter-spacing: 1px;
    margin-top: 15px;
}

.mod-message-control {
    padding: 0 15px;
    position: relative;
}

.mod-message-bottom-form {
    margin: 0 4px;
    position: absolute;
    bottom: 5px;
    width: -webkit-calc(100% - 8px);
    width: calc(100% - 8px);
}

.mod-message-bottom-form .form-area {
    padding: 20px;
    background: #f3f3f3;
}

.mod-message-bottom-form .form-area:after {
    content: "";
    clear: both;
    display: block;
}

.mod-message-bottom-form .form-area .icon-clip {
    position: absolute;
    right: 145px;
}

.mod-message-bottom-form .form-area input {
    padding-right: 40px;
}

.mod-message-bottom-form .form-area textarea {
    padding-right: 40px;
    min-height: 35px;
    height: auto;
    max-height: 150px;
    overflow-y: scroll;
}

.mod-message-bottom-form .form-area .textarea {
    float: left;
    width: calc(100% - 70px);
    position: relative;
    height: 80px;
}

.mod-message-bottom-form .form-area .textarea textarea {
    padding-right: 60px;
    min-height: 35px;
    height: 100%;
    max-height: 150px;
    overflow-y: scroll;
    float: none;
    width: 100%;
}

.mod-message-bottom-form .form-area .textarea .icon-clip {
    position: absolute;
    right: 20px;
    flex-direction: column;
    padding: 0 0 0 40px;
}

.mod-message-bottom-form .form-area .textarea+.btn {
    float: right;
    min-width: auto;
}

.mod-thread-status {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    line-height: 1.8rem;
    padding: 15px 0 0 0;
    font-weight: bold;
    text-align: center;
}

.mod-thread-title {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    line-height: 1.8rem;
    padding: 15px 150px 15px 15px;
}

.mod-thread-title.inset-search {
    position: relative;
    padding: 15px 160px 15px 15px;
}

.mod-thread-title.inset-search .search {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -11px;
}

.mod-thread-title.inset-close {
    position: relative;
    padding: 15px 160px 15px 15px;
}

.mod-thread-title.inset-close .search {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -11px;
}

.mod-thread-title .link-delete:before,
.mod-thread-title .link-delete:after {
    left: -12px;
    top: 2px;
    background-color: #568fcc;
}

.mod-search-focus {
    background: #ffd4d4;
}

.mod-message {
    padding: 15px 0 0 0;
    position: relative;
}

.mod-message:after {
    content: "";
    clear: both;
    display: block;
}

.mod-message:last-child {
    padding-bottom: 15px;
}

.mod-message .image {
    float: left;
    height: 32px;
    position: relative;
    width: 30px;
    height: 30px;
}

.mod-message .image img {
    width: 100%;
    height: auto;
}

.mod-message .message-body {
    padding-left: 40px;
    padding-right: 10px;
}

.mod-message .message-body .messenger-name {
    color: #004a83 !important;
    font-weight: bold;
}

.mod-message .message-body .time {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 18px;
    line-height: 1.8rem;
    padding-left: 10px;
}

.mod-message .message-body .content {
    background: #e9eef3;
    padding: 10px 40px 10px 20px;
    position: relative;
}

.mod-message .message-body .content.no-read {
    font-weight: bold;
}

.mod-message .message-body .file-upload {
    padding: 10px 0;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 18px;
    line-height: 1.8rem;
}

.mod-message .message-body .file-upload-link {
    background: url(/common/img/icon-clip.svg) no-repeat center left;
    padding-left: 22px;
    background-size: 15px;
}

.mod-message .message-body .file-upload-img {
    width: 300px;
    height: auto;
    max-width: 100%;
}

.mod-message .message-body .file-upload-img a img {
    width: 100%;
    height: auto;
}

.mod-message .message-body .read-status {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 18px;
    line-height: 1.8rem;
    padding-top: 2px;
}

.mod-message .message-body .mod-commentEdit {
    float: none;
    position: absolute;
    right: 5px;
    top: 5px;
}

.mod-message .message-body .mod-commentEdit label img {
    width: 20px;
    height: auto;
}

.mod-message .message-body .mod-commentEdit label .message-setting {
    width: 20px;
    height: 20px;
    background: #668ab1;
    border-radius: 10px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    display: inline-block;
}

.mod-message .message-body .mod-commentEdit label .message-setting::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 18px;
    width: 7px;
    height: 7px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg) translateY(-50%);
}

.mod-message .message-body .mod-commentEdit label .message-setting:after {
    right: 50%;
    margin-right: -1px;
    margin-top: -2px;
}

.mod-message .message-body .mod-commentEdit .editList {
    left: -115px;
    top: 0px;
}

.mod-message .message-body .mod-commentEdit .editList::before {
    top: 50%;
    right: -8px;
    margin-top: -8px;
    border-width: 9px 0 9px 9px;
    border-color: transparent transparent transparent #fff;
    z-index: 0;
    left: auto;
}

.mod-message .message-body .mod-commentEdit .editList::after {
    top: 50%;
    right: -9px;
    margin-top: -9px;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #d2dce7;
    left: auto;
}

.mod-message .message-body .mod-commentEdit .editList ul li {
    padding: 5px 10px;
}

.mod-message .message-body .mod-commentEdit .editList ul li a {
    font-weight: normal;
}

.mod-message.message-right {
    padding: 15px 0 15px 0;
}

.mod-message.message-right .image {
    float: right;
    padding-top: 25px;
}

.mod-message.message-right .message-body {
    padding-left: 0px;
    padding-right: 40px;
}

.mod-message.message-right .message-body .time {
    padding-left: 0;
}

.mod-message.message-right .message-body .content {
    background: #668ab1;
    color: #fff;
}

.mod-message.message-right .message-body .content .message-setting {
    background: #fff;
}

.mod-message.message-right .message-body .content .message-setting:after {
    border-bottom: 2px solid #668ab1;
    border-right: 2px solid #668ab1;
}

.mod-member-management {
    padding: 0 15px;
    background: #fff;
}

.mod-member-management li {
    display: inline-block;
    padding-right: 20px;
}

.mod-member-management li a {
    color: #568fcc !important;
    position: relative;
    display: inline-block;
    padding: 10px 0 10px 20px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    line-height: 1.8rem;
}

.mod-member-management li a.add-member:after,
.mod-member-management li a.add-member:before {
    content: "" !important;
    display: block !important;
    width: 14px;
    height: 2px;
    border: 0;
    background: #568fcc;
    position: absolute;
    top: 50%;
    left: 0px;
    margin-top: -2px;
}

.mod-member-management li a.add-member:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 19px;
}

.mod-member-management li a.delete-member:before {
    content: "" !important;
    display: block !important;
    width: 12px;
    height: 2px;
    border: 0;
    background: #568fcc;
    position: absolute;
    top: 50%;
    left: 0px;
    margin-top: -2px;
}


/*emotion-button*/

.mod-emotion-box-wrap {
    display: flex;
}

.mod-emotion-box {
    margin-right: 20px;
}

.mod-emotion-box .emotionButton {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 18px;
    line-height: 1.8rem;
    height: 20px;
    background: #fff;
    border-radius: 3px;
    background: #568fcc;
    position: relative;
    padding: 0 5px 0 24px;
    color: #fff;
}

.mod-emotion-box .emotionButton:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 7px;
    background-size: 10px;
    top: 50%;
    left: 5px;
    margin-top: -7px;
    position: absolute;
    margin-right: 12px;
}

.mod-emotion-box .emotionButton.good {
    background: #f3dc1e;
    color: #004a83;
}

.mod-emotion-box .emotionButton.good:before {
    background: #004a83 url(/common/img/icon-good.svg) no-repeat center;
    background-size: 12px;
}

.mod-emotion-box .emotionButton.good.pushed {
    background: #ebd30d;
}

.mod-emotion-box .emotionButton.good.pushed:after {
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.mod-emotion-box .emotionButton.helpful {
    background: #568fcc;
    color: #fff;
}

.mod-emotion-box .emotionButton.helpful:before {
    background: #fff url(/common/img/icon-thanks.svg) no-repeat center;
    background-size: 10px;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
}

.mod-emotion-box .emotionButton.helpful.pushed {
    background: #3775b8;
}

.mod-emotion-box .emotionButton.helpful.pushed:after {
    border-left: 2px solid #e2356e;
    border-bottom: 2px solid #e2356e;
}

.mod-emotion-box .emotionButton.naruhodo {
    background: #568fcc;
    color: #fff;
}

.mod-emotion-box .emotionButton.naruhodo:before {
    background: #004a83 url(/common/img/icon-naruhodo.svg) no-repeat center;
    background-size: 10px;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
}

.mod-emotion-box .emotionButton.naruhodo.pushed {
    background: #3775b8;
}

.mod-emotion-box .emotionButton.naruhodo.pushed:after {
    border-left: 2px solid #f3dc1e;
    border-bottom: 2px solid #f3dc1e;
}

.mod-emotion-box .emotionButton.thanks-comment {
    background: #568fcc;
    color: #fff;
}

.mod-emotion-box .emotionButton.thanks-comment:before {
    background: #004a83 url(/common/img/icon-notification.svg) no-repeat center;
    background-size: 20px;
    margin-top: -10px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
}

.mod-emotion-box .emotionButton.thanks-comment.pushed {
    background: #3775b8;
}

.mod-emotion-box .emotionButton.thanks-comment.pushed:after {
    border-left: 2px solid #f3dc1e;
    border-bottom: 2px solid #f3dc1e;
}

.mod-emotion-box .emotionButton.pushed:before {
    background-image: none;
}

.mod-emotion-box .emotionButton.pushed:after {
    display: block;
    content: '';
    position: absolute;
    top: 10px;
    left: 11px;
    width: 9px;
    height: 5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mod-emotion-box .count {
    position: relative;
    display: inline-block;
    padding: 0 4px;
    width: auto;
    color: #668ab1;
    text-align: center;
    background: #fff;
    border: 1px solid #668ab1;
    z-index: 0;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 16px;
    line-height: 1.6rem;
    margin-left: 5px;
}

.mod-emotion-box .count:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -5px;
    margin-top: -4px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 4px 6px 4px 0;
    border-color: transparent #fff transparent transparent;
    z-index: 0;
}

.mod-emotion-box .count:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -7px;
    margin-top: -4px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 4px 6px 4px 0;
    border-color: transparent #668ab1 transparent transparent;
    z-index: -1;
}

.mod-emotion-box.size-l button {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 18px;
    line-height: 1.8rem;
    height: 26px;
    padding: 5px 10px 5px 30px;
}

.mod-emotion-box.size-l button:before {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    margin-top: -10px;
    left: 7px;
}

.mod-emotion-box.size-l button+.count {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 24px;
    line-height: 2.4rem;
    height: 24px;
}


/* mod-right-left*/

.mod-space-between {
    display: flex;
    justify-content: space-between;
    -ms-flex-pack: justify;
}


/*chart-form*/

.mod-chart-form {
    background: #568fcc;
    position: relative;
    border-radius: 6px;
}

.mod-chart-form__form textarea {
    height: 80px;
    overflow-y: scroll;
}

.mod-chart-form__title {
    background: #004a83;
    border-radius: 6px 6px 0 0;
    padding: 15px;
    text-align: center;
}

.mod-chart-form__title img {
    max-width: 100%;
}

.mod-chart-form__btn {
    font-weight: bold;
    max-width: 100%;
    padding: 10px 10px 6px !important;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 16px;
    line-height: 1.6rem;
}

.mod-chart-form__btn:before {
    background-size: 24px 30px !important;
    margin-right: 5px !important;
    margin-top: -2px;
}

.mod-tsukin-box {
    background: #fff;
    padding: 15px 12px;
    height: 100%;
}

.mod-tsukin-box .title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px;
    line-height: 2.2rem;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px;
    line-height: 2.2rem;
    font-weight: bold;
    padding-bottom: 5px;
}

.mod-tsukin-box .price {
    display: flex;
    padding-bottom: 10px;
}

.mod-tsukin-box .price .original-value {
    margin-right: 15px;
}

.mod-tsukin-box .price .original-value span {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 22.2px;
    line-height: 2.22rem;
}

.mod-tsukin-box .price .original-value p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 12px;
    line-height: 1.2rem;
    font-weight: bold;
    color: #e2356e;
    letter-spacing: -0.5px;
    white-space: nowrap;
    text-decoration: line-through;
}

.mod-tsukin-box .price .discount-value {
    color: #e2356e;
    display: flex;
}

.mod-tsukin-box .price .discount-value span {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 14px;
    line-height: 1.4rem;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e2356e;
}

.mod-tsukin-box .price .discount-value p {
    font-size: 20px;
    font-size: 2rem;
    line-height: 37px;
    line-height: 3.7rem;
    font-weight: bold;
    letter-spacing: -0.5px;
    white-space: nowrap;
}

.mod-tsukin-box .btn {
    background: #f76b1e;
    margin-top: auto;
}

.mod-tsukin-box .btn:hover {
    background: #e46017;
}

.mod-circleList li {
    padding-left: 20px;
    position: relative;
}

.mod-circleList li:before {
    content: "";
    display: inline-block;
    height: 4px;
    width: 4px;
    border-radius: 2px;
    background: #555;
    margin: 10px 0;
    position: absolute;
    left: 5px;
}

.mod-inset-label {
    position: relative;
    padding-top: 25px !important;
}

.mod-inset-label .label {
    position: absolute;
    background: #004a83;
    color: #fff;
    left: 0;
    top: 0;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 11px;
    line-height: 1.1rem;
    padding: 5px;
}

.mod-personIntroduction {
    display: flex;
}

.mod-personIntroduction .image {
    width: 124px;
}

.mod-personIntroduction .image img {
    width: 100%;
    height: auto;
    border: 1px solid #d2dce7;
}

.mod-personIntroduction .text {
    padding-left: 15px;
    float: left;
    width: calc(100% - 124px);
}

.mod-personIntroduction:after {
    content: "";
    display: block;
    clear: both;
}

.mod-bottom_info {
    position: fixed;
    bottom: 0;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    z-index: 88;
    width: 500px;
    left: 50%;
    margin-left: -250px;
    background: #fff;
    display: none;
}

.mod-bottom_info img {
    float: left;
}

.mod-bottom_info figure figcaption {
    float: left;
    width: calc(100% - 150px);
    padding: 15px;
}

.mod-bottom_info .close {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 6;
}

.mod-bottom_info .close a {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 30px;
    height: 30px;
    border-radius: 20px;
    background: #004a83;
    cursor: pointer;
    z-index: 1103;
}

.mod-bottom_info .close a:before,
.mod-bottom_info .close a:after {
    display: block;
    content: '';
    width: 2px;
    height: 18px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #fff;
    border-radius: 10px;
    position: absolute;
    top: 6px;
    left: 14px;
}

.mod-bottom_info .close a:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mod-side-PR {
    padding: 10px;
    border-top: 1px solid #d2dce7;
    line-height: 2rem;
}

@media screen and (max-width: 46em) {
    .sp-align-left {
        text-align: left;
    }
    .sp-align-center {
        text-align: center;
    }
    .sp-align-right {
        text-align: right;
    }
    .sp-borderTop {
        border-top: 1px solid #d2dce7;
        margin-top: 0px !important;
    }
    .inset-img-full .point-img {
        text-align: center;
        padding-bottom: 35px !important;
    }
    .inset-img-full .point-img img {
        width: 250px;
        height: auto;
    }
    .inset-img-full.point-exchange {
        text-align: center;
    }
    .inset-img-full.point-exchange img {
        width: 250px;
        height: auto;
    }
    .fontSize-l {
        font-size: 15px;
        font-size: 1.6rem;
        line-height: 21px;
        line-height: 2.1rem;
    }
    .fontSize-m {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 19px;
        line-height: 1.9rem;
    }
    .img-orig {
        max-width: 100%;
    }
    .sp-w-full {
        width: 100%;
        min-width: 0;
    }
    .mod-inset-blind .blind {
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 25%, white 100%);
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 25%, white 100%);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 25%, white 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    }
    .font-large {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 26px;
        line-height: 2.6rem;
    }
    .link-arrow::before {
        content: "";
        width: 0;
        height: 0;
        display: inline-block;
        border: 4.56px solid transparent;
        border-left: 8px solid #568fcc;
    }
    .link-arrow.font-large {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 22.2px;
        line-height: 2.22rem;
    }
    .link-blockAfter {
        margin-top: -10px;
        margin-right: 15px;
        margin-bottom: 20px;
    }
    .headline--lv1 {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 16px;
        line-height: 1.6rem;
        padding: 13px 15px;
    }
    .headline--lv1 span {
        font-size: 10px;
        font-size: 1rem;
        line-height: 12px;
        line-height: 1.2rem;
        margin-left: 10px;
    }
    .headline--lv1 .link {
        bottom: 10px;
    }
    .inset-searchBox {
        flex-wrap: wrap;
    }
    .inset-searchBox .headline--lv1 {
        padding-right: 15px;
    }
    .inset-searchBox .mod-searchBox {
        display: none;
    }
    .inset-searchBox.height-fifteen {
        min-height: 40px;
        padding: 6px 0;
    }
    .inset-searchBox.height-fifteen .headline--lv2 {
        padding: 3px 0 3px 15px;
        flex: 0 0 auto;
        margin-right: auto;
    }
    .inset-searchBox.height-fifteen .mod-searchBox {
        display: none;
    }
    .inset-searchBox .link {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 15px;
        line-height: 1.5rem;
        flex: 0 0 auto;
        padding: 3px 10px 3px 15px;
        text-align: left;
        text-indent: -10px;
        margin: 0 15px 0 0;
    }
    .inset-searchBox .link.inset-br {
        bottom: 5px;
        text-indent: -15px;
    }
    .inset-searchBox .link a {
        text-decoration: none;
    }
    .inset-btn {
        position: relative;
    }
    .inset-btn .btn-right {
        position: absolute !important;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 12px;
        line-height: 1.2rem;
        right: 20px;
        top: 20px;
        min-width: 120px !important;
        height: 26px;
        top: 50%;
        margin-top: -13px;
        padding-top: 7px;
        padding-bottom: 7px;
    }
    .headline--lv2 {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 15px;
        line-height: 1.5rem;
        padding: 13px 15px;
    }
    .headline--lv2.size-l {
        padding: 12px 21px 10px;
    }
    .headline--lv3 {
        font-size: 14px;
        font-size: 1.8rem;
        line-height: 22px;
        line-height: 2.5rem;
        padding: 10px 15px;
    }
    .headline--lv3 .repletion {
        margin-top: auto;
        top: inherit;
        right: 15px;
    }
    .headline--lv3 .number {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 16px;
        line-height: 1.6rem;
        bottom: 10px;
    }
    .headline--lv3.inset-topics-text {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 24.05px;
        line-height: 2.405rem;
    }
    .headline--lv3__lineBold {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 16px;
        line-height: 1.6rem;
    }
    .inset-sortBox {
        border-bottom: 1px solid #d2dce7;
    }
    .inset-sortBox .mod-sortBox {
        position: static;
        padding: 14px 15px;
    }
    .inset-sortBox .mod-sortBox.next-topics-text {
        padding-top: 15px;
    }
    .headline--lv4 {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 20px;
        line-height: 2rem;
        padding: 0 0 2px;
    }
    .headline--ranking {
        padding: 15px !important;
        min-height: auto;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 15px;
        line-height: 1.5rem;
    }
    .headline--ranking.noSpan {
        padding-left: 70px !important;
    }
    .inset-rankingRibbon {
        overflow: visible;
        display: block;
    }
    .inset-rankingRibbon .headline--lv3__lineBold {
        padding: 0;
        display: inline-block;
        width: 100%;
        border: none;
    }
    .inset-rankingRibbon .mod-rankingRibbon {
        display: inline-block;
        margin-bottom: 5px;
    }
    .inset-rankingRibbon .mod-rankingRibbon>span {
        text-align: left;
        height: 30px;
        padding: 8px 20px 0 10px;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 16px;
        line-height: 1.6rem;
    }
    .inset-rankingRibbon .mod-rankingRibbon>span span {
        margin-left: 8px;
    }
    .inset-rankingRibbon .mod-rankingRibbon>span:after {
        border-width: 15px 8px 20px 0px;
    }
    .headline--border-yellow {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 33.3px;
        line-height: 3.33rem;
        color: #004a83;
        font-weight: bold;
        text-align: center;
        margin-bottom: 20px;
    }
    .headline--border-yellow span {
        position: relative;
        z-index: 2;
        padding: 0 6px;
    }
    .headline--border-yellow span:after {
        content: "";
        display: inline-block;
        position: absolute;
        background: #f3dc1e;
        width: 100%;
        height: 10px;
        left: 0;
        bottom: -1px;
        z-index: -1;
    }
    .headline--point span {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 28px;
        line-height: 2.8rem;
        border-bottom: 4px solid #f3dc1e;
        letter-spacing: 1px;
    }
    .headline--point span small {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 14px;
        line-height: 1.4rem;
    }
    .headline--point span strong {
        font-size: 20px;
        font-size: 2rem;
        line-height: 28px;
        line-height: 2.8rem;
        display: inline-block;
    }
    .headline--iconCenter {
        padding: 10px 0;
    }
    .inset-mod-organName {
        padding: 15px;
        background: #004a83;
        min-height: 80px;
    }
    .inset-mod-organName:after {
        content: "";
        clear: both;
        display: block;
    }
    .inset-mod-organName-inner .mod-likeBox.inside-title {
        padding-left: 20px;
        padding-top: 10px;
        width: 100%;
    }
    .headline--white-lv1 {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 20px;
        line-height: 2rem;
    }
    .sitepolicy .headline--lv3 {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 20px;
        line-height: 2rem;
        padding: 0 0 2px;
        margin: 0 15px;
    }
    [class*=headline--].inset-repletion {
        justify-content: space-between;
        -ms-flex-pack: justify;
    }
    [class*=headline--].inset-repletion.sp-block .repletion {
        display: block;
        position: static;
        margin-top: 0;
        margin-left: 0;
    }
    [class*=headline--].inset-repletion.sp-block .repletion a {
        color: #fff;
    }
    [class*=headline--].inset-repletion .repletion {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        bottom: 0;
        top: inherit;
        margin-top: 0;
    }
    [class*=headline--].inset-repletion .repletion.mod-articleCategory .category {
        width: 100%;
    }
    [class*=headline--].inset-repletion .inset-date {
        display: inline-flex;
        align-items: center;
    }
    [class*=headline--] .link {
        text-align: left;
        position: static;
        justify-content: center;
        align-items: center;
        height: 100%;
    }
    [class*=headline--] .link.inset-br {
        bottom: 5px;
    }
    [class*=headline--] .link.inset-br a {
        text-decoration: none;
    }
    [class*=headline--] .supplemental-right {
        right: 13px;
    }
    [class*=headline--] .supplemental-right.noticeSmall {
        margin-top: -2px;
    }
    [class*=headline--] .inset-br {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 15px;
        line-height: 1.5rem;
        text-indent: -10px;
    }
    [class*=headline--].bg-gray {
        padding: 12px 21px 10px;
    }
    .btn {
        padding: 15px;
    }
    .btn br {
        line-height: 18px;
    }
    .btn.size-l {
        min-width: 0;
        width: 100%;
    }
    .btn.size-l br {
        line-height: 26px;
    }
    .btn.size-l.text-big {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 18px;
        line-height: 1.8rem;
    }
    .btn.size-l.text-big .text-small {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 22px;
        line-height: 2.2rem;
        display: inline-block;
        padding-bottom: 5px;
        font-weight: normal;
    }
    .btn.w-2btn {
        width: 100%;
    }
    .btn.w-300 {
        min-width: 280px;
        max-width: 100%;
    }
    .btn+.btn {
        margin-left: 0;
        margin-top: 10px;
    }
    .btn:after {
        right: 12px;
    }
    .btn.sp-high {
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px 10px 10px 5px;
    }
    .btn.sp-high:after {
        right: 10px;
    }
    .btn.impressionBtn {
        width: 100%;
        padding: 15px 0 !important;
    }
    .btn.side-large {
        margin: 0 15px;
        padding: 15px;
        width: -webkit-calc(100% - 30px);
        width: calc(100% - 30px);
        height: auto;
    }
    .btn.sp-side-by-side {
        width: 49%;
        min-width: inherit;
    }
    .btn.sp-side-by-side.back {
        padding: 15px 0px 15px 12px;
    }
    .btn.alreadySelected:hover {
        opacity: 1;
    }
    .btn.spFull-side {
        min-width: initial;
        width: 100%;
    }
    .btn[class*=icon-] {
        padding: 7px 15px;
    }
    .btn.size-s {
        font-size: 11px;
        min-width: 0;
    }
    .btn.w-396 {
        font-size: 11px;
        width: 100%;
        min-width: 0;
    }
    .loading {
        position: relative;
    }
    .loading .btn {
        padding-right: 30px;
    }
    .loading .loadingBtn {
        width: 270px;
    }
    .btn-form.size-s {
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 18px;
        line-height: 1.8rem;
    }
    .btn.w-256 {
        width: 33%;
        min-width: 0;
    }
    /*左テキスト右ボタン*/
    .inset-supplementalBtn__text {
        margin-right: 0;
    }
    .inset-supplementalBtn .btn {
        position: relative;
        right: 20px;
        top: 50%;
        margin: 10px 15px 0;
        width: 100%;
    }
    .mod-tr-display-switching:hover {
        cursor: pointer;
        opacity: 1;
    }
    /*ソーシャルログイン*/
    .mod-social-login {
        padding: 15px;
    }
    .mod-social-login .social-login-title {
        padding-bottom: 5px;
    }
    .mod-social-login .btnWrap {
        text-align: center;
    }
    .mod-social-login .btnWrap:after {
        content: "";
        clear: both;
        display: block;
    }
    .mod-social-login .btnWrap li {
        padding-right: 0;
        width: calc(50% - 5px);
        float: left;
    }
    .mod-social-login .btnWrap li:first-child {
        padding-right: 0;
    }
    .mod-social-login .btnWrap li .btn {
        width: 100%;
        padding: 11px 15px !important;
    }
    .mod-social-login .btnWrap li .btn.twitter {
        padding: 15px;
        min-width: auto;
    }
    .mod-social-login .btnWrap li .btn.twitter::before {
        background: url(/common/img/TwitterLogo_white.svg) no-repeat;
        background-position-y: 2px !important;
    }
    .mod-social-login .btnWrap li .btn.facebook {
        padding: 15px;
        min-width: auto;
    }
    .mod-social-login .btnWrap li .btn.facebook::before {
        background: url(/common/img/FacebookLogo.svg) no-repeat;
        background-position-y: -2px !important;
    }
    /* table */
    .mod-table {
        width: 100%;
        border-top: 1px solid #d2dce7;
    }
    .mod-table th,
    .mod-table td {
        border: 1px solid #d2dce7;
        padding: 5px 10px;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 16px;
        line-height: 1.6rem;
    }
    .mod-table th {
        width: 38%;
    }
    .mod-table th .icon img {
        width: 20px;
    }
    .mod-table th .subText {
        padding-left: 30px;
    }
    .mod-table th.headerSort {
        padding-right: 20px;
        position: relative;
    }
    .mod-table th.headerSort:hover {
        cursor: pointer;
    }
    .mod-table th.headerSort:after {
        content: "";
        position: absolute;
        z-index: 1;
        top: 50%;
        right: 10px;
        width: 0;
        height: 0;
        margin-top: -4px;
        border: 5px solid transparent;
        border-top: 6px solid #004a83;
    }
    .mod-table th.headerSort.is-active-up {
        background: #668ab1;
        color: #fff;
    }
    .mod-table th.headerSort.is-active-up:before {
        content: none;
    }
    .mod-table th.headerSort.is-active-up:after {
        border-top-color: #fff;
    }
    .mod-table th.headerSort.is-active-down {
        background: #668ab1;
        color: #fff;
    }
    .mod-table th.headerSort.is-active-down:before {
        content: "";
        position: absolute;
        z-index: 1;
        top: 50%;
        right: 10px;
        width: 0;
        height: 0;
        margin-top: -12px;
        border: 5px solid transparent;
        border-bottom: 6px solid #fff;
    }
    .mod-table th.headerSort.is-active-down:after {
        content: none;
    }
    .mod-table th.w95 {
        white-space: nowrap;
    }
    .mod-table th.inset-chackBox {
        text-indent: -9999px;
    }
    .mod-table th .mod-tooltip-wrap:hover .tooltip {
        display: block;
    }
    .mod-table th .mod-tooltip-wrap.icon-help img {
        width: 20px;
        position: relative;
        top: -2px;
    }
    .mod-table td {
        background: #fff;
    }
    .mod-table td .btn+p {
        padding-top: 10px;
    }
    .mod-table.form-table th,
    .mod-table.form-table td {
        display: block;
        border-top: none;
    }
    .mod-table.form-table th:after,
    .mod-table.form-table td:after {
        content: "";
        clear: both;
        display: block;
    }
    .mod-table.form-table th {
        width: 100%;
    }
    .mod-table.form-table th.w95 {
        width: 100%;
    }
    .mod-table.form-table td {
        width: 100%;
        padding: 15px;
    }
    .mod-table.form-table td+td {
        margin-top: -1px;
        border-top: 1px dotted #d2dce7;
    }
    .mod-table .display-switching th,
    .mod-table .display-switching td {
        display: block;
    }
    .mod-table .inset-chackBox .mod-check {
        padding-left: 20px;
    }
    .mod-table .thumbEdit {
        margin-bottom: 5px;
    }
    .mod-table .thumbEdit img {
        margin-bottom: 5px;
    }
    .mod-table .thumbEdit p {
        margin-bottom: 5px;
    }
    .mod-table.Valign-middle th,
    .mod-table.Valign-middle td {
        vertical-align: middle;
    }
    .mod-table .mod-radio {
        margin: 0px 30px 10px 0;
    }
    .mod-table .J-ing-appealBlock {
        margin-bottom: 10px;
    }
    .mod-table .J-ing-appealBlock+.component-column {
        margin-top: 0;
    }
    .mod-table .J-ing-appealBlock:last-child {
        margin-bottom: 0;
    }
    .mod-table .J-ing-appealBlock .link-arrow {
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 20.35px;
        line-height: 2.035rem;
    }
    .mod-table .multipleElements {
        display: inline-block;
        margin-right: 30px;
        position: relative;
        margin-bottom: 5px;
    }
    .mod-table .multipleElements:last-child {
        margin-bottom: 0;
    }
    .mod-table .multipleElements .select-wrap+label .mod-inputLabel {
        position: absolute;
        top: 50%;
        margin-top: -8px;
        right: -30px;
    }
    .mod-table .multipleElements .select-wrap+.mod-formRepletion {
        position: static;
        margin-top: 0px;
    }
    .mod-table .multipleElements+.ui-datepicker-trigger {
        margin-left: -15px;
    }
    .mod-table .inset-switch {
        padding-bottom: 10px;
        overflow: hidden;
    }
    .mod-table .inset-switch:last-child {
        padding-bottom: 0;
    }
    .mod-table .inset-switch .switchText {
        display: block;
        vertical-align: middle;
        width: auto;
        float: left;
        padding-top: 8px;
    }
    .mod-table .inset-switch .switchText img {
        margin-right: 10px;
    }
    .mod-table .inset-switch .switch {
        display: block;
        float: right;
    }
    .mod-table tr.cell-total {
        margin: 15px 0 0 !important;
        padding: 0;
        overflow: hidden;
        display: table;
        width: 100%;
    }
    .mod-table tr.cell-total.pink {
        background: #fff4fe;
        border: 2px solid #e2356e !important;
    }
    .mod-table tr.cell-total.pink p {
        padding: 0 !important;
    }
    .mod-table tr.cell-total.blue {
        background: #effbff;
    }
    .mod-table tr.cell-total.blue td {
        width: 100%;
    }
    .mod-table tr.cell-total td {
        display: table-cell;
        float: none;
        width: 80%;
        padding: 10px 0 10px 10px !important;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 22.2px;
        line-height: 2.22rem;
    }
    .mod-table tr.cell-total td:last-child {
        width: 20%;
        padding: 10px 10px 10px 0 !important;
        vertical-align: bottom;
        text-align: right;
    }
    .mod-table tr.cell-total td p {
        padding: 0;
        border: 0 !important;
    }
    /* tag */
    .mod-tag {
        border-radius: 3px;
    }
    .mod-tag a,
    .mod-tag span {
        padding: 4px 8px 4px 6px;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 11px;
        line-height: 1.1rem;
    }
    .mod-tag a::before,
    .mod-tag span::before {
        width: 10px;
        height: 10px;
        background-size: 10px 10px;
    }
    /* 評価入力 */
    /* 総合評価 */
    .mod-formRepletion {
        margin: 5px 0 5px 10px;
    }
    /* サムネイル付きリンクブロック */
    .mod-thumbLink {
        display: table;
    }
    .mod-thumbLink>img {
        width: 60px;
        display: table-cell;
        vertical-align: middle;
    }
    .mod-thumbLink figcaption {
        display: table-cell;
        vertical-align: middle;
        margin-top: 0;
        padding-left: 15px;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 18px;
        line-height: 1.8rem;
    }
    .mod-thumbLink figcaption .title {
        margin-bottom: 3px;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 24.05px;
        line-height: 2.405rem;
    }
    .mod-thumbLink figcaption .title.ranking {
        padding-left: 30px;
        background-size: 20px 20px !important;
        background-position: 2px 4px !important;
    }
    .mod-thumbLink figcaption .title.ranking img {
        top: 1px;
        width: 20px;
    }
    .mod-thumbLink figcaption .friend-job {
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 20px;
        line-height: 2rem;
        background: #e9eef3;
        display: inline-block;
        padding: 0 10px;
        margin-bottom: 5px;
    }
    .mod-thumbLink.link-inside a img {
        width: 60px;
    }
    .mod-thumbLink.horizontal>img {
        width: 110px;
    }
    .mod-thumbLink.horizontal.w-full {
        padding: 15px 20px 5px;
        margin: 0 auto;
    }
    .mod-thumbLink.horizontal.w-full .mod-thumbLink__label {
        top: 15px;
        left: 15px;
    }
    .mod-thumbLink.horizontal.w-full .w-full-thumb {
        width: 110px;
    }
    .mod-thumbLink.horizontal.w-full figcaption {
        width: 100%;
    }
    .mod-thumbLink.sp-w-full {
        display: block;
    }
    .mod-thumbLink.sp-w-full>img {
        width: 100% !important;
        vertical-align: top;
    }
    .mod-thumbLink.sp-w-full figcaption {
        padding-top: 10px;
        padding-left: 0;
    }
    .mod-wish-icon {
        display: inline-block;
        position: relative;
        padding: 0px;
        color: #004a83;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 20px;
        line-height: 2rem;
        font-weight: bold;
        position: static;
        bottom: 7px;
        right: 0;
    }
    .mod-wish-icon:before {
        content: "";
        display: inline-block;
        width: 14px;
        height: 14px;
        background: url(/common/img/icon-thanks.svg) no-repeat center;
        background-size: 12px;
        margin-top: -7px;
        position: relative;
        margin-right: 12px;
        top: 3px;
    }
    /*各種資格*/
    .mod-qualification [class*=plate-] {
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 20.35px;
        line-height: 2.035rem;
    }
    /*QAカテゴリ*/
    .mod-qaCategory {
        background: #568fcc;
        color: #fff;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 20px;
        line-height: 2rem;
        text-decoration: none;
        float: left;
        margin: 0 0px 0 15px;
        text-align: center;
        position: relative;
        display: inline-block;
    }
    /*角丸資格アイコン*/
    .mod-qualificationIcon {
        padding: 4px 12px;
    }
    /*お知らせカウント*/
    /*所有ポイント*/
    .mod-point {
        padding: 15px;
        margin-top: -20px;
        border-bottom: none;
    }
    .mod-point .sp-link {
        display: block;
        width: 100%;
        background: #fff;
        border: 1px solid #d2dce7;
        text-decoration: none;
        font-size: 15px;
        padding: 20px 0px 10px 0;
        color: #004a83;
        line-height: 15px;
        letter-spacing: 0.5px;
        border-radius: 6px;
    }
    .mod-point strong {
        padding-right: 8px;
    }
    .mod-point-inner {
        padding-left: 15px;
    }
    .mod-point-inner:before {
        width: 26px;
        height: 26px;
        top: 50%;
        margin-left: -10px;
        background-size: 26px 26px;
    }
    .mod-point .point-link {
        padding-top: 5px;
        display: inline-block;
    }
    /*記事タイトル*/
    .mod-articlTitle {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 20px;
        line-height: 2rem;
        margin-bottom: 2px;
    }
    .mod-for-member:after {
        width: 14px;
        height: 14px;
        background-size: 14px;
    }
    /*記事カテゴリ*/
    .mod-articleCategory .category {
        border-radius: 3px;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 14px;
        line-height: 1.4rem;
        padding: 2px 10px;
    }
    .mod-articleCategory .category.add-point {
        margin-top: 3px;
    }
    .mod-articlText.date-label {
        display: block;
        min-height: 0;
    }
    /*各省庁*/
    .mod-organName {
        width: 40px;
        height: 40px;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 13px;
        line-height: 1.3rem;
    }
    .mod-organName:before {
        border-width: 8px 8px 0 0;
    }
    /*写真サムネイルリスト*/
    .mod-thumbnailList.sp-6 .thumbnail:nth-child(n + 7) {
        display: none;
    }
    .mod-thumbnailList.sp-4 .thumbnail:nth-child(n + 5) {
        display: none;
    }
    /*記事のソート*/
    .mod-sortBox {
        padding: 15px 15px 15px 10px;
        display: flex;
    }
    .mod-sortBox .SortBtn {
        min-width: 0;
        flex: 1 0 auto;
    }
    .mod-sortBox .SortBtn a {
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 11px;
        line-height: 1.1rem;
        padding: 10px 8px 14px;
    }
    .mod-sortBox .SortBtn a:after {
        right: 50%;
        margin-top: 5px;
        top: 56% !important;
    }
    .mod-sortBox .SortBtn:last-child {
        padding: 0 !important;
    }
    /*ランキング*/
    .mod-rankingRibbon>span {
        height: 30px;
        padding: 8px 15px 0 10px;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 11px;
        line-height: 1.1rem;
        font-weight: bold;
    }
    .mod-rankingRibbon>span:after {
        border-width: 15px 5px 15px 0px;
    }
    .mod-rankingRibbon>span span {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 12px;
        line-height: 1.2rem;
        margin-left: 5px;
    }
    /*縦並びのボタン*/
    /*業務・業種リスト*/
    /*上線が点線のボックス*/
    /*記事のソート　大*/
    .mod-sortLarge .sortLargeBtn a {
        padding: 10px 0;
    }
    .mod-tabs .tabs,
    .mod-tabs .tab-links,
    .mod-tab-links .tabs,
    .mod-tab-links .tab-links {
        padding: 12px 15px 0;
    }
    .mod-tabs .tabs li,
    .mod-tabs .tab-links li,
    .mod-tab-links .tabs li,
    .mod-tab-links .tab-links li {
        min-width: 70px;
    }
    .mod-tabs .tabs li a,
    .mod-tabs .tab-links li a,
    .mod-tab-links .tabs li a,
    .mod-tab-links .tab-links li a {
        width: auto;
        height: 50px;
        padding: 10px 5px;
        display: flex;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 14px;
        line-height: 1.4rem;
    }
    .mod-tabs .tabs li a:after,
    .mod-tabs .tab-links li a:after,
    .mod-tab-links .tabs li a:after,
    .mod-tab-links .tab-links li a:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 2px;
        left: 50%;
        margin-left: -5px;
        width: 7px;
        height: 7px;
        border-bottom: 2px solid #555;
        border-right: 2px solid #555;
        -webkit-transform: rotate(45deg) translateY(-50%);
        -ms-transform: rotate(45deg) translateY(-50%);
        transform: rotate(45deg) translateY(-50%);
    }
    .mod-tabs .tabs li a.is-active:after,
    .mod-tabs .tab-links li a.is-active:after,
    .mod-tab-links .tabs li a.is-active:after,
    .mod-tab-links .tab-links li a.is-active:after {
        border-bottom: 2px solid #fff;
        border-right: 2px solid #fff;
    }
    .mod-tabs .tabs.w-full,
    .mod-tabs .tab-links.w-full,
    .mod-tab-links .tabs.w-full,
    .mod-tab-links .tab-links.w-full {
        padding-left: 12px;
    }
    .mod-tabs .tabs.w-full li,
    .mod-tabs .tab-links.w-full li,
    .mod-tab-links .tabs.w-full li,
    .mod-tab-links .tab-links.w-full li {
        flex: 1;
        align-self: center;
        text-align: center;
        color: #fff;
        line-height: 1.3;
        position: relative;
        margin-right: 10px;
    }
    .mod-tabs .tabs.w-full li:last-child,
    .mod-tabs .tab-links.w-full li:last-child,
    .mod-tab-links .tabs.w-full li:last-child,
    .mod-tab-links .tab-links.w-full li:last-child {
        margin-right: 0;
    }
    .mod-tabs.tab-sortBtn .tabs,
    .mod-tab-links.tab-sortBtn .tabs {
        padding: 0 10px 10px;
        border-bottom: none;
        display: flex;
        margin-bottom: -5px;
    }
    .mod-tabs.tab-sortBtn .tabs li,
    .mod-tab-links.tab-sortBtn .tabs li {
        padding-bottom: 5px;
    }
    .mod-tabs.tab-sortBtn .tabs li a,
    .mod-tab-links.tab-sortBtn .tabs li a {
        border: none;
        border-radius: 6px;
        font-weight: normal;
        color: #555;
        transition: all 0.3s 0s ease;
        background: #e9eef3;
        display: table;
        width: 100%;
    }
    .mod-tabs.tab-sortBtn .tabs li a.is-active,
    .mod-tab-links.tab-sortBtn .tabs li a.is-active {
        background: #668ab1;
        color: #fff;
    }
    .mod-tabs.tab-sortBtn .tabs li a.is-active:hover,
    .mod-tab-links.tab-sortBtn .tabs li a.is-active:hover {
        background: #668ab1;
    }
    .mod-tabs.tab-sortBtn .tabs li a:hover,
    .mod-tab-links.tab-sortBtn .tabs li a:hover {
        background: #e9eef3;
    }
    .mod-tabs.tab-sortBtn .tabs li a span,
    .mod-tab-links.tab-sortBtn .tabs li a span {
        display: table-cell;
        vertical-align: middle;
        padding: 10px 15px;
    }
    .mod-tabs.tab-sortBtn .tabs li a:after,
    .mod-tab-links.tab-sortBtn .tabs li a:after {
        content: none;
    }
    .mod-tabs.tab-sortBtn .tabs li:last-child a,
    .mod-tab-links.tab-sortBtn .tabs li:last-child a {
        border: none;
    }
    .mod-tooltip-wrap:hover .tooltip {
        display: none;
    }
    .mod-check {
        margin: 5px 0 5px 0;
    }
    input[type="text"],
    input[type="tel"],
    input[type="email"],
    input[type="password"],
    input[type="url"] {
        padding: 8px 10px;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 29.6px;
        line-height: 2.96rem;
    }
    input[type="text"].size-l,
    input[type="tel"].size-l,
    input[type="email"].size-l,
    input[type="password"].size-l,
    input[type="url"].size-l {
        width: 100%;
    }
    input[type="text"].size-m,
    input[type="tel"].size-m,
    input[type="email"].size-m,
    input[type="password"].size-m,
    input[type="url"].size-m {
        width: 100%;
    }
    input[type="text"].size-s,
    input[type="tel"].size-s,
    input[type="email"].size-s,
    input[type="password"].size-s,
    input[type="url"].size-s {
        width: 50%;
    }
    textarea {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 29.6px;
        line-height: 2.96rem;
    }
    .select-wrap {
        display: inline-flex;
    }
    .select-wrap select {
        padding-right: 35px;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 29.6px;
        line-height: 2.96rem;
    }
    .mod-searchBox input[type="text"] {
        border-radius: 3px;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 16px;
        line-height: 1.6rem;
    }
    .mod-searchBox input[type="submit"] {
        width: 40px;
    }
    .mod-searchBox::after {
        border-radius: 0 2px 2px 0;
    }
    /*scroll-box*/
    .scroll-box.height-600 {
        height: 300px;
    }
    .mod-sms-status {
        margin-bottom: 10px;
    }
    .mod-scroll {
        overflow-y: scroll;
    }
    .mod-scroll.height-600 {
        height: 300px;
    }
    .mod-likeBox {
        padding-left: 5px;
    }
    .mod-likeBox button,
    .mod-likeBox a {
        width: 65px;
    }
    .mod-likeBox.inside-title {
        float: none;
        top: 0;
        padding-left: 0;
        padding-top: 8px;
    }
    .mod-likeBox.inside-title button {
        display: inline-block;
        padding: 3px 0 2px 18px;
        width: 70px;
    }
    .mod-likeBox.inside-title button:before {
        background-size: 16px;
        top: 2px;
    }
    .mod-likeBox.inside-title button+p {
        display: inline-block;
        color: #668ab1;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 18px;
        line-height: 1.8rem;
        height: 100%;
    }
    .mod-likeBox.review button,
    .mod-likeBox.review a {
        width: 80px;
    }
    .mod-likeBox .pushed {
        width: 80px;
    }
    .mod-replyBox button,
    .mod-replyBox a {
        width: 65px !important;
    }
    .mod-message-summary {
        padding: 15px 15px 0 15px;
        display: inline-block;
    }
    .mod-message-summary:after {
        content: "";
        clear: both;
        display: block;
    }
    .mod-message-summary .image {
        float: left;
        position: relative;
        width: 56px;
        height: 56px;
    }
    .mod-message-summary .image img {
        width: 100%;
        height: auto;
    }
    .mod-message-summary .summary-body {
        padding-left: 66px;
        padding-right: 45px;
        position: relative;
    }
    .mod-message-summary .summary-body .member {
        font-weight: bold;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 18px;
        line-height: 1.8rem;
        display: block;
        padding-bottom: 5px;
    }
    .mod-message-summary .summary-body .latest-remarks {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 18px;
        line-height: 1.8rem;
        display: inline-block;
    }
    .mod-message-summary .summary-body .time {
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 18px;
        line-height: 1.8rem;
        position: absolute;
        top: 0;
        right: 0;
        padding-bottom: 0;
    }
    .mod-message-summary .summary-body .mod-commentEdit {
        float: none;
        position: absolute;
        right: -5px;
        top: 18px;
    }
    .mod-message-summary .summary-body .mod-commentEdit label img {
        width: 20px;
        height: auto;
    }
    .mod-message-summary .summary-body .mod-commentEdit .editList {
        width: 125px;
        left: -100px;
        top: 35px;
    }
    .mod-message-summary .summary-body .mod-commentEdit .editList::before {
        left: auto;
        right: 8px;
    }
    .mod-message-summary .summary-body .mod-commentEdit .editList::after {
        left: auto;
        right: 7px;
    }
    .mod-message-summary .summary-body .mod-commentEdit .editList ul li {
        padding: 5px 10px;
    }
    .mod-message-summary .summary-body .mod-commentEdit .editList ul li a {
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 16px;
        line-height: 1.6rem;
    }
    .mod-message-searchCondition {
        text-align: center;
        background: #9b9b9b;
        color: #fff;
        padding: 12px 0;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 20px;
        line-height: 2rem;
        letter-spacing: 1px;
        margin-top: 15px;
    }
    .mod-message-control {
        padding: 0 15px;
    }
    .mod-message-bottom-form {
        margin: 0;
        position: fixed;
        bottom: 0;
        width: 100%;
    }
    .mod-message-bottom-form .form-area {
        padding: 10px;
        background: #f3f3f3;
    }
    .mod-message-bottom-form .form-area:after {
        content: "";
        clear: both;
        display: block;
    }
    .mod-message-bottom-form .form-area .textarea {
        float: left;
        width: calc(100% - 70px);
        position: relative;
        height: auto;
    }
    .mod-message-bottom-form .form-area .textarea textarea {
        padding-right: 60px;
        min-height: 35px;
        height: 35px;
        max-height: 150px;
        overflow-y: scroll;
        float: none;
        width: 100%;
        padding: 3px 45px 3px 3px;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 30px;
        line-height: 3rem;
    }
    .mod-message-bottom-form .form-area .textarea .icon-clip {
        position: absolute;
        right: 5px;
    }
    .mod-message-bottom-form .form-area .textarea+.btn {
        float: right;
    }
    .mod-message-bottom-form .form-area .icon-clip {
        position: absolute;
        right: 115px;
    }
    .mod-message-bottom-form .form-area input {
        padding-right: 40px;
    }
    .mod-message-bottom-form .form-area textarea {
        padding-right: 40px;
        min-height: 35px;
        height: 35px;
        max-height: 150px;
        overflow-y: scroll;
    }
    .mod-thread-status {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 18px;
        line-height: 1.8rem;
        padding: 15px 0;
    }
    .mod-thread-title {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 18px;
        line-height: 1.8rem;
        padding: 15px 150px 15px 15px;
    }
    .mod-thread-title.inset-search {
        position: relative;
        padding: 10px;
    }
    .mod-thread-title.inset-search p {
        display: inline;
    }
    .mod-thread-title.inset-search .search {
        position: static;
        padding-top: 5px;
        display: inline-block;
    }
    .mod-thread-title.inset-close {
        position: relative;
        padding: 15px 90px 15px 15px;
    }
    .mod-thread-title.inset-close .search {
        position: absolute;
        right: 15px;
        top: 50%;
        margin-top: -11px;
    }
    .mod-thread-title .link-delete:before,
    .mod-thread-title .link-delete:after {
        left: -12px;
        top: 2px;
    }
    .mod-search-focus {
        background: #ffd4d4;
    }
    .mod-message {
        padding: 10px 0 0 10px;
        position: relative;
    }
    .mod-message:after {
        content: "";
        clear: both;
        display: block;
    }
    .mod-message:last-child {
        padding-bottom: 15px;
    }
    .mod-message.message-right {
        padding: 10px 0 10px 10px;
    }
    .mod-message.message-right .image {
        padding-top: 20px;
    }
    .mod-message .image {
        float: left;
        height: 32px;
        position: relative;
        width: 30px;
        height: 30px;
    }
    .mod-message .image img {
        width: 100%;
        height: auto;
    }
    .mod-message .message-body {
        padding-left: 40px;
        padding-right: 25px;
        position: relative;
    }
    .mod-message .message-body .messenger-name {
        color: #004a83 !important;
        font-weight: bold;
    }
    .mod-message .message-body .time {
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 18px;
        line-height: 1.8rem;
        padding-left: 10px;
    }
    .mod-message .message-body .content {
        background: #e9eef3;
        padding: 10px 40px 10px 10px;
    }
    .mod-message .message-body .read-status {
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 18px;
        line-height: 1.8rem;
        padding-top: 2px;
    }
    .mod-message .message-body .mod-commentEdit {
        float: none;
        position: absolute;
    }
    .mod-message .message-body .mod-commentEdit label img {
        width: 20px;
        height: auto;
    }
    .mod-message .message-body .mod-commentEdit .editList {
        left: -110px;
    }
    .mod-message .message-body .mod-commentEdit .editList ul li {
        padding: 5px 10px;
    }
    .mod-member-management {
        padding: 0 15px;
    }
    .mod-member-management li {
        display: inline-block;
        padding-right: 20px;
    }
    .mod-member-management li:last-child {
        padding-right: 0;
    }
    .mod-member-management li a {
        color: #568fcc !important;
        position: relative;
        display: inline-block;
        padding: 10px 0 10px 20px;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 18px;
        line-height: 1.8rem;
    }
    .mod-member-management li a.add-member:after,
    .mod-member-management li a.add-member:before {
        content: "" !important;
        display: block !important;
        width: 14px;
        height: 2px;
        border: 0;
        background: #568fcc;
        position: absolute;
        top: 50%;
        left: 0px;
        margin-top: -2px;
    }
    .mod-member-management li a.add-member:after {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        top: 19px;
    }
    .mod-member-management li a.delete-member:before {
        content: "" !important;
        display: block !important;
        width: 12px;
        height: 2px;
        border: 0;
        background: #568fcc;
        position: absolute;
        top: 50%;
        left: 0px;
        margin-top: -2px;
    }
    .mod-emotion-box-wrap {
        display: block;
        padding-bottom: 10px;
    }
    /*×マークとセレクトボックスのセット*/
    .mod-inset-cross-select .select-wrap {
        display: block;
    }
    .mod-inset-cross-select .select-wrap select {
        width: 100%;
    }
    .mod-inset-cross-select .crossBox {
        position: relative;
        padding-bottom: 20px;
    }
    .mod-inset-cross-select .crossBox:after,
    .mod-inset-cross-select .crossBox:before {
        display: block;
        content: '';
        width: 2px;
        height: 18px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        background-color: #004a83;
        border-radius: 10px;
        position: absolute;
        top: inherit;
        right: inherit;
        left: 50%;
        bottom: -10px;
    }
    .mod-inset-cross-select .crossBox:after {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    /*検索条件表示*/
    .mod-searchConditions .content {
        padding-left: 15px;
        display: inline-block;
    }
    .mod-searchConditions .content .mod-input {
        background: transparent;
    }
    .mod-searchConditions .content .mod-input .select-wrap {
        background: #fff;
    }
    .mod-complete-contents {
        padding: 0 !important;
    }
    .mod-complete-contents>.inner {
        padding: 15px 0 !important;
    }
    .mod-complete-contents>.inner>p:not(.inner) {
        padding: 15px;
    }
    .mod-complete-contents>.inner>p:not(.inner)+.inner {
        margin-top: -15px;
    }
    /*ただ横に並べるリスト*/
    .mod-horizontal-list li {
        display: inline-block;
        padding-right: 10px;
    }
    .mod-horizontal-list li:last-child {
        padding-right: 0;
    }
    .mod-horizontal-list.category-list li {
        padding-right: 0;
    }
    .mod-horizontal-list.category-list .mod-qaCategory {
        margin: 0;
    }
    /*ただ横に並べる定義リスト*/
    .mod-horizontal-definitionList dt {
        white-space: nowrap;
    }
    .mod-horizontal-definitionList.middle {
        align-items: center;
    }
    .mod-horizontal-definitionList.sp-length {
        display: block;
    }
    .mod-calendar-period .title {
        padding-bottom: 5px;
    }
    .mod-calendar-period .period input {
        width: 28%;
    }
    .mod-calendar-period .period .btn-form {
        margin: 5px 0 5px 0;
    }
    /*SPのみ表示の検索ボックス*/
    .mod-search-sp {
        padding: 15px;
        background: #f3f3f3;
    }
    /*SPのみ表示のログインボックス*/
    .mod-sp-loginBox-subTop {
        margin: 0 30px 0;
        text-align: center;
        padding-bottom: 20px;
    }
    .mod-sp-loginBox-subTop div:first-child {
        margin-bottom: 15px;
    }
    .mod-sp-loginBox-subTop div .btn {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 20px;
        line-height: 2rem;
        font-weight: bold;
        padding: 14px 15px;
    }
    /*chart-form*/
    .mod-chart-form {
        height: auto;
        position: relative;
        border-radius: 0px;
        background: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
        -ms-flex-pack: justify;
        padding: 15px 15px 0 15px;
    }
    .mod-chart-form__title {
        border-radius: 0;
        padding: 0;
        text-align: left;
        background: none;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 22px;
        line-height: 2.2rem;
        color: #004a83;
        font-weight: bold;
    }
    .mod-chart-form__btn {
        min-width: 0 !important;
        width: auto;
        max-width: inherit;
        font-size: 13px;
        padding: 4px 10px !important;
    }
    .mod-chart-form__btn:before {
        background-size: 16px 30px !important;
        margin-right: 5px !important;
        margin-top: -2px;
        width: 16px !important;
    }
    .mod-space-between {
        flex-flow: column nowrap;
    }
    .mod-circleList li {
        padding-left: 15px;
        position: relative;
    }
    .mod-circleList li:before {
        margin: 6px 0;
        left: 0px;
    }
    .mod-bottom_info {
        z-index: 88;
        width: calc(100% - 30px);
        left: 15px;
        margin-left: initial;
    }
    .mod-bottom_info img {
        width: 80px;
        height: auto;
    }
    .mod-bottom_info figure {
        display: flex;
        align-items: start;
        padding: 10px;
    }
    .mod-bottom_info figure figcaption {
        float: left;
        width: calc(100% - 80px);
        padding: 0 0 0 10px;
    }
    .mod-bottom_info .close {
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 6;
    }
    .mod-bottom_info .close a {
        position: absolute;
        top: -20px;
        right: -20px;
        width: 30px;
        height: 30px;
        border-radius: 20px;
        background: #004a83;
        cursor: pointer;
        z-index: 1103;
    }
    .mod-bottom_info .close a:before,
    .mod-bottom_info .close a:after {
        display: block;
        content: '';
        width: 2px;
        height: 18px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        background-color: #fff;
        border-radius: 10px;
        position: absolute;
        top: 6px;
        left: 14px;
    }
    .mod-bottom_info .close a:after {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .mod-thumbLink.horizontal .item-nomal {
        align-items: initial;
    }
}

.header {
    position: relative;
    z-index: 10000;
    margin-bottom: 60px;
}

.header__inner {
    background: #e9eef3;
    height: 60px;
    border-bottom: 1px solid #d2dce7;
    display: flex;
    justify-content: flex-start;
    padding: 10px;
}

.header__inner .logo {
    display: inline-block;
    vertical-align: middle;
}

.header__inner .logo a {
    display: block;
}

.header__inner .logo a img {
    width: 141px;
    height: 50px;
}

.header__inner .tagline {
    margin-left: 14px;
    margin-top: 10px;
}

.header__inner .user {
    text-align: right;
    margin-left: auto;
    display: flex;
}

.header__inner .user__category {
    display: inline-block;
    background: #004a83;
    color: #fff;
    border-radius: 20px;
    padding: 0 25px 0 30px;
    margin-right: 10px;
    position: relative;
}

.header__inner .user__category::before {
    content: "";
    width: 14px;
    height: 15px;
    display: inline-block;
    background: url(/common/img/icon-user-w.svg) no-repeat;
    position: relative;
    top: 2px;
    right: 5px;
}

.header__inner .user__name {
    display: inline-block;
    padding-top: 5px;
    margin-right: 10px;
}

.header__inner .user__name a {
    padding-right: 5px;
}

.header__inner .user__point .mod-point {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 12px;
    line-height: 1.2rem;
    background: #fff;
    min-width: 70px;
    text-align: center;
    padding: 5px 10px;
    margin-top: 0;
    display: inline-block;
    border-radius: 6px;
    color: #004a83;
}

.header__inner .user__point .mod-point .mod-point-inner:before {
    width: 16px;
    height: 16px;
    top: 50%;
    margin-left: 0;
    background-size: 16px;
    margin-top: -8px;
    left: -5px;
}

.header__tools {
    z-index: 1;
    margin-right: 310px;
}

.header__tools>ul {
    font-size: 0px;
    font-size: 0rem;
    line-height: 0px;
    line-height: 0rem;
    float: left;
    display: flex;
}

.header__tools>ul>li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 22px;
    line-height: 2.2rem;
    display: inline-block;
    margin-left: 10px;
    position: relative;
}

.header__tools>ul>li>a {
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 50%;
}

.header__tools>ul>li.disabled a:hover {
    cursor: default;
}

.header__tools>ul>li .count {
    display: block;
    min-width: 18px;
    height: 18px;
    background: #e2356e;
    color: #fff;
    text-align: center;
    line-height: 18px;
    padding: 0 5px;
    border-radius: 9px;
    position: absolute;
    right: -10px;
    top: -4px;
    font-size: 10px;
    font-size: 1rem;
    line-height: 18.5px;
    line-height: 1.85rem;
}

.header__tools>ul>li label {
    width: 30px;
    height: 30px;
    display: block;
    cursor: pointer;
    position: relative;
}

.header__tools>ul>li .header__tools__contents {
    display: none;
    position: absolute;
    left: -10px;
    top: 52px;
    width: 390px;
    transform: translateX(-50%);
    color: #fff;
}

.header__tools>ul>li .header__tools__contents .mod-message-summary {
    background: rgba(0, 74, 131, 0.94);
    border-bottom: 1px solid rgba(233, 238, 243, 0.6);
    padding: 15px;
    width: 390px;
    transition: all 0.3s 0s ease;
}

.header__tools>ul>li .header__tools__contents .mod-message-summary .image {
    width: 30px;
}

.header__tools>ul>li .header__tools__contents .mod-message-summary .summary-body {
    color: #fff;
}

.header__tools>ul>li .header__tools__contents .mod-message-summary .summary-body .mod-thumbnailList {
    margin-left: -5px;
}

.header__tools>ul>li .header__tools__contents .mod-message-summary .summary-body .mod-thumbnailList .thumbnail {
    padding: 5px 0 0 5px;
}

.header__tools>ul>li .header__tools__contents .mod-message-summary .summary-body .mod-thumbnailList .thumbnail span {
    width: 26px;
}

.header__tools>ul>li .header__tools__contents .mod-message-summary .summary-body .mod-thumbnailList .thumbnail:nth-child(n+9) {
    display: none;
}

.header__tools>ul>li .header__tools__contents .mod-message-summary .summary-body .mod-thumbnailList .thumbnail:nth-child(8):after {
    content: "...";
    position: relative;
    top: 9px;
}

.header__tools>ul>li .header__tools__contents .mod-message-summary:hover {
    background: #1163a1;
}

.header__tools>ul>li .header__tools__contents .mod-message-summary:last-of-type {
    border-bottom: none;
}

.header__tools>ul>li input {
    display: none;
}

.header__tools>ul>li input:checked+.header__tools__contents {
    display: block;
}

.header__tools>ul>li .header__tools__contents::before {
    content: "";
    width: 0;
    height: 0;
    display: inline-block;
    border: 14px solid transparent;
    border-bottom-color: #0f558a;
    position: absolute;
    top: -28px;
    left: 56.2%;
    transform: translateX(-50%);
}

.header__tools>ul>li .header__tools__contents ul li a {
    transition: all 0.3s 0s ease;
    display: flex;
    align-items: center;
    background: rgba(0, 74, 131, 0.94);
    color: #e9eef3;
    text-decoration: none;
    padding: 12px 16px;
}

.header__tools>ul>li .header__tools__contents ul li a .image {
    width: 30px;
    flex: 0 0 30px;
    margin-right: 16px;
}

.header__tools>ul>li .header__tools__contents ul li a .image img {
    width: 100%;
}

.header__tools>ul>li .header__tools__contents ul li a:hover {
    background: #1263a1;
}

.header__tools>ul>li .header__tools__contents ul li:not(:last-child) a {
    border-bottom: 1px solid rgba(233, 238, 243, 0.6);
}

.header__tools>ul>li .header__tools__contents .more a {
    display: block;
    background: #568fcc;
    text-align: center;
    color: #fff;
    padding: 12px;
    text-decoration: none;
    transition: all 0.3s 0s ease;
    background: #f3dc1e;
    color: #004a83;
    display: inline-block;
    text-decoration: none;
    border-radius: 6px;
    line-height: 1;
    min-width: 240px;
    padding: 15px 25px;
    text-align: center;
    position: relative;
    border: none;
    width: 100%;
    min-width: auto;
    border-radius: 0;
}

.header__tools>ul>li .header__tools__contents .more a::after {
    content: "";
    display: block;
    position: absolute;
    top: 49%;
    right: 18px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #004a83;
    border-right: 2px solid #004a83;
    transform: rotate(45deg) translateY(-50%);
}

.header__tools>ul>li .header__tools__contents .more a:hover {
    background: #d3bd0b;
}

.header__tools>ul>li .header__tools__contents .more a:active {
    transition: all 0.1s 0s ease;
    background: #a29209;
}

.header__tools>ul>li .header__tools__contents .more a:after {
    content: none;
}

.header__tools>ul>li .header__tools__contents .kidoku-all {
    display: block;
    background: rgba(0, 74, 131, 0.94);
    text-align: right;
    color: #fff;
    padding: 5px 12px;
    text-decoration: none;
    width: 100%;
    min-width: auto;
    border: 1px solid rgba(233, 238, 243, 0.6);
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 22.2px;
    line-height: 2.22rem;
}

.header__tools>ul>li .header__tools__contents .kidoku-all a {
    color: #fff;
}

.header__tools>ul>li .header__tools__contents .summary-body {
    padding-left: 48px;
}

.header__tools>ul>li .header__tools__contents.inset-search {
    left: -150px;
    background: rgba(0, 74, 131, 0.94);
    padding: 15px;
}

.header__tools>ul>li .header__tools__contents.inset-search .mod-searchBox {
    height: 35px;
}

.header__tools>ul>li .header__tools__contents.inset-search .mod-searchBox input {
    display: inline-block;
    color: #aaa;
}

.header__tools>ul>li .header__tools__contents.inset-search .mod-searchBox input[type="text"] {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 0;
}

.header__tools>ul>li .header__tools__contents.inset-search::before {
    left: 92%;
}

.header .header_search {
    right: 70px!important;
    z-index: 5;
    position: absolute;
    width: 230px;
}

.header .header_search input {
    display: block;
}

.header .header__tools--point-wrap {
    font-size: 0px;
    font-size: 0rem;
    line-height: 0px;
    line-height: 0rem;
    display: block;
}

.header .header__tools--point-wrap .header__tools--point,
.header .header__tools--point-wrap .header__tools--point--link {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 22px;
    line-height: 2.2rem;
    position: relative;
    background: #fff;
    display: flex;
    align-items: center;
    padding: 2px 15px 0 10px;
    border-radius: 6px;
    margin: 0 5px 0 10px;
}

.header .header__tools--point-wrap .header__tools--point:hover,
.header .header__tools--point-wrap .header__tools--point--link:hover {
    cursor: pointer;
}

.header .header__tools--point-wrap .header__tools--point>a,
.header .header__tools--point-wrap .header__tools--point--link>a {
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 50%;
}

.header .header__tools--point-wrap .header__tools--point.disabled a:hover,
.header .header__tools--point-wrap .header__tools--point--link.disabled a:hover {
    cursor: default;
}

.header .header__tools--point-wrap .header__tools--point .count,
.header .header__tools--point-wrap .header__tools--point--link .count {
    display: block;
    min-width: 18px;
    height: 18px;
    background: #e2356e;
    color: #fff;
    text-align: center;
    border-radius: 9px;
    position: absolute;
    top: -4px;
    left: -10px;
    right: auto;
    font-size: 10px;
    font-size: 1rem;
    line-height: 18px;
    line-height: 1.8rem;
    z-index: 2;
}

.header .header__tools--point-wrap .header__tools--point label,
.header .header__tools--point-wrap .header__tools--point--link label {
    width: 30px;
    height: 30px;
    display: block;
    cursor: pointer;
    position: relative;
}

.header .header__tools--point-wrap .header__tools--point label img,
.header .header__tools--point-wrap .header__tools--point--link label img {
    width: 26px;
    height: auto;
    margin-top: 2px;
    margin-right: 2px;
}

.header .header__tools--point-wrap .header__tools--point input,
.header .header__tools--point-wrap .header__tools--point--link input {
    display: none;
}

.header .header__tools--point-wrap .header__tools--point input:checked+.header__tools__contents,
.header .header__tools--point-wrap .header__tools--point--link input:checked+.header__tools__contents {
    display: block;
}

.header .header__tools--point-wrap .header__tools--point .total-point,
.header .header__tools--point-wrap .header__tools--point--link .total-point {
    color: #004a83;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 16px;
    line-height: 1.6rem;
}

.header .header__tools--point-wrap .header__tools--point .header__tools__contents,
.header .header__tools--point-wrap .header__tools--point--link .header__tools__contents {
    display: none;
    position: absolute;
    top: 52px;
    width: 390px;
    transform: translateX(-50%);
    color: #fff;
    z-index: 2;
}

.header .header__tools--point-wrap .header__tools--point .header__tools__contents .mod-message-summary,
.header .header__tools--point-wrap .header__tools--point--link .header__tools__contents .mod-message-summary {
    background: rgba(0, 74, 131, 0.94);
    border-bottom: 1px solid rgba(233, 238, 243, 0.6);
    padding: 15px;
    width: 390px;
    transition: all 0.3s 0s ease;
}

.header .header__tools--point-wrap .header__tools--point .header__tools__contents .mod-message-summary .image,
.header .header__tools--point-wrap .header__tools--point--link .header__tools__contents .mod-message-summary .image {
    width: 30px;
}

.header .header__tools--point-wrap .header__tools--point .header__tools__contents .mod-message-summary .summary-body,
.header .header__tools--point-wrap .header__tools--point--link .header__tools__contents .mod-message-summary .summary-body {
    color: #fff;
}

.header .header__tools--point-wrap .header__tools--point .header__tools__contents .mod-message-summary .summary-body .mod-thumbnailList,
.header .header__tools--point-wrap .header__tools--point--link .header__tools__contents .mod-message-summary .summary-body .mod-thumbnailList {
    margin-left: -5px;
}

.header .header__tools--point-wrap .header__tools--point .header__tools__contents .mod-message-summary .summary-body .mod-thumbnailList .thumbnail,
.header .header__tools--point-wrap .header__tools--point--link .header__tools__contents .mod-message-summary .summary-body .mod-thumbnailList .thumbnail {
    padding: 5px 0 0 5px;
}

.header .header__tools--point-wrap .header__tools--point .header__tools__contents .mod-message-summary .summary-body .mod-thumbnailList .thumbnail span,
.header .header__tools--point-wrap .header__tools--point--link .header__tools__contents .mod-message-summary .summary-body .mod-thumbnailList .thumbnail span {
    width: 26px;
}

.header .header__tools--point-wrap .header__tools--point .header__tools__contents .mod-message-summary .summary-body .mod-thumbnailList .thumbnail:nth-child(n+9),
.header .header__tools--point-wrap .header__tools--point--link .header__tools__contents .mod-message-summary .summary-body .mod-thumbnailList .thumbnail:nth-child(n+9) {
    display: none;
}

.header .header__tools--point-wrap .header__tools--point .header__tools__contents .mod-message-summary .summary-body .mod-thumbnailList .thumbnail:nth-child(8):after,
.header .header__tools--point-wrap .header__tools--point--link .header__tools__contents .mod-message-summary .summary-body .mod-thumbnailList .thumbnail:nth-child(8):after {
    content: "...";
    position: relative;
    top: 9px;
}

.header .header__tools--point-wrap .header__tools--point .header__tools__contents .mod-message-summary:hover,
.header .header__tools--point-wrap .header__tools--point--link .header__tools__contents .mod-message-summary:hover {
    background: #1163a1;
}

.header .header__tools--point-wrap .header__tools--point .header__tools__contents .mod-message-summary:last-of-type,
.header .header__tools--point-wrap .header__tools--point--link .header__tools__contents .mod-message-summary:last-of-type {
    border-bottom: none;
}

.header .header__tools--point-wrap .header__tools--point .header__tools__contents::before,
.header .header__tools--point-wrap .header__tools--point--link .header__tools__contents::before {
    content: "";
    width: 0;
    height: 0;
    display: inline-block;
    border: 14px solid transparent;
    border-bottom-color: #0f558a;
    position: absolute;
    top: -28px;
    left: 56.2%;
    transform: translateX(-50%);
}

.header .header__tools--point-wrap .header__tools--point .header__tools__contents ul li a,
.header .header__tools--point-wrap .header__tools--point--link .header__tools__contents ul li a {
    transition: all 0.3s 0s ease;
    display: flex;
    align-items: center;
    background: rgba(0, 74, 131, 0.94);
    color: #e9eef3;
    text-decoration: none;
    padding: 12px 16px;
}

.header .header__tools--point-wrap .header__tools--point .header__tools__contents ul li a .image,
.header .header__tools--point-wrap .header__tools--point--link .header__tools__contents ul li a .image {
    width: 30px;
    flex: 0 0 30px;
    margin-right: 16px;
}

.header .header__tools--point-wrap .header__tools--point .header__tools__contents ul li a .image img,
.header .header__tools--point-wrap .header__tools--point--link .header__tools__contents ul li a .image img {
    width: 100%;
}

.header .header__tools--point-wrap .header__tools--point .header__tools__contents ul li a .text,
.header .header__tools--point-wrap .header__tools--point--link .header__tools__contents ul li a .text {
    text-align: left;
}

.header .header__tools--point-wrap .header__tools--point .header__tools__contents ul li a:hover,
.header .header__tools--point-wrap .header__tools--point--link .header__tools__contents ul li a:hover {
    background: #1263a1;
}

.header .header__tools--point-wrap .header__tools--point .header__tools__contents ul li:not(:last-child) a,
.header .header__tools--point-wrap .header__tools--point--link .header__tools__contents ul li:not(:last-child) a {
    border-bottom: 1px solid rgba(233, 238, 243, 0.6);
}

.header .header__tools--point-wrap .header__tools--point .header__tools__contents .more a,
.header .header__tools--point-wrap .header__tools--point--link .header__tools__contents .more a {
    display: block;
    background: #568fcc;
    text-align: center;
    color: #fff;
    padding: 12px;
    text-decoration: none;
    transition: all 0.3s 0s ease;
    background: #f3dc1e;
    color: #004a83;
    display: inline-block;
    text-decoration: none;
    border-radius: 6px;
    line-height: 1;
    min-width: 240px;
    padding: 15px 25px;
    text-align: center;
    position: relative;
    border: none;
    width: 100%;
    min-width: auto;
    border-radius: 0;
}

.header .header__tools--point-wrap .header__tools--point .header__tools__contents .more a::after,
.header .header__tools--point-wrap .header__tools--point--link .header__tools__contents .more a::after {
    content: "";
    display: block;
    position: absolute;
    top: 49%;
    right: 18px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #004a83;
    border-right: 2px solid #004a83;
    transform: rotate(45deg) translateY(-50%);
}

.header .header__tools--point-wrap .header__tools--point .header__tools__contents .more a:hover,
.header .header__tools--point-wrap .header__tools--point--link .header__tools__contents .more a:hover {
    background: #d3bd0b;
}

.header .header__tools--point-wrap .header__tools--point .header__tools__contents .more a:active,
.header .header__tools--point-wrap .header__tools--point--link .header__tools__contents .more a:active {
    transition: all 0.1s 0s ease;
    background: #a29209;
}

.header .header__tools--point-wrap .header__tools--point .header__tools__contents .more a:after,
.header .header__tools--point-wrap .header__tools--point--link .header__tools__contents .more a:after {
    content: none;
}

.header .header__tools--point-wrap .header__tools--point .header__tools__contents .kidoku-all,
.header .header__tools--point-wrap .header__tools--point--link .header__tools__contents .kidoku-all {
    display: block;
    background: rgba(0, 74, 131, 0.94);
    text-align: right;
    color: #fff;
    padding: 5px 12px;
    text-decoration: none;
    width: 100%;
    min-width: auto;
    border: 1px solid rgba(233, 238, 243, 0.6);
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 22.2px;
    line-height: 2.22rem;
}

.header .header__tools--point-wrap .header__tools--point .header__tools__contents .kidoku-all a,
.header .header__tools--point-wrap .header__tools--point--link .header__tools__contents .kidoku-all a {
    color: #fff;
}

.header .header__tools--point-wrap .header__tools--point .header__tools__contents .summary-body,
.header .header__tools--point-wrap .header__tools--point--link .header__tools__contents .summary-body {
    padding-left: 48px;
}

.header .header__tools--point-wrap .header__tools--point .header__tools__contents.inset-search,
.header .header__tools--point-wrap .header__tools--point--link .header__tools__contents.inset-search {
    left: -150px;
    background: rgba(0, 74, 131, 0.94);
    padding: 15px;
}

.header .header__tools--point-wrap .header__tools--point .header__tools__contents.inset-search .mod-searchBox,
.header .header__tools--point-wrap .header__tools--point--link .header__tools__contents.inset-search .mod-searchBox {
    height: 35px;
}

.header .header__tools--point-wrap .header__tools--point .header__tools__contents.inset-search .mod-searchBox input,
.header .header__tools--point-wrap .header__tools--point--link .header__tools__contents.inset-search .mod-searchBox input {
    display: inline-block;
    color: #aaa;
}

.header .header__tools--point-wrap .header__tools--point .header__tools__contents.inset-search .mod-searchBox input[type="text"],
.header .header__tools--point-wrap .header__tools--point--link .header__tools__contents.inset-search .mod-searchBox input[type="text"] {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 0;
}

.header .header__tools--point-wrap .header__tools--point .header__tools__contents.inset-search::before,
.header .header__tools--point-wrap .header__tools--point--link .header__tools__contents.inset-search::before {
    left: 92%;
}

.header .header__tools--point-wrap .header__tools--point--link {
    background: #fff;
    display: flex;
    align-items: center;
    padding: 2px 15px 0 10px;
    border-radius: 6px;
    margin: 0 5px 0 10px;
}

.header .header__tools--point-wrap .header__tools--point--link:hover {
    cursor: pointer;
}

.header .header__tools--point-wrap .header__tools--point--link label img {
    width: 26px;
    height: auto;
    margin-top: 2px;
}

.header .header__tools--point-wrap .header__tools--point--link .count {
    left: -10px;
    right: auto;
}

.header .header__tools--point-wrap .header__tools--point--link .total-point {
    color: #004a83;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 16px;
    line-height: 1.6rem;
}

.header .gnav {
    background: #fff;
    border-bottom: 2px solid #004a83;
}

.header .gnav__main {
    padding-top: 8px;
    overflow: hidden;
    display: flex;
}

.header .gnav__main:after {
    content: "";
    clear: both;
    display: block;
}

.header .gnav__main>li {
    width: 16.66%;
    height: 50px;
    float: left;
    padding: 0 1px;
}

.header .gnav__main>li:first-child {
    width: 16.7%;
    padding-left: 0;
}

.header .gnav__main>li:last-child {
    padding-right: 0;
}

.header .gnav__main>li>a {
    transition: all 0.3s 0s ease;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #568fcc;
    text-align: center;
    color: #fff;
    text-decoration: none;
    position: relative;
}

.header .gnav__main>li>a::after {
    transition: all 0.3s 0s ease;
    content: "";
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: #004a83;
    position: absolute;
    left: 50%;
    bottom: -2px;
    margin-left: -6px;
}

.header .gnav__main>li>a.disabled {
    color: rgba(255, 255, 255, 0.4);
}

.header .gnav__main>li>a.disabled::after {
    display: none;
}

.header .gnav__main>li>a:not(.disabled):hover,
.header .gnav__main>li>a:not(.disabled).active {
    background: #004a83;
    color: #fff;
}

.header .gnav__main>li>a:not(.disabled):hover::after,
.header .gnav__main>li>a:not(.disabled).active::after {
    border-top-color: #fff;
}

.header .gnav__main>li .gnav__megamenu {
    transition: all 0.3s 0s ease;
    position: absolute;
    top: 118px;
    left: 0;
    z-index: -1;
    width: 100%;
    background: #004a83;
    transform: translateY(-100%);
}

.header .gnav__main>li .gnav__megamenu .gnav__megamenu__inner {
    max-width: 1280px;
    margin: 25px auto;
    padding: 0 40px;
    color: #fff;
}

.header .gnav__main>li .gnav__megamenu .gnav__megamenu__inner a {
    color: #fff;
}

.header .gnav__main>li .gnav__megamenu .gnav__megamenu__inner .link-top {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px;
    line-height: 2.2rem;
    font-weight: bold;
    border-bottom: 1px solid #4d81a8;
    padding-bottom: 15px;
}

.header .gnav__main>li .gnav__megamenu .gnav__megamenu__inner dl dt {
    font-weight: bold;
    margin-top: 15px;
}

.header .gnav__main>li .gnav__megamenu .gnav__megamenu__inner dl dd ul:after {
    content: "";
    clear: both;
    display: block;
}

.header .gnav__main>li .gnav__megamenu .gnav__megamenu__inner dl dd ul li {
    width: 16.66%;
    padding-right: 15px;
    float: left;
}

.header .gnav__main>li.has-megamenu:hover .gnav__megamenu {
    transform: translateY(0);
}

.header .gnav__sub {
    font-size: 0px;
    font-size: 0rem;
    line-height: 0px;
    line-height: 0rem;
}

.header .gnav__sub li {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 22.2px;
    line-height: 2.22rem;
}

.header .gnav__sub__career,
.header .gnav__sub__j-ing,
.header .gnav__sub__travel,
.header .gnav__sub__community {
    display: inline-block;
    position: absolute;
    bottom: -27px;
    right: 0;
    z-index: -2;
    width: 150px;
}

.header .gnav__sub__career a,
.header .gnav__sub__j-ing a,
.header .gnav__sub__travel a,
.header .gnav__sub__community a {
    display: block;
    background: #fff;
    border-left: 1px solid #004a83;
    border-bottom: 1px solid #004a83;
    border-radius: 0 0 0 6px;
    text-decoration: none;
    padding: 2px 17px;
    text-align: center;
    color: #004a83;
}

.header .gnav__sub__career a::after,
.header .gnav__sub__j-ing a::after,
.header .gnav__sub__travel a::after,
.header .gnav__sub__community a::after {
    content: "";
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(/common/img/icon-external.svg) no-repeat;
    background-size: 14px 14px;
    position: relative;
    top: 3px;
    left: 10px;
}

.header .gnav__sub__career {
    margin-right: -4px;
    right: 150px;
    width: 100px;
}

.header .gnav__sub__career a {
    padding: 2px 21px 2px 17px;
}

.header .gnav__sub__travel {
    margin-right: -4px;
    right: 250px;
    width: 162px;
}

.header .gnav__sub__travel a {
    padding: 2px 21px 2px 17px;
}

.header .gnav__sub__community {
    margin-right: -4px;
    right: 412px;
    width: 150px;
}

.header .gnav__sub__community a {
    padding: 2px 21px 2px 17px;
}

.header .gnav__sub__logout {
    position: absolute;
    top: 0;
    right: 0;
}

.header .gnav__sub__logout a {
    display: block;
    width: 60px;
    height: 60px;
    text-decoration: none;
    background: #568fcc;
    position: relative;
    text-indent: -9999px;
}

.header .gnav__sub__logout a::after {
    content: "";
    width: 24px;
    height: 20px;
    display: block;
    background: url(/common/img/icon-logout-w.svg) no-repeat;
    background-size: 24px 20px;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}

.header .gnav__sub__logout.mod-tooltip-wrap:hover .tooltip {
    left: 30%;
    margin-left: -50px;
}

.header .gnav__sub__logout.mod-tooltip-wrap .tooltip:after {
    margin-left: 0;
}

.header .gnav__sub__login {
    position: absolute;
    top: 0;
    right: 0;
}

.header .gnav__sub__login a {
    display: block;
    width: 60px;
    height: 60px;
    text-decoration: none;
    background: #568fcc;
    position: relative;
    text-indent: -9999px;
}

.header .gnav__sub__login a::after {
    content: "";
    width: 24px;
    height: 20px;
    display: block;
    background: url(/common/img/icon-login-w.svg) no-repeat;
    background-size: 24px 20px;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}

.header .gnav__sub__login.mod-tooltip-wrap:hover .tooltip {
    left: 30%;
    margin-left: -50px;
}

.header .gnav__sub__login.mod-tooltip-wrap .tooltip:after {
    margin-left: 0;
}

.header.header_message,
.header.header_regist {
    margin-bottom: 15px;
    border-bottom: 2px solid #004a83;
}

.header.header_message .header__inner,
.header.header_regist .header__inner {
    height: 68px;
    border-bottom: 8px solid #fff;
    position: relative;
}

.header.header_message .header__inner:before,
.header.header_regist .header__inner:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #d2dce7;
    display: block;
    position: absolute;
    bottom: 0px;
}

.header.header_regist {
    margin-bottom: 50px;
}

.header.header_landing {
    margin-bottom: 0;
    background: #fff;
}

.header.header_landing .header__inner {
    height: 70px;
    background: #fff;
    border-bottom: none;
    display: block;
}

.header.header_landing .header__inner:after {
    content: "";
    clear: both;
    display: block;
}

.header.header_landing .header__inner .tagline {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 29.6px;
    line-height: 2.96rem;
    color: #004a83;
    padding-top: 12px;
}

.header.header_landing .header__inner .logo-ms {
    float: right;
    padding-top: 14px;
    padding-right: 20px;
}

.header.header_maintenance .maintenance-message {
    background: #fff;
    padding: 10px 10px 0 10px;
}

.header.header_maintenance .maintenance-message .component-attentionMessage {
    border: none;
    padding: 5px 20px;
    display: inline-flex;
    align-items: center;
}

.header.header_maintenance .maintenance-message .component-attentionMessage__title {
    padding-right: 15px;
}

.header.header_maintenance .maintenance-message .component-attentionMessage__text {
    text-align: left;
}

.header.header_maintenance .gnav__main>li .gnav__megamenu {
    /*top: 168px;お知らせが1行の時*/
    /*top: 193px;お知らせが2行の時*/
}

.campaign-news {
    background: #fff;
    padding: 10px 10px 6px;
}

@media screen and (max-width: 46em) {
    .header {
        margin-bottom: 60px;
        height: 0px;
    }
    .header>tob {
        height: 60px!important;
    }
    .header__inner {
        display: block;
    }
    .header__inner .logo {
        width: 120px;
        box-sizing: content-box;
        padding: 0px 0 0 0px;
        position: relative;
        z-index: 3;
    }
    .header__inner .logo a img {
        width: 100%;
        height: auto;
    }
    .header__inner .tagline {
        display: none;
    }
    .header__inner .user {
        position: relative;
        right: 70px;
        top: -45px;
        min-height: 46px;
        flex-flow: column nowrap;
    }
    .header__inner .user__category {
        padding: 0 10px 0 15px;
        margin-right: 0;
        margin-bottom: 2px;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 20.35px;
        line-height: 2.035rem;
    }
    .header__inner .user__category::before {
        width: 10px;
        height: 11px;
        background-size: 10px 11px;
        top: 1px;
    }
    .header__inner .user__name {
        display: block;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 24.05px;
        line-height: 2.405rem;
        padding: 0;
    }
    .header__inner .user.user_kanri {
        padding-top: 10px;
    }
    .header__tools {
        position: relative;
        top: -42px;
        right: 0;
        z-index: -1;
        text-align: center;
        width: 100%;
        background: #fff;
        margin-right: 0;
    }
    .header__tools>ul {
        margin: 4px 10px;
        float: none;
        display: block;
    }
    .header__tools>ul>li {
        margin: 10px 6px 6px 6px;
        position: static;
    }
    .header__tools>ul>li>a {
        width: 38px;
        height: 38px;
    }
    .header__tools>ul>li>a img {
        width: 100%;
    }
    .header__tools>ul>li .count {
        right: -5px;
        bottom: -5px;
    }
    .header__tools>ul>li label {
        width: 38px;
        height: 38px;
    }
    .header__tools>ul>li label img {
        width: 100%;
    }
    .header__tools>ul>li .header__tools__contents {
        left: 50%;
        top: 66px;
        width: calc(100% - 30px);
        text-align: left;
    }
    .header__tools>ul>li .header__tools__contents .mod-message-summary {
        width: 100%;
    }
    .header__tools>ul>li .header__tools__contents.inset-search {
        background: rgba(0, 74, 131, 0.94);
        padding: 15px;
        position: relative;
        top: -22px;
        display: none;
    }
    .header__tools>ul>li .header__tools__contents.inset-search .mod-searchBox input {
        display: inline-block;
        color: #aaa;
    }
    .header__tools>ul>li .header__tools__contents.inset-search::before {
        left: 92%;
    }
    .header__tools>ul>li .header__tools__contents::before {
        border: 12px solid transparent;
        border-bottom-color: #0f558a;
        top: -24px;
        left: 50%;
    }
    .header__tools>ul>li .header__tools__contents .inner {
        max-height: calc(100vh - 140px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    .header__tools>ul>li .header__tools__contents .inner ul li a .text {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 18px;
        line-height: 1.8rem;
    }
    .header__tools>ul>li .header__tools__contents .more {
        width: 100%;
    }
    .header__tools>ul>li .header__tools__contents .more a {
        width: 100%;
    }
    .header__tools>ul>li .header__tools__contents .mod-message-summary {
        width: 100%;
        padding: 10px;
    }
    .header__tools>ul>li .header__tools__contents .mod-message-summary .image {
        width: 24px;
    }
    .header__tools>ul>li .header__tools__contents .mod-message-summary .summary-body {
        color: #fff;
        padding-left: 35px;
    }
    .header__tools>ul>li .header__tools__contents .mod-message-summary .summary-body .mod-thumbnailList {
        margin-left: -5px;
        width: calc(100% + 47px);
    }
    .header__tools>ul>li .header__tools__contents .mod-message-summary .summary-body .mod-thumbnailList .thumbnail {
        margin: 0;
        display: inline-block;
    }
    .header__tools>ul>li .header__tools__contents .mod-message-summary .summary-body .mod-thumbnailList .thumbnail span {
        width: 24px;
    }
    .header__tools>ul>li .header__tools__contents .mod-message-summary .summary-body .mod-thumbnailList .thumbnail:nth-child(n+8) {
        display: none;
    }
    .header__tools>ul>li .header__tools__contents .mod-message-summary .summary-body .mod-thumbnailList .thumbnail:nth-child(7):after {
        content: "...";
        position: relative;
        top: 9px;
    }
    .header__tools>ul>li input {
        display: none;
    }
    .header__tools>ul>li input:checked+.header__tools__contents {
        isplay: block;
    }
    .header__tools>ul>li.header__tools--notification .header__tools__contents::before {
        margin-left: -54px;
    }
    .header__tools>ul>li.header__tools--message .header__tools__contents::before {
        margin-left: -3px;
    }
    .header .header__tools--point-wrap {
        margin: 0;
        justify-content: end;
        display: none;
    }
    .sp-hide-header .header__tools--point-wrap {
        display: block;
    }
    .header .header__tools--point-wrap .header__tools--point,
    .header .header__tools--point-wrap .header__tools--point--link {
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 11px;
        line-height: 1.1rem;
        display: inline-block;
        margin: 0;
        position: static;
        min-width: auto;
        text-align: center;
        padding: 5px 10px 5px 30px;
        border-radius: 6px;
        color: #004a83;
    }
    .header .header__tools--point-wrap .header__tools--point>a,
    .header .header__tools--point-wrap .header__tools--point--link>a {
        width: 38px;
        height: 38px;
    }
    .header .header__tools--point-wrap .header__tools--point>a img,
    .header .header__tools--point-wrap .header__tools--point--link>a img {
        width: 100%;
    }
    .header .header__tools--point-wrap .header__tools--point .count,
    .header .header__tools--point-wrap .header__tools--point--link .count {
        top: -8px;
        left: -40px;
        z-index: 2;
    }
    .header .header__tools--point-wrap .header__tools--point label,
    .header .header__tools--point-wrap .header__tools--point--link label {
        width: 20px;
        height: 20px;
        position: absolute;
    }
    .header .header__tools--point-wrap .header__tools--point label img,
    .header .header__tools--point-wrap .header__tools--point--link label img {
        width: 20px;
        height: auto;
        margin-top: -4px;
        position: absolute;
        left: -26px;
    }
    .header .header__tools--point-wrap .header__tools--point .total-point,
    .header .header__tools--point-wrap .header__tools--point--link .total-point {
        color: #004a83;
        font-weight: bold;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 11px;
        line-height: 1.1rem;
    }
    .header .header__tools--point-wrap .header__tools--point .header__tools__contents,
    .header .header__tools--point-wrap .header__tools--point--link .header__tools__contents {
        left: 50%;
        top: 66px;
        width: calc(100% - 30px);
        text-align: left;
        margin-left: 70px;
    }
    .header .header__tools--point-wrap .header__tools--point .header__tools__contents .mod-message-summary,
    .header .header__tools--point-wrap .header__tools--point--link .header__tools__contents .mod-message-summary {
        width: 100%;
    }
    .header .header__tools--point-wrap .header__tools--point .header__tools__contents.inset-search,
    .header .header__tools--point-wrap .header__tools--point--link .header__tools__contents.inset-search {
        background: rgba(0, 74, 131, 0.94);
        padding: 15px;
        position: relative;
        top: -22px;
        display: none;
    }
    .header .header__tools--point-wrap .header__tools--point .header__tools__contents.inset-search .mod-searchBox input,
    .header .header__tools--point-wrap .header__tools--point--link .header__tools__contents.inset-search .mod-searchBox input {
        display: inline-block;
        color: #aaa;
    }
    .header .header__tools--point-wrap .header__tools--point .header__tools__contents.inset-search::before,
    .header .header__tools--point-wrap .header__tools--point--link .header__tools__contents.inset-search::before {
        left: 92%;
    }
    .header .header__tools--point-wrap .header__tools--point .header__tools__contents::before,
    .header .header__tools--point-wrap .header__tools--point--link .header__tools__contents::before {
        border: 12px solid transparent;
        border-bottom-color: #0f558a;
        top: -24px;
        left: auto;
        right: 80px;
    }
    .header .header__tools--point-wrap .header__tools--point .header__tools__contents .inner,
    .header .header__tools--point-wrap .header__tools--point--link .header__tools__contents .inner {
        max-height: calc(100vh - 140px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    .header .header__tools--point-wrap .header__tools--point .header__tools__contents .inner ul li a .text,
    .header .header__tools--point-wrap .header__tools--point--link .header__tools__contents .inner ul li a .text {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 18px;
        line-height: 1.8rem;
    }
    .header .header__tools--point-wrap .header__tools--point .header__tools__contents .more,
    .header .header__tools--point-wrap .header__tools--point--link .header__tools__contents .more {
        width: 100%;
    }
    .header .header__tools--point-wrap .header__tools--point .header__tools__contents .more a,
    .header .header__tools--point-wrap .header__tools--point--link .header__tools__contents .more a {
        width: 100%;
    }
    .header .header__tools--point-wrap .header__tools--point .header__tools__contents .mod-message-summary,
    .header .header__tools--point-wrap .header__tools--point--link .header__tools__contents .mod-message-summary {
        width: 100%;
        padding: 10px;
    }
    .header .header__tools--point-wrap .header__tools--point .header__tools__contents .mod-message-summary .image,
    .header .header__tools--point-wrap .header__tools--point--link .header__tools__contents .mod-message-summary .image {
        width: 24px;
    }
    .header .header__tools--point-wrap .header__tools--point .header__tools__contents .mod-message-summary .summary-body,
    .header .header__tools--point-wrap .header__tools--point--link .header__tools__contents .mod-message-summary .summary-body {
        color: #fff;
        padding-left: 35px;
    }
    .header .header__tools--point-wrap .header__tools--point .header__tools__contents .mod-message-summary .summary-body .mod-thumbnailList,
    .header .header__tools--point-wrap .header__tools--point--link .header__tools__contents .mod-message-summary .summary-body .mod-thumbnailList {
        margin-left: -5px;
        width: calc(100% + 47px);
    }
    .header .header__tools--point-wrap .header__tools--point .header__tools__contents .mod-message-summary .summary-body .mod-thumbnailList .thumbnail,
    .header .header__tools--point-wrap .header__tools--point--link .header__tools__contents .mod-message-summary .summary-body .mod-thumbnailList .thumbnail {
        margin: 0;
        display: inline-block;
    }
    .header .header__tools--point-wrap .header__tools--point .header__tools__contents .mod-message-summary .summary-body .mod-thumbnailList .thumbnail span,
    .header .header__tools--point-wrap .header__tools--point--link .header__tools__contents .mod-message-summary .summary-body .mod-thumbnailList .thumbnail span {
        width: 24px;
    }
    .header .header__tools--point-wrap .header__tools--point .header__tools__contents .mod-message-summary .summary-body .mod-thumbnailList .thumbnail:nth-child(n+8),
    .header .header__tools--point-wrap .header__tools--point--link .header__tools__contents .mod-message-summary .summary-body .mod-thumbnailList .thumbnail:nth-child(n+8) {
        display: none;
    }
    .header .header__tools--point-wrap .header__tools--point .header__tools__contents .mod-message-summary .summary-body .mod-thumbnailList .thumbnail:nth-child(7):after,
    .header .header__tools--point-wrap .header__tools--point--link .header__tools__contents .mod-message-summary .summary-body .mod-thumbnailList .thumbnail:nth-child(7):after {
        content: "...";
        position: relative;
        top: 9px;
    }
    .header .menu-btn {
        position: absolute;
        top: 0;
        right: 0;
        background: #568fcc;
        width: 60px;
        height: 60px;
        cursor: pointer;
        transition: all 0.3s 0s ease;
    }
    .header .menu-btn span {
        position: absolute;
        right: 15px;
        width: 30px;
        height: 3px;
        background-color: #fff;
        display: inline-block;
        transition: all 0.3s 0s ease;
    }
    .header .menu-btn span:nth-of-type(1) {
        top: 19px;
    }
    .header .menu-btn span:nth-of-type(2) {
        top: 28px;
    }
    .header .menu-btn span:nth-of-type(3) {
        bottom: 20px;
    }
    .header .menu-btn.is-open span:nth-of-type(1) {
        animation: open-menu-bar01 0.6s forwards;
    }
    .header .menu-btn.is-open span:nth-of-type(2) {
        opacity: 0;
    }
    .header .menu-btn.is-open span:nth-of-type(3) {
        animation: open-menu-bar03 0.6s forwards;
    }
    .header .menu-btn.is-close span:nth-of-type(1) {
        animation: close-menu-bar01 0.6s forwards;
    }
    .header .menu-btn.is-close span:nth-of-type(2) {
        transition: all 0.3s 0s ease;
        opacity: 1;
    }
    .header .menu-btn.is-close span:nth-of-type(3) {
        animation: close-menu-bar02 0.6s forwards;
    }
    .header .menu-btn2 {
        position: absolute;
        top: 0;
        right: 0;
        background: #2615A0;
        width: 60px;
        height: 60px;
        cursor: pointer;
        transition: all 0.3s 0s ease;
    }
    .header .menu-btn2 span {
        position: absolute;
        right: 15px;
        width: 30px;
        height: 3px;
        background-color: #fff;
        display: inline-block;
        transition: all 0.3s 0s ease;
    }
    .header .menu-btn2 span:nth-of-type(1) {
        top: 19px;
    }
    .header .menu-btn2 span:nth-of-type(2) {
        top: 28px;
    }
    .header .menu-btn2 span:nth-of-type(3) {
        bottom: 20px;
    }
    .header .menu-btn2.is-open span:nth-of-type(1) {
        animation: open-menu-bar01 0.6s forwards;
    }
    .header .menu-btn2.is-open span:nth-of-type(2) {
        opacity: 0;
    }
    .header .menu-btn2.is-open span:nth-of-type(3) {
        animation: open-menu-bar03 0.6s forwards;
    }
    .header .menu-btn2.is-close span:nth-of-type(1) {
        animation: close-menu-bar01 0.6s forwards;
    }
    .header .menu-btn2.is-close span:nth-of-type(2) {
        transition: all 0.3s 0s ease;
        opacity: 1;
    }
    .header .menu-btn2.is-close span:nth-of-type(3) {
        animation: close-menu-bar02 0.6s forwards;
    }
    .header .gnav {
        border-bottom: none;
        transition: all 0.3s 0s ease;
        position: relative;
        z-index: -1;
        transform: translate3d(0, -120%, 0);
        max-height: calc(100vh - 60px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    .menu-open .header .gnav {
        transform: translate3d(0, 0, 0);
    }
    .header .gnav__main {
        padding-top: 0;
        display: block;
    }
    .header .gnav__main>li {
        width: 100%;
        float: none;
        padding: 0;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 24.05px;
        line-height: 2.405rem;
    }
    .header .gnav__main>li:first-child {
        width: 100%;
    }
    .header .gnav__main>li>a {
        justify-content: flex-start;
        background: #fff;
        text-align: left;
        color: #555;
        border-bottom: 1px solid #d2dce7;
        padding: 0 35px 0 15px;
    }
    .header .gnav__main>li>a::after {
        width: 9px;
        height: 9px;
        border: none;
        border-top: 2px solid #568fcc;
        border-right: 2px solid #568fcc;
        transform: translateY(-50%) rotate(45deg);
        left: auto;
        bottom: auto;
        right: 15px;
        top: 50%;
    }
    .header .gnav__main>li>a.disabled {
        color: #aabed3;
    }
    .header .gnav__main>li>a:not(.disabled):hover {
        background: #fff;
    }
    .header .gnav__main>li>a:not(.disabled):hover,
    .header .gnav__main>li>a:not(.disabled).active {
        background: #004a83;
        color: #fff;
    }
    .header .gnav__main>li>a:not(.disabled):hover::after,
    .header .gnav__main>li>a:not(.disabled).active::after {
        border-top-color: #fff;
        border-right-color: #fff;
    }
    .header .gnav__main>li .gnav__megamenu {
        display: none;
    }
    .header .gnav__sub li {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 24.05px;
        line-height: 2.405rem;
    }
    .header .gnav__sub__career,
    .header .gnav__sub__j-ing,
    .header .gnav__sub__travel,
    .header .gnav__sub__community {
        display: block;
        position: static;
        width: 100%;
    }
    .header .gnav__sub__career a,
    .header .gnav__sub__j-ing a,
    .header .gnav__sub__travel a,
    .header .gnav__sub__top a,
    .header .gnav__sub__community a {
        height: 50px;
        display: flex;
        align-items: center;
        border-left: none;
        border-bottom: 1px solid #d2dce7;
        border-radius: 0;
        padding: 0 35px 0 15px;
        color: #555;
        position: relative;
    }
    .header .gnav__sub__career a::after,
    .header .gnav__sub__j-ing a::after,
    .header .gnav__sub__travel a::after,
    .header .gnav__sub__community a::after {
        width: 16px;
        height: 16px;
        display: block;
        background: url(/common/img/icon-external-light.svg) no-repeat;
        background-size: 16px 16px;
        position: absolute;
        left: auto;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
    }
    .header .gnav__sub__career {
        margin-right: 0;
    }
    .header .gnav__sub__travel {
        margin-right: 0;
    }
    .header .gnav__sub__community {
        margin-right: 0;
    }
    .header .gnav__sub__logout,
    .header .gnav__sub__login {
        position: static;
        display: block;
    }
    .header .gnav__sub__logout a,
    .header .gnav__sub__login a {
        display: flex;
        align-items: center;
        width: 100%;
        height: 50px;
        padding: 0 35px 0 15px;
        text-indent: 0;
        color: #fff;
    }
    .header .gnav__sub__logout a::after,
    .header .gnav__sub__login a::after {
        width: 18px;
        height: 15px;
        background-size: 18px 15px;
        right: 10px;
    }
    .header .gnav:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 450px;
        top: 0px;
        left: 0;
        display: block;
        background: #e9eef3;
        z-index: 20000;
    }
    .header.header_message {
        margin-bottom: 10px;
        border-bottom: none;
        height: auto;
    }
    .header.header_message .header__inner {
        height: auto;
        border-bottom: none;
        position: relative;
    }
    .header.header_message .header__inner .user {
        display: none;
    }
    .header.header_message .header__inner .header__tools {
        position: absolute;
        top: 0;
        right: 0;
        background: #e9eef3;
        width: 60px;
        height: 60px;
        cursor: pointer;
        z-index: auto;
        border-bottom: none;
    }
    .header.header_message .header__inner .header__tools li {
        display: none;
    }
    .header.header_message .header__inner .header__tools li:nth-child(3) {
        display: inline-block;
        margin: 10px 0px 6px 0px;
    }
    .header.header_message .header__inner .header__tools__contents {
        width: 300px;
        left: -100px;
    }
    .header.header_message .header__inner .header__tools__contents:before {
        right: 0;
        left: initial;
    }
    .header.header_regist {
        height: auto;
        margin-bottom: 20px;
    }
    .header.login {
        height: 60px;
    }
    .header.logout {
        height: 60px;
    }
    .header.logout .header__tools {
        position: absolute;
        top: 0px;
        right: 60px;
        width: auto;
        background: none;
        border-bottom: none;
        margin-right: 0;
        z-index: auto;
    }
    .header.header_landing {
        margin-bottom: 0;
        background: #fff;
        height: 45px;
    }
    .header.header_landing .header__inner {
        height: 45px;
        background: #fff;
    }
    .header.header_landing .header__inner:after {
        content: "";
        clear: both;
        display: block;
    }
    .header.header_landing .header__inner .tagline {
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 14px;
        line-height: 1.4rem;
        color: #004a83;
        padding-top: 10px;
        display: inline-block;
        margin-left: 5px;
    }
    .header.header_landing .header__inner .logo {
        width: 85px;
    }
    .header.header_landing .header__inner .logo-ms {
        float: right;
        padding-top: 13px;
        padding-right: 10px;
        width: 121px;
    }
    .header.header_landing .header__inner .logo-ms a img {
        width: 100%;
        height: auto;
    }
    .header.header_maintenance+.header__tools__contents+.maintenance-message {
        padding: 0 15px 15px;
        margin-top: -5px;
    }
    .header.header_maintenance+.header__tools__contents+.maintenance-message .component-attentionMessage {
        border: none;
        padding: 10px;
        display: inline-block;
        align-items: center;
        background: #fff;
    }
    .header.header_maintenance+.header__tools__contents+.maintenance-message .component-attentionMessage__text {
        text-align: center;
    }
    .menu-open .gnav:before {
        content: none;
    }
    .inset-search {
        background: rgba(0, 74, 131, 0.94);
        padding: 15px;
        position: relative;
        display: none;
    }
    .inset-search .mod-searchBox input {
        display: inline-block;
        color: #aaa;
    }
    .inset-search::before {
        left: 92%;
    }
    .campaign-news {
        background: #fff;
        padding: 10px 10px 15px;
    }
    .campaign-news_tob {
        background: #fff;
        padding: 10px 10px 15px;
    }
    .campaign-news-inner {
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.footer {
    margin: 0 auto;
    padding: 0 40px;
    position: relative;
}

.footer__inner {
    background: #fff;
    border-top: 2px solid #568fcc;
}

.footer__sitemap {
    padding: 20px 25px;
}

.footer__sitemap:after {
    content: "";
    clear: both;
    display: block;
}

.footer__sitemap a {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 25.9px;
    line-height: 2.59rem;
}

.footer__sitemap .tagline {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 33.3px;
    line-height: 3.33rem;
    font-weight: bold;
    color: #004a83;
    margin-bottom: 50px;
}

.footer__sitemap nav .link-top {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 29.6px;
    line-height: 2.96rem;
    font-weight: bold;
    margin-bottom: 20px;
}

.footer__sitemap nav dl {
    padding: 0 0 30px 15px;
}

.footer__sitemap nav dl dt {
    font-weight: bold;
    margin-bottom: 8px;
}

.footer__sitemap nav dl dd ul li {
    margin-bottom: 8px;
}

.footer__sitemap__category {
    width: 70%;
    float: left;
    border-left: 1px solid #d2dce7;
    margin: 0 2%;
    padding: 0 2%;
}

.footer__sitemap__category:after {
    content: "";
    clear: both;
    display: block;
}

.footer__sitemap__category dl {
    //    columns: 3;
}

.footer__sitemap__category__category {
    width: 32%;
    float: left;
}

.footer__sitemap__category__category dl dd ul li {
    width: 100%;
    columns: 1;
}

.footer__sitemap__category2 {
    width: 20%;
    float: left;
    border-left: 1px solid #d2dce7;
    margin: 0 2%;
    padding: 0 2%;
    columns: 1;
}

.footer__sitemap__category2:after {
    content: "";
    clear: both;
    display: block;
}

.footer__sitemap__category2 dl dd ul li {
    width: 100%;
    columns: 1;
}

.footer__sitemap__topics {
    float: left;
    width: 13.04348%;
}

.footer__sitemap__qa {
    float: left;
    width: 13.04348%;
    border-left: 1px solid #d2dce7;
    padding: 0 1.73913%;
}

.footer__sitemap__template {
    width: 45.21739%;
    float: left;
    border-left: 1px solid #d2dce7;
    margin: 0 2.6087%;
    padding: 0 1.73913%;
}

.footer__sitemap__template:after {
    content: "";
    clear: both;
    display: block;
}

.footer__sitemap__template__category {
    width: 70%;
    float: left;
}

.footer__sitemap__template__category dd {
    columns: 2;
}

.footer__sitemap__template__job {
    width: 25%;
    float: right;
}

.footer__sitemap__group {
    float: left;
    width: 22.6087%;
    padding: 0 1.73913%;
}

.footer__sitemap__estimate {
    border-left: 1px solid #d2dce7;
    padding: 0 11.53846%;
}

.footer__sitemap__community {
    border-left: 1px solid #d2dce7;
    padding: 0 11.53846%;
}

.footer__sitemap__review {
    border-left: 1px solid #d2dce7;
    padding: 0 11.53846%;
}

.footer__links {
    background: #568fcc;
}

.footer__links:after {
    content: "";
    clear: both;
    display: block;
}

.footer__links .logo {
    float: left;
    margin: -5px 0 0 -5px;
}

.footer__links .logo a img {
    width: 141px;
    height: 50px;
}

.footer__links ul {
    float: right;
    text-align: right;
    padding: 17px 25px 0 0;
    font-size: 0px;
    font-size: 0rem;
    line-height: 0px;
    line-height: 0rem;
}

.footer__links ul li {
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 12px;
    line-height: 1.2rem;
}

.footer__links ul li a {
    color: #fff !important;
    text-decoration: none;
}

.footer__links ul li a:hover {
    color: #fff;
    text-decoration: underline;
}

.footer__links ul li:not(:first-child) {
    border-left: 1px solid #fff;
    padding-left: 15px;
    margin-left: 15px;
}

.tobfooter__links {
    background: #568FCC;
}

.tobfooter__links:after {
    content: "";
    clear: both;
    display: block;
}

.tobfooter__links .logo {
    float: left;
    margin: -5px 0 0 -5px;
}

.tobfooter__links .logo a img {
    width: 160px;
    height: 50px;
}

.tobfooter__links ul {
    float: right;
    text-align: right;
    padding: 17px 25px 0 0;
    font-size: 0px;
    font-size: 0rem;
    line-height: 0px;
    line-height: 0rem;
}

.tobfooter__links ul li {
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 12px;
    line-height: 1.2rem;
}

.tobfooter__links ul li a {
    color: #fff !important;
    text-decoration: none;
}

.tobfooter__links ul li a:hover {
    color: #fff;
    text-decoration: underline;
}

.tobfooter__links ul li:not(:first-child) {
    border-left: 1px solid #fff;
    padding-left: 15px;
    margin-left: 15px;
}

.footer__pagetop a {
    display: block;
    padding: 12px;
    background: #004a83;
    color: #fff !important;
    text-align: center;
    text-decoration: none;
}

.footer__pagetop a:hover {
    color: #fff;
}

.tobfooter__pagetop a {
    display: block;
    padding: 12px;
    background: #2615A0;
    color: #fff !important;
    text-align: center;
    text-decoration: none;
}

.ftobooter__pagetop a:hover {
    color: #fff;
}

.footer__copyright {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 12px;
    line-height: 1.2rem;
    text-align: center;
    padding: 18px;
}

.footer-campaign {
    background: #004a83;
    color: #fff;
    text-align: center;
    padding: 16px 0;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 12px;
    line-height: 1.2rem;
}

@media screen and (max-width: 46em) {
    .footer {
        max-width: none;
        padding: 0;
    }
    .footer__inner {
        border-top: none;
    }
    .footer__sitemap {
        display: none;
    }
    .footer__links .logo {
        display: none;
    }
    .footer__links ul {
        float: none;
        text-align: left;
        padding: 0;
    }
    .footer__links ul li {
        display: block;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 24.05px;
        line-height: 2.405rem;
    }
    .footer__links ul li a {
        display: block;
        padding: 12px 15px;
        position: relative;
    }
    .footer__links ul li a::after {
        content: "";
        width: 9px;
        height: 9px;
        border: none;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        transform: translateY(-50%) rotate(45deg);
        position: absolute;
        right: 15px;
        top: 50%;
    }
    .footer__links ul li a:hover {
        text-decoration: none;
    }
    .footer__links ul li:not(:first-child) {
        border-left: none;
        border-top: 1px solid #91b6de;
        padding-left: 0;
        margin-left: 0;
    }
    .footer__copyright {
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 15px;
        line-height: 1.5rem;
        padding: 10px 15px;
    }
    .footer-campaign {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 16px;
        line-height: 1.6rem;
    }
}

.contents {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 40px 20px;
    position: relative;
}

.contents.is--2col:after {
    content: "";
    clear: both;
    display: block;
}

.contents.is--2col .main {
    float: right;
    width: 100%;
    margin-left: -340px;
    padding-left: 340px;
}

.contents.is--2col .main.is--left {
    float: left;
    margin-left: 0;
    padding-left: 0;
    margin-right: -340px;
    padding-right: 340px;
}

.contents.is--2col .main.is--left+.side {
    float: right;
}

.contents.is--2col .side {
    width: 300px;
    float: left;
}

.contents.is--2col .side .block {
    margin-bottom: 20px;
}

.contents.is--2col .side .block-ad {
    margin-bottom: 20px;
}

.contents.is--2col .side .block-ad.sp {
    display: none;
}

.contents.is--2col .side .link-blockAfter {
    margin-top: -20px;
}

.contents.is--2col .side .link-blockAfter .link-arrow {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 22.2px;
    line-height: 2.22rem;
}

.contents .is-blue {
    background: #e9eef3;
    border: none;
}

.contents .main.is--center {
    float: none;
    width: 858px;
    margin: 0 auto;
    max-width: 100%;
}

.block {
    background: #fff;
    border: 1px solid #d2dce7;
    margin-bottom: 20px;
}

.block .inner {
    padding: 20px;
}

.block .inner.is-blue {
    background: #e9eef3;
    border: none;
}

.block .inner+.inner {
    margin-top: -20px;
}

.block .component-column+.inner {
    margin-top: -20px;
}

.block-ad {
    margin-bottom: 30px;
    text-align: center;
}

.block-ad.sp {
    display: none;
}

main {
    margin-bottom: 60px;
}

.w540 {
    width: 540px;
    max-width: 100%;
    margin: 0 auto;
}

@media screen and (max-width: 46em) {
    .contents {
        max-width: none;
        padding: 0;
    }
    .contents.is--2col .main {
        float: none;
        margin-left: 0;
        padding-left: 0;
    }
    .contents.is--2col .main.is--left {
        float: none;
        margin-right: 0;
        padding-right: 0;
    }
    .contents.is--2col .main.is--left+.side {
        float: none;
    }
    .contents.is--2col .side {
        display: none;
        width: 100%;
        float: none;
    }
    .contents.is--2col .side .block {
        margin-bottom: 15px;
    }
    .contents.is--2col .side .block-ad {
        margin-bottom: 15px;
    }
    .contents.is--2col .side .block-ad.pc {
        display: none;
    }
    .contents.is--2col .side .block-ad.sp {
        display: block;
    }
    .contents.is--2col .side.sp-display-block {
        display: block;
    }
    .contents.is--2col .side .link-blockAfter {
        margin-top: -10px;
    }
    .block {
        border: none;
        border-top: 1px solid #d2dce7;
        border-bottom: 1px solid #d2dce7;
        margin-bottom: 10px;
    }
    .block .inner {
        padding: 15px;
    }
    .block .inner+.inner {
        margin-top: -15px;
    }
    .block .component-column+.inner {
        margin-top: -15px;
    }
    .block .inner.sp-full {
        padding: 0 0 15px 0;
    }
    main {
        margin-bottom: 20px;
    }
    .block-ad {
        margin-bottom: 15px;
    }
    .block-ad.sp {
        display: block;
    }
    .w540 {
        width: calc(100% - 30px);
    }
}

.component-formStep {
    display: flex;
}

.component-formStep+.block {
    margin-top: -23px;
    padding-top: 23px;
}

.component-formStep li {
    flex: 1;
    align-self: center;
    text-align: center;
    background: #668ab1;
    color: #fff;
    line-height: 1.3;
    position: relative;
    margin-right: 25px;
    padding: 14px 8px;
}

.component-formStep li::after {
    content: "";
    display: block;
    width: 25px;
    height: 100%;
    background: url(/common/img/bg-formstep.svg) right center no-repeat;
    background-size: 25px 100%;
    position: absolute;
    right: -25px;
    top: 0;
    bottom: 0;
}

.component-formStep li.selected {
    background: #004a83;
}

.component-formStep li.selected::after {
    background: url(/common/img/bg-formstep-active.svg) right center no-repeat;
    background-size: 25px 100%;
}

.component-formStep.w-auto li {
    flex: 1 0 auto;
}

.component-formStep+.inner {
    padding-top: 0;
}

.component-formStep.campaign+.block {
    margin-top: 0;
    padding-top: 0;
}

.component-formStep.campaign li {
    padding: 30px 8px;
    height: 78px;
    background: #668ab1;
}

.component-formStep.campaign li::after {
    background: none;
    height: 78px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 39px 0 39px 25px;
    border-color: transparent transparent transparent #668ab1;
}

.component-formStep.campaign li.selected {
    background: #e2356e;
}

.component-formStep.campaign li.selected::after {
    background: none;
    height: 78px;
    border-color: transparent transparent transparent #e2356e;
}

@media screen and (max-width: 46em) {
    .component-formStep li {
        height: 58px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 15px;
    }
    .component-formStep li::after {
        width: 15px;
        background-size: 15px 100%;
        right: -15px;
    }
    .component-formStep li.selected::after {
        background-size: 15px 100%;
    }
}

.component-attentionMessage {
    border: 1px solid #e2356e;
    padding: 15px 20px;
}

.component-attentionMessage__title {
    color: #e2356e;
    font-weight: bold;
}

.component-attentionMessage__text {
    color: #e2356e;
}

.component-attentionMessage.line-bold {
    border: 4px solid #e2356e;
}

.component-inputWithBtn:after {
    content: "";
    clear: both;
    display: block;
}

.component-inputWithBtn input {
    width: 88.23529%;
    float: left;
}

.component-inputWithBtn textarea {
    width: 88.23529%;
    float: left;
}

.component-inputWithBtn .btn-form {
    width: 9.41176%;
    float: right;
    min-width: auto;
}

@media screen and (max-width: 46em) {
    .component-inputWithBtn input {
        width: calc(100% - 70px);
    }
    .component-inputWithBtn textarea {
        width: calc(100% - 70px);
        float: left;
    }
    .component-inputWithBtn .btn-form {
        width: 60px;
        padding-left: 5px;
        padding-right: 5px;
    }
}

.inner>.component-column {
    margin: 0 -20px;
    padding-top: 10px;
    padding-bottom: 0;
}

.inner>.component-column.top-blank {
    padding-top: 20px;
}

.inner+.component-column {
    margin-top: -20px;
}

.component-column {
    padding: 20px;
}

.component-column:after {
    content: "";
    clear: both;
    display: block;
}

.component-column [class*=col-] {
    float: left;
    padding: 0 10px 10px;
}

.component-column .col-1-1 {
    width: 100%;
}

.component-column .col-1-2 {
    width: 50%;
}

.component-column .col-2-2 {
    width: 100%;
}

.component-column .col-1-3 {
    width: 33.33333%;
}

.component-column .col-2-3 {
    width: 66.66667%;
}

.component-column .col-3-3 {
    width: 100%;
}

.component-column .col-1-4 {
    width: 25%;
}

.component-column .col-2-4 {
    width: 50%;
}

.component-column .col-3-4 {
    width: 75%;
}

.component-column .col-4-4 {
    width: 100%;
}

.component-column .col-1-5 {
    width: 20%;
}

.component-column .col-2-5 {
    width: 40%;
}

.component-column .col-3-5 {
    width: 60%;
}

.component-column .col-4-5 {
    width: 80%;
}

.component-column .col-5-5 {
    width: 100%;
}

.component-column .col-1-6 {
    width: 16.66667%;
}

.component-column .col-2-6 {
    width: 33.33333%;
}

.component-column .col-3-6 {
    width: 50%;
}

.component-column .col-4-6 {
    width: 66.66667%;
}

.component-column .col-5-6 {
    width: 83.33333%;
}

.component-column .col-6-6 {
    width: 100%;
}

.component-column .col-1-7 {
    width: 14.28571%;
}

.component-column .col-2-7 {
    width: 28.57143%;
}

.component-column .col-3-7 {
    width: 42.85714%;
}

.component-column .col-4-7 {
    width: 57.14286%;
}

.component-column .col-5-7 {
    width: 71.42857%;
}

.component-column .col-6-7 {
    width: 85.71429%;
}

.component-column .col-7-7 {
    width: 100%;
}

.component-column .col-1-8 {
    width: 12.5%;
}

.component-column .col-2-8 {
    width: 25%;
}

.component-column .col-3-8 {
    width: 37.5%;
}

.component-column .col-4-8 {
    width: 50%;
}

.component-column .col-5-8 {
    width: 62.5%;
}

.component-column .col-6-8 {
    width: 75%;
}

.component-column .col-7-8 {
    width: 87.5%;
}

.component-column .col-8-8 {
    width: 100%;
}

.component-column .push-1-2 {
    margin-left: 50%;
}

.component-column .push-1-3 {
    margin-left: 33.33333%;
}

.component-column .push-2-3 {
    margin-left: 66.66667%;
}

.component-column .push-3-3 {
    margin-left: 100%;
}

.component-column .push-1-4 {
    margin-left: 25%;
}

.component-column .push-2-4 {
    margin-left: 50%;
}

.component-column .push-3-4 {
    margin-left: 75%;
}

.component-column .push-1-5 {
    margin-left: 20%;
}

.component-column .push-2-5 {
    margin-left: 40%;
}

.component-column .push-3-5 {
    margin-left: 60%;
}

.component-column .push-4-5 {
    margin-left: 80%;
}

.component-column .push-1-6 {
    margin-left: 16.66667%;
}

.component-column .push-2-6 {
    margin-left: 33.33333%;
}

.component-column .push-3-6 {
    margin-left: 50%;
}

.component-column .push-4-6 {
    margin-left: 66.66667%;
}

.component-column .push-5-6 {
    margin-left: 83.33333%;
}

.component-column .push-1-7 {
    margin-left: 14.28571%;
}

.component-column .push-2-7 {
    margin-left: 28.57143%;
}

.component-column .push-3-7 {
    margin-left: 42.85714%;
}

.component-column .push-4-7 {
    margin-left: 57.14286%;
}

.component-column .push-5-7 {
    margin-left: 71.42857%;
}

.component-column .push-6-7 {
    margin-left: 85.71429%;
}

.component-column .push-1-8 {
    margin-left: 12.5%;
}

.component-column .push-2-8 {
    margin-left: 25%;
}

.component-column .push-3-8 {
    margin-left: 37.5%;
}

.component-column .push-4-8 {
    margin-left: 50%;
}

.component-column .push-5-8 {
    margin-left: 62.5%;
}

.component-column .push-6-8 {
    margin-left: 75%;
}

.component-column .push-7-8 {
    margin-left: 87.5%;
}

.component-column.top-blank {
    margin-top: 0;
}

.component-column.pd-large {
    padding: 20px;
    height: auto;
}

.component-column.pd-large [class*=col-] {
    padding: 0 20px 20px;
    height: auto;
}

.mod-table .component-column {
    width: calc(100% + 40px);
    margin-left: -20px;
    padding-top: 0;
    padding-bottom: 0;
}

.mod-table .component-column [class*=col-] {
    padding-bottom: 0;
}

.mod-table .component-column.bottom-blank {
    padding-bottom: 10px;
}

.component-column-wrap {
    margin: -20px -20px 0px;
}

@media screen and (max-width: 46em) {
    .inner+.component-column {
        margin-top: -15px;
    }
    .inner>.component-column {
        margin: 0 -15px;
    }
    .inner>.component-column.top-blank {
        padding-top: 15px;
    }
    .mod-thumbLink.horizontal .thumb_square {
        /* height: 73px; */
    }
    .component-column {
        padding: 15px 10px 15px;
        display: flex;
        flex-wrap: wrap;
    }
    .component-column.pt0 {
        padding: 15px 0 15px 0;
    }
    .component-column [class*=col-] {
        float: none;
        /* padding: 0 5px 10px 5px; */
        min-width: 0;
        padding-left: 0;
    }
    .component-column .col-1-1 {
        flex: 0 0 100%;
    }
    .component-column .col-1-2 {
        flex: 0 0 50%;
        flex-basis: auto;
    }
    .component-column .col-2-2 {
        flex: 0 0 100%;
    }
    .component-column .col-1-3 {
        flex: 0 0 33.33333%;
    }
    .component-column .col-2-3 {
        flex: 0 0 66.66667%;
    }
    .component-column .col-3-3 {
        flex: 0 0 100%;
    }
    .component-column .col-1-4 {
        flex: 0 0 25%;
    }
    .component-column .col-2-4 {
        flex: 0 0 50%;
    }
    .component-column .col-3-4 {
        flex: 0 0 75%;
    }
    .component-column .col-4-4 {
        flex: 0 0 100%;
    }
    .component-column .col-1-5 {
        flex: 0 0 20%;
    }
    .component-column .col-2-5 {
        flex: 0 0 40%;
    }
    .component-column .col-3-5 {
        flex: 0 0 60%;
    }
    .component-column .col-4-5 {
        flex: 0 0 80%;
    }
    .component-column .col-5-5 {
        flex: 0 0 100%;
    }
    .component-column .col-1-6 {
        flex: 0 0 16.66667%;
    }
    .component-column .col-2-6 {
        flex: 0 0 33.33333%;
    }
    .component-column .col-3-6 {
        flex: 0 0 50%;
    }
    .component-column .col-4-6 {
        flex: 0 0 66.66667%;
    }
    .component-column .col-5-6 {
        flex: 0 0 83.33333%;
    }
    .component-column .col-6-6 {
        flex: 0 0 100%;
    }
    .component-column .col-1-7 {
        flex: 0 0 14.28571%;
    }
    .component-column .col-2-7 {
        flex: 0 0 28.57143%;
    }
    .component-column .col-3-7 {
        flex: 0 0 42.85714%;
    }
    .component-column .col-4-7 {
        flex: 0 0 57.14286%;
    }
    .component-column .col-5-7 {
        flex: 0 0 71.42857%;
    }
    .component-column .col-6-7 {
        flex: 0 0 85.71429%;
    }
    .component-column .col-7-7 {
        flex: 0 0 100%;
    }
    .component-column .col-1-8 {
        flex: 0 0 12.5%;
    }
    .component-column .col-2-8 {
        flex: 0 0 25%;
    }
    .component-column .col-3-8 {
        flex: 0 0 37.5%;
    }
    .component-column .col-4-8 {
        flex: 0 0 50%;
    }
    .component-column .col-5-8 {
        flex: 0 0 62.5%;
    }
    .component-column .col-6-8 {
        flex: 0 0 75%;
    }
    .component-column .col-7-8 {
        flex: 0 0 87.5%;
    }
    .component-column .col-8-8 {
        flex: 0 0 100%;
    }
    .component-column .sp-col-1-1 {
        width: 100%;
        flex: 0 0 100%;
    }
    .component-column .sp-col-1-2 {
        width: 50%;
        flex: 0 0 50%;
    }
    .component-column .sp-col-2-2 {
        width: 100%;
        flex: 0 0 100%;
    }
    .component-column .sp-col-1-3 {
        width: 33.33333%;
        flex: 0 0 33.33333%;
    }
    .component-column .sp-col-2-3 {
        width: 66.66667%;
        flex: 0 0 66.66667%;
    }
    .component-column .sp-col-3-3 {
        width: 100%;
        flex: 0 0 100%;
    }
    .component-column .sp-col-1-4 {
        width: 25%;
        flex: 0 0 25%;
    }
    .component-column .sp-col-2-4 {
        width: 50%;
        flex: 0 0 50%;
    }
    .component-column .sp-col-3-4 {
        width: 75%;
        flex: 0 0 75%;
    }
    .component-column .sp-col-4-4 {
        width: 100%;
        flex: 0 0 100%;
    }
    .component-column .sp-col-1-5 {
        width: 20%;
        flex: 0 0 20%;
    }
    .component-column .sp-col-2-5 {
        width: 40%;
        flex: 0 0 40%;
    }
    .component-column .sp-col-3-5 {
        width: 60%;
        flex: 0 0 60%;
    }
    .component-column .sp-col-4-5 {
        width: 80%;
        flex: 0 0 80%;
    }
    .component-column .sp-col-5-5 {
        width: 100%;
        flex: 0 0 100%;
    }
    .component-column .sp-col-1-6 {
        width: 16.66667%;
        flex: 0 0 16.66667%;
    }
    .component-column .sp-col-2-6 {
        width: 33.33333%;
        flex: 0 0 33.33333%;
    }
    .component-column .sp-col-3-6 {
        width: 50%;
        flex: 0 0 50%;
    }
    .component-column .sp-col-4-6 {
        width: 66.66667%;
        flex: 0 0 66.66667%;
    }
    .component-column .sp-col-5-6 {
        width: 83.33333%;
        flex: 0 0 83.33333%;
    }
    .component-column .sp-col-6-6 {
        width: 100%;
        flex: 0 0 100%;
    }
    .component-column .sp-col-1-7 {
        width: 14.28571%;
        flex: 0 0 14.28571%;
    }
    .component-column .sp-col-2-7 {
        width: 28.57143%;
        flex: 0 0 28.57143%;
    }
    .component-column .sp-col-3-7 {
        width: 42.85714%;
        flex: 0 0 42.85714%;
    }
    .component-column .sp-col-4-7 {
        width: 57.14286%;
        flex: 0 0 57.14286%;
    }
    .component-column .sp-col-5-7 {
        width: 71.42857%;
        flex: 0 0 71.42857%;
    }
    .component-column .sp-col-6-7 {
        width: 85.71429%;
        flex: 0 0 85.71429%;
    }
    .component-column .sp-col-7-7 {
        width: 100%;
        flex: 0 0 100%;
    }
    .component-column .sp-col-1-8 {
        width: 12.5%;
        flex: 0 0 12.5%;
    }
    .component-column .sp-col-2-8 {
        width: 25%;
        flex: 0 0 25%;
    }
    .component-column .sp-col-3-8 {
        width: 37.5%;
        flex: 0 0 37.5%;
    }
    .component-column .sp-col-4-8 {
        width: 50%;
        flex: 0 0 50%;
    }
    .component-column .sp-col-5-8 {
        width: 62.5%;
        flex: 0 0 62.5%;
    }
    .component-column .sp-col-6-8 {
        width: 75%;
        flex: 0 0 75%;
    }
    .component-column .sp-col-7-8 {
        width: 87.5%;
        flex: 0 0 87.5%;
    }
    .component-column .sp-col-8-8 {
        width: 100%;
        flex: 0 0 100%;
    }
    .component-column .push-1-2 {
        margin-left: 50%;
    }
    .component-column .push-1-3 {
        margin-left: 33.33333%;
    }
    .component-column .push-2-3 {
        margin-left: 66.66667%;
    }
    .component-column .push-3-3 {
        margin-left: 100%;
    }
    .component-column .push-1-4 {
        margin-left: 25%;
    }
    .component-column .push-2-4 {
        margin-left: 50%;
    }
    .component-column .push-3-4 {
        margin-left: 75%;
    }
    .component-column .push-1-5 {
        margin-left: 20%;
    }
    .component-column .push-2-5 {
        margin-left: 40%;
    }
    .component-column .push-3-5 {
        margin-left: 60%;
    }
    .component-column .push-4-5 {
        margin-left: 80%;
    }
    .component-column .push-1-6 {
        margin-left: 16.66667%;
    }
    .component-column .push-2-6 {
        margin-left: 33.33333%;
    }
    .component-column .push-3-6 {
        margin-left: 50%;
    }
    .component-column .push-4-6 {
        margin-left: 66.66667%;
    }
    .component-column .push-5-6 {
        margin-left: 83.33333%;
    }
    .component-column .push-1-7 {
        margin-left: 14.28571%;
    }
    .component-column .push-2-7 {
        margin-left: 28.57143%;
    }
    .component-column .push-3-7 {
        margin-left: 42.85714%;
    }
    .component-column .push-4-7 {
        margin-left: 57.14286%;
    }
    .component-column .push-5-7 {
        margin-left: 71.42857%;
    }
    .component-column .push-6-7 {
        margin-left: 85.71429%;
    }
    .component-column .push-1-8 {
        margin-left: 12.5%;
    }
    .component-column .push-2-8 {
        margin-left: 25%;
    }
    .component-column .push-3-8 {
        margin-left: 37.5%;
    }
    .component-column .push-4-8 {
        margin-left: 50%;
    }
    .component-column .push-5-8 {
        margin-left: 62.5%;
    }
    .component-column .push-6-8 {
        margin-left: 75%;
    }
    .component-column .push-7-8 {
        margin-left: 87.5%;
    }
    .component-column .sp-push-1-2 {
        margin-left: 50%;
    }
    .component-column .sp-push-1-3 {
        margin-left: 33.33333%;
    }
    .component-column .sp-push-2-3 {
        margin-left: 66.66667%;
    }
    .component-column .sp-push-3-3 {
        margin-left: 100%;
    }
    .component-column .sp-push-1-4 {
        margin-left: 25%;
    }
    .component-column .sp-push-2-4 {
        margin-left: 50%;
    }
    .component-column .sp-push-3-4 {
        margin-left: 75%;
    }
    .component-column .sp-push-1-5 {
        margin-left: 20%;
    }
    .component-column .sp-push-2-5 {
        margin-left: 40%;
    }
    .component-column .sp-push-3-5 {
        margin-left: 60%;
    }
    .component-column .sp-push-4-5 {
        margin-left: 80%;
    }
    .component-column .sp-push-1-6 {
        margin-left: 16.66667%;
    }
    .component-column .sp-push-2-6 {
        margin-left: 33.33333%;
    }
    .component-column .sp-push-3-6 {
        margin-left: 50%;
    }
    .component-column .sp-push-4-6 {
        margin-left: 66.66667%;
    }
    .component-column .sp-push-5-6 {
        margin-left: 83.33333%;
    }
    .component-column .sp-push-1-7 {
        margin-left: 14.28571%;
    }
    .component-column .sp-push-2-7 {
        margin-left: 28.57143%;
    }
    .component-column .sp-push-3-7 {
        margin-left: 42.85714%;
    }
    .component-column .sp-push-4-7 {
        margin-left: 57.14286%;
    }
    .component-column .sp-push-5-7 {
        margin-left: 71.42857%;
    }
    .component-column .sp-push-6-7 {
        margin-left: 85.71429%;
    }
    .component-column .sp-push-1-8 {
        margin-left: 12.5%;
    }
    .component-column .sp-push-2-8 {
        margin-left: 25%;
    }
    .component-column .sp-push-3-8 {
        margin-left: 37.5%;
    }
    .component-column .sp-push-4-8 {
        margin-left: 50%;
    }
    .component-column .sp-push-5-8 {
        margin-left: 62.5%;
    }
    .component-column .sp-push-6-8 {
        margin-left: 75%;
    }
    .component-column .sp-push-7-8 {
        margin-left: 87.5%;
    }
    .component-column.sp-listView {
        padding: 10px 15px 0 15px;
    }
    .component-column.sp-listView [class*=col-]:not(:first-child) {
        /* border-top: 1px solid #d2dce7; */
        padding-top: 10px;
    }
    .component-column.sp-listView [class*=col-] {
        width: calc(100% + 30px);
        flex: 0 0 calc(100% + 30px);
        margin-left: -15px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .component-column.sp-listView [class*=col-] .mod-thumbLink.border {
        border: none;
        padding: 0;
        margin: 0;
    }
    .component-column.sp-blockView {
        padding: 10px 15px 0 15px;
    }
    .component-column.sp-blockView [class*=col-]:not(:first-child) {
        border-top: 1px solid #d2dce7;
        padding-top: 15px;
    }
    .component-column.sp-blockView [class*=col-] {
        width: calc(100% + 30px);
        flex: 0 0 calc(100% + 30px);
        margin-left: -15px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 20px;
    }
    .component-column.sp-blockView.pd-large {
        padding: 15px 15px 0 15px;
    }
    .component-column.sp-blockView.pd-large [class*=col-]:not(:first-child) {
        border-top: 1px solid #d2dce7;
        padding-top: 15px;
    }
    .component-column.sp-reverse {
        flex-flow: column-reverse nowrap;
        padding: 0 15px;
    }
    .mod-table .component-column {
        margin-left: -15px;
        width: calc(100% + 30px);
    }
    .component-column-wrap {
        margin: 0;
    }
    .component-column-wrap .component-column {
        padding: 0;
    }
    .component-column-wrap .component-column .sp-col-1-1 {
        padding: 0 0 10px;
    }
}

.component-tagList {
    background: #e9eef3;
    padding: 15px 10px;
}

.component-tagList:after {
    content: "";
    clear: both;
    display: block;
}

.component-tagList.tagAdd .tagList__title {
    display: block;
}

.component-tagList .tagList__title {
    font-weight: bold;
    display: inline-block;
    margin-right: 20px;
}

.component-tagList .tagList__title:not(dt) {
    float: left;
}

.component-tagList .tagList__tags {
    display: inline-block;
}

.component-tagList .tagList__tags ul {
    display: inline-block;
}

.component-tagList .tagList__tags ul li {
    margin: 7px 4px 0 0;
}

.side .component-tagList {
    margin: 15px;
}

.side .component-tagList ul li:not(:first-child) {
    margin-top: 10px;
}

.component-tagList dt {
    display: block !important;
}

.component-tagList:not(:first-child) {
    margin-top: 15px;
}

.component-tagList .mod-tagBox {
    margin-left: 130px;
}

@media screen and (max-width: 46em) {
    .component-tagList {
        padding: 15px;
    }
    .component-tagList .tagList__title {
        display: block;
        margin-bottom: 0px;
        margin-right: 10px;
    }
    .component-tagList .tagList__title:not(dt) {
        float: none;
    }
    .component-tagList .mod-tagBox {
        margin-left: 0;
    }
}

.component-pager {
    padding: 30px 0;
}

.component-pager ul {
    text-align: center;
}

.component-pager ul li {
    display: inline-block;
    color: #fff;
    margin: 6px;
}

.component-pager ul li a {
    transition: all 0.3s 0s ease;
    display: block;
    text-decoration: none;
    background: #d4dce4;
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.component-pager ul li a:hover {
    color: #fff;
}

.component-pager ul li a[href]:hover {
    background: #668ab1;
}

.component-pager ul li.active a {
    background: #668ab1;
    color: #fff !important;
}

.component-pager ul li.prev a,
.component-pager ul li.next a {
    width: auto;
    padding: 0 10px;
}

.component-pager ul li.prev a span,
.component-pager ul li.next a span {
    display: none;
}

.component-pager ul li.prev a::before {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    border-top: 1px solid #555;
    border-left: 1px solid #555;
    transform: rotate(-45deg);
    margin-right: 0;
    margin-left: 3px;
}

.component-pager ul li.prev a:hover::before {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
}

.component-pager ul li.next a::after {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    border-top: 1px solid #555;
    border-right: 1px solid #555;
    transform: rotate(45deg);
    margin-left: 0;
    margin-right: 3px;
}

.component-pager ul li.next a:hover::after {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}

.component-pager ul li.first a,
.component-pager ul li.last a {
    width: auto;
    padding: 0 10px;
}

.component-pager ul li.first a span,
.component-pager ul li.last a span {
    display: none;
}

.component-pager ul li.first a::after {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    border-top: 1px solid #555;
    border-left: 1px solid #555;
    transform: rotate(-45deg);
    margin-right: 0;
}

.component-pager ul li.first a::before {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    border-top: 1px solid #555;
    border-left: 1px solid #555;
    transform: rotate(-45deg);
    margin-right: 0;
    margin-left: 4px;
}

.component-pager ul li.first a:hover::before,
.component-pager ul li.first a:hover::after {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
}

.component-pager ul li.last a::after {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    border-top: 1px solid #555;
    border-left: 1px solid #555;
    transform: rotate(135deg);
    margin-right: 0;
    margin-right: 4px;
}

.component-pager ul li.last a::before {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    border-top: 1px solid #555;
    border-left: 1px solid #555;
    transform: rotate(135deg);
    margin-right: 0;
}

.component-pager ul li.last a:hover::before,
.component-pager ul li.last a:hover::after {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
}

.component-pager ul li.separator {
    display: none;
}

.component-pager.paddingNone {
    padding: 0;
}

.inner+.component-pager {
    margin-top: -20px;
}

.block+.component-pager {
    margin-top: -30px;
}

@media screen and (max-width: 46em) {
    .component-pager ul li {
        margin: 6px 5px;
        display: none;
    }
    .component-pager ul li.prev,
    .component-pager ul li.next {
        display: inline-block;
    }
    .component-pager ul li.prev a,
    .component-pager ul li.next a {
        padding: 0 8px;
        width: 30px;
    }
    .component-pager ul li.first,
    .component-pager ul li.last {
        display: inline-block;
    }
    .component-pager ul li.active {
        display: inline-block;
    }
    .block .component-pager {
        padding: 15px 0;
    }
    .main>.component-pager {
        padding-bottom: 15px;
    }
}

.component-ratePost {
    padding: 8px 20px;
}

.component-ratePost:after {
    content: "";
    clear: both;
    display: block;
}

.component-ratePost .mod-totalRateStar {
    font-size: 18px;
    display: inline-block;
    position: relative;
    width: 96.075px;
    height: 18px;
    line-height: 18px;
    float: left;
    transform: translateY(12px);
}

.component-ratePost .mod-totalRateStar .totalRateStar__base,
.component-ratePost .mod-totalRateStar .totalRateStar__result {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}

.component-ratePost .mod-totalRateStar .totalRateStar__base::before,
.component-ratePost .mod-totalRateStar .totalRateStar__result::before {
    content: "★★★★★";
    width: 100%;
    white-space: nowrap;
    letter-spacing: .075em;
}

.component-ratePost .mod-totalRateStar .totalRateStar__base::before {
    color: #c7d3e0;
}

.component-ratePost .mod-totalRateStar .totalRateStar__result {
    overflow: hidden;
}

.component-ratePost .mod-totalRateStar .totalRateStar__result::before {
    color: #ffd800;
}

.component-ratePost .mod-totalRateStar .totalRateStar__result span {
    display: none;
}

.component-ratePost .mod-totalRateStar .totalRateStar__count {
    font-size: 16px;
    margin-left: 101.75px;
    white-space: nowrap;
}

@media screen and (max-width: 46em) {
    .component-ratePost .mod-totalRateStar {
        font-size: 16px;
        height: 16px;
        line-height: 16px;
    }
}

.component-ratePost .ratePost__post {
    float: right;
}

.component-ratePost .ratePost__post>.btn {
    padding: 10px 25px;
}

.component-ratePost .ratePost__post p {
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    line-height: 1.8rem;
    position: relative;
    position: relative;
}

.component-ratePost .ratePost__post p .reviewClear {
    position: absolute;
    right: 0;
    color: #004a83;
}

.component-ratePost .ratePost__post .mod-rateStar {
    transform: translateY(6px);
    margin: 0 10px;
}

@media screen and (max-width: 46em) {
    .component-ratePost {
        padding: 8px 15px;
    }
    .component-ratePost .mod-totalRateStar {
        font-size: 15px;
        display: inline-block;
        position: relative;
        width: 80.0625px;
        height: 15px;
        line-height: 15px;
        float: none;
        transform: translateY(0);
    }
    .component-ratePost .mod-totalRateStar .totalRateStar__base,
    .component-ratePost .mod-totalRateStar .totalRateStar__result {
        display: inline-block;
        position: absolute;
        left: 0;
        top: 0;
    }
    .component-ratePost .mod-totalRateStar .totalRateStar__base::before,
    .component-ratePost .mod-totalRateStar .totalRateStar__result::before {
        content: "★★★★★";
        width: 100%;
        white-space: nowrap;
        letter-spacing: .075em;
    }
    .component-ratePost .mod-totalRateStar .totalRateStar__base::before {
        color: #c7d3e0;
    }
    .component-ratePost .mod-totalRateStar .totalRateStar__result {
        overflow: hidden;
    }
    .component-ratePost .mod-totalRateStar .totalRateStar__result::before {
        color: #ffd800;
    }
    .component-ratePost .mod-totalRateStar .totalRateStar__result span {
        display: none;
    }
    .component-ratePost .mod-totalRateStar .totalRateStar__count {
        font-size: 13px;
        margin-left: 85.625px;
        white-space: nowrap;
    }
}

@media screen and (max-width: 46em) and (max-width: 46em) {
    .component-ratePost .mod-totalRateStar {
        font-size: 13px;
        height: 13px;
        line-height: 13px;
    }
}

.component-ratePost+.component-reviewList .reviewList__review:first-child {
    border-top: 1px solid #d2dce7;
}

.component-reviewList {
    background: #fff;
}

.component-reviewList .reviewList__review {
    padding: 20px;
    position: relative;
}

.component-reviewList .reviewList__review:after {
    content: "";
    clear: both;
    display: block;
}

.component-reviewList .reviewList__review:not(:first-child) {
    border-top: 1px solid #d2dce7;
}

.component-reviewList .reviewList__review .review__user {
    width: 50px;
    height: 50px;
    float: left;
    position: relative;
}

.component-reviewList .reviewList__review .review__user img {
    width: 100%;
}

.component-reviewList .reviewList__review .review__user .principal {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 22px;
    line-height: 2.2rem;
    width: 100%;
    height: 22px;
    display: inline-block;
    background: #004a83;
    width: 100%;
    text-align: center;
    color: #fff;
    margin-top: 5px;
}

.component-reviewList .reviewList__review .review__user .mod-ribbon {
    margin-top: 5px;
}

.component-reviewList .reviewList__review .review__body {
    margin-left: 70px;
}

.component-reviewList .reviewList__review .review__body .name-wrap {
    margin: -5px 0 5px;
}

.component-reviewList .reviewList__review .review__body .name-wrap .name {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 29.6px;
    line-height: 2.96rem;
    font-weight: bold;
    margin-right: 15px;
}

.component-reviewList .reviewList__review .review__body .name-wrap .date {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 25.9px;
    line-height: 2.59rem;
    font-weight: normal;
    display: inline-block;
    padding-left: 10px;
}

.component-reviewList .reviewList__review .review__body .name-wrap.inset-repletion {
    position: relative;
    padding-right: 150px;
}

.component-reviewList .reviewList__review .review__body .name-wrap.inset-repletion .date {
    position: absolute;
    right: 0px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 22.2px;
    line-height: 2.22rem;
    top: 50%;
    margin-top: -11px;
}

.component-reviewList .reviewList__review .review__body .text {
    line-height: 1.75;
}

.component-reviewList .reviewList__review .review__body .reviewEdit {
    display: none;
}

.component-reviewList .reviewList__review .review__body .reviewEdit textarea {
    height: inherit;
    margin-top: 10px;
}

.component-reviewList .reviewList__review .review__body .reviewEdit__btn {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 22.2px;
    line-height: 2.22rem;
    padding-right: 5px;
    color: #004a83;
}

.component-reviewList .reviewList__review .review__body .edit-status {
    padding-top: 5px;
    color: #004a83;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 22.2px;
    line-height: 2.22rem;
}

.component-reviewList .reviewList__review .review__body__bottom {
    display: flex;
    justify-content: space-between;
    -ms-flex-pack: justify;
    align-items: center;
}

.component-reviewList .reviewList__review .evaluationBox {
    position: absolute;
    right: 20px;
    top: 12px;
    z-index: 1;
}

.component-reviewList .reviewList__review .evaluationBox:after {
    content: "";
    clear: both;
    display: block;
}

.component-reviewList .comment-more {
    border-top: 1px solid #d2dce7;
    width: 100%;
}

.component-reviewList .comment-more .btn {
    width: 320px;
}

.component-reviewList .comment-number {
    padding: 2px 20px;
    background: #e9eef3;
    border-top: 1px solid #d2dce7;
    position: relative;
}

.component-reviewList .comment-number .status {
    padding-left: 10px;
}

.component-reviewList .comment-number .repletion {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 22.2px;
    line-height: 2.22rem;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -11px;
}

.component-reviewList.qa-comment+.qa-comment {
    border-top: 1px solid #d2dce7;
}

.component-reviewList.qa-comment .btn-wrap {
    padding: 20px 0 0;
}

.component-reviewList.qa-comment .reviewList__review .thanks {
    padding: 20px;
    margin: 15px 0 0 0;
    background: #e9eef3;
    border: none;
}

.component-reviewList.qa-comment .reviewList__review .thanks .thanks-title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 29.6px;
    line-height: 2.96rem;
    font-weight: bold;
}

.component-reviewList.qa-comment .reviewList__review .thanks .thanks-title:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/common/img/icon-thanks.svg);
    top: 4px;
    position: relative;
    margin-right: 5px;
}

@media screen and (max-width: 46em) {
    .component-reviewList .reviewList__review {
        padding: 15px;
    }
    .component-reviewList .reviewList__review .review__user {
        width: 60px;
        height: 60px;
    }
    .component-reviewList .reviewList__review .review__body {
        margin-left: 75px;
    }
    .component-reviewList .reviewList__review .review__body .name-wrap {
        margin: -5px 0 0;
    }
    .component-reviewList .reviewList__review .review__body .name-wrap .name {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 20px;
        line-height: 2rem;
        margin-right: 15px;
        display: block;
        padding-bottom: 4px;
    }
    .component-reviewList .reviewList__review .review__body .name-wrap .date {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 24.05px;
        line-height: 2.405rem;
        padding-left: 10px;
        top: 2px;
        position: relative;
    }
    .component-reviewList .reviewList__review .review__body .name-wrap.inset-repletion {
        padding-right: 0;
    }
    .component-reviewList .reviewList__review .review__body .name-wrap.inset-repletion .name {
        padding-bottom: 0;
    }
    .component-reviewList .reviewList__review .review__body .name-wrap.inset-repletion .date {
        position: static;
        padding: 5px 0;
        display: inline-block;
    }
    .component-reviewList .reviewList__review .review__body .text {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 17px;
        line-height: 1.7rem;
    }
    .component-reviewList .reviewList__review .review__body .reviewEdit textarea {
        height: inherit;
        margin-top: 10px;
    }
    .component-reviewList .reviewList__review .review__body .reviewEdit__btn {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 22.2px;
        line-height: 2.22rem;
        padding-right: 5px;
        color: #004a83;
    }
    .component-reviewList .reviewList__review .review__body__bottom {
        display: flex;
        justify-content: space-between;
        -ms-flex-pack: justify;
        align-items: stretch;
        flex-flow: column nowrap;
    }
    .component-reviewList .reviewList__review .review__body__bottom .helpful {
        margin-bottom: 10px;
    }
    .component-reviewList .reviewList__review .evaluationBox {
        position: static;
        padding-top: 15px;
        text-align: right;
    }
    .component-reviewList .reviewList__review .evaluationBox .mod-likeBox {
        display: inline-block;
        float: none;
    }
    .component-reviewList .reviewList__review .evaluationBox .mod-commentEdit {
        display: inline-block;
        float: none;
    }
    .component-reviewList .reviewList__review .evaluationBox .mod-commentEdit .editList ul li {
        text-align: left;
    }
    .component-reviewList .comment-more {
        border-top: 1px solid #d2dce7;
        width: 100%;
    }
    .component-reviewList .comment-more .btn {
        width: 270px;
    }
    .component-reviewList.qa-comment+.qa-comment {
        border-top: 1px solid #d2dce7;
    }
    .component-reviewList.qa-comment .btn-wrap {
        padding: 20px 0 0;
    }
    .component-reviewList.qa-comment .reviewList__review .thanks {
        padding: 15px;
        margin: 15px 0 0;
    }
    .component-reviewList.qa-comment .reviewList__review .thanks .thanks-title {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 25.9px;
        line-height: 2.59rem;
    }
    .component-reviewList.qa-comment .reviewList__review .thanks .review__user {
        width: 45px;
        height: 45px;
    }
    .component-reviewList.qa-comment .reviewList__review .thanks .review__body {
        margin-left: 60px;
    }
}

.component-templateDetail:after {
    content: "";
    clear: both;
    display: block;
}

.component-templateDetail .templateDetail__thumb {
    float: left;
    width: 254px;
    padding-top: 6px;
}

.component-templateDetail .templateDetail__thumb__thumb-main img {
    width: 100%;
}

.component-templateDetail .templateDetail__thumb__thumb-list {
    padding: 10px 0;
}

.component-templateDetail .templateDetail__thumb__thumb-list:after {
    content: "";
    clear: both;
    display: block;
}

.component-templateDetail .templateDetail__thumb__thumb-list li {
    float: left;
    width: 78px;
    margin-left: 10px;
}

.component-templateDetail .templateDetail__thumb__thumb-list li:first-child {
    margin-left: 0;
}


/*
.component-templateDetail .templateDetail__body {
  margin-left: 284px; }
*/

.component-templateDetail .templateDetail__body .fileInfo .authorName {
    margin-bottom: 15px;
    font-weight: bold;
}

.component-templateDetail .templateDetail__body .fileInfo .authorName .link-arrow {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 25.9px;
    line-height: 2.59rem;
}

.component-templateDetail .templateDetail__body .fileInfo dl {
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 22.2px;
    line-height: 2.22rem;
    letter-spacing: 0.75px;
}

.component-templateDetail .templateDetail__body .fileInfo dl dt {
    display: inline-block;
    background: #e9eef3;
    padding: 2px 10px;
    margin-bottom: 10px;
}

.component-templateDetail .templateDetail__body .fileInfo dl dd {
    display: inline-block;
    padding: 0 30px 0 10px;
    margin-bottom: 10px;
}

.component-templateDetail .templateDetail__body .fileInfo dl:nth-of-type(3) {
    clear: both;
}

.component-templateDetail .templateDetail__body .fileInfo dl:last-child {
    margin-bottom: 20px;
}

.component-templateDetail .templateDetail__body .mod-table {
    margin-bottom: 20px;
}

.component-templateDetail .templateDetail__body .mod-table th,
.component-templateDetail .templateDetail__body .mod-table td {
    padding: 7px 10px;
    vertical-align: middle;
}

.component-templateDetail .templateDetail__body .mod-table th {
    width: 150px;
}

.component-templateDetail .templateDetail__body .btn-2col:after {
    content: "";
    clear: both;
    display: block;
}

.component-templateDetail .templateDetail__body .btn-2col .col {
    float: left;
    width: 47%;
}

.component-templateDetail .templateDetail__body .btn-2col .col+.col {
    float: right;
}

.component-templateDetail .templateDetail__body .template-text {
    padding-bottom: 12px;
}

.component-templateDetail .templateDetail__body .detealLink .btn {
    width: 100%;
}

.component-templateDetail h4 {
    margin-bottom: 15px;
    color: #555;
}

.component-templateDetail h4 a:before {
    content: none;
}

@media screen and (max-width: 46em) {
    .component-templateDetail .templateDetail__thumb {
        float: none;
        width: 100%;
        padding-top: 0;
    }
    .component-templateDetail .templateDetail__thumb__thumb-list {
        text-align: center;
        display: none;
    }
    .component-templateDetail .templateDetail__thumb__thumb-list li {
        float: none;
        display: inline-block;
    }
    .component-templateDetail .templateDetail__thumb .component-socialButton {
        padding: 15px 0 10px 0;
    }
    .component-templateDetail .templateDetail__body {
        margin-left: 0;
        margin-top: 0px;
    }
    .component-templateDetail .templateDetail__body .fileInfo {
        margin-bottom: 10px;
    }
    .component-templateDetail .templateDetail__body .fileInfo .authorName {
        margin-bottom: 15px;
    }
    .component-templateDetail .templateDetail__body .fileInfo dl {
        display: block;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 20.35px;
        line-height: 2.035rem;
        float: none;
        width: 100%;
    }
    .component-templateDetail .templateDetail__body .fileInfo dl dt {
        display: inline-block;
        width: 100px;
        text-align: center;
        padding: 0 5px;
        margin-bottom: 5px;
    }
    .component-templateDetail .templateDetail__body .fileInfo dl dd {
        display: inline-block;
        padding: 0 30px 0 10px;
        margin-bottom: 5px;
    }
    .component-templateDetail .templateDetail__body .fileInfo dl:last-child {
        margin-bottom: 0;
    }
    .component-templateDetail .templateDetail__body .mod-table {
        margin-bottom: 15px;
    }
    .component-templateDetail .templateDetail__body .mod-table th,
    .component-templateDetail .templateDetail__body .mod-table td {
        padding: 5px 10px;
    }
    .component-templateDetail .templateDetail__body .mod-table th {
        width: 38%;
    }
    .component-templateDetail .templateDetail__body .btn-2col:after {
        content: "";
        clear: both;
        display: block;
    }
    .component-templateDetail .templateDetail__body .btn-2col .col {
        float: none;
        width: 100%;
    }
    .component-templateDetail .templateDetail__body .btn-2col .col+.col {
        float: none;
        margin-top: 10px;
    }
    .component-templateDetail .templateDetail__body .detealLink {
        padding: 0 25px;
    }
    .component-templateDetail .templateDetail__body .detealLink .btn {
        min-width: inherit;
    }
    .component-templateDetail .templateDetail__body .detealLink .btn:after {
        right: 20px;
    }
    .component-templateDetail.is-list {
        position: relative;
    }
    .component-templateDetail.is-list .templateDetail__thumb {
        position: absolute;
        left: 0;
        top: 0;
        width: 100px;
    }
    .component-templateDetail.is-list .templateDetail__thumb__thumb-list {
        text-align: center;
    }
    .component-templateDetail.is-list .templateDetail__thumb__thumb-list li {
        float: none;
        display: inline-block;
    }
    .component-templateDetail.is-list .templateDetail__body {
        margin-top: 0;
    }
    .component-templateDetail.is-list .templateDetail__body .headline--lv4 {
        min-height: 46px;
        padding: 0 0 15px 0;
        display: flex;
        align-items: center;
    }
    .component-templateDetail.is-list .templateDetail__body .template-text {
        display: none;
    }
}

.component-socialButton li {
    display: inline-block;
    vertical-align: top;
    line-height: 1;
}

.component-socialButton .gplus {
    width: 57px;
    overflow: hidden;
}

.component-socialButton .line {
    display: none;
}

.component-socialButton .twitter-share-button {
    width: 76px !important;
}

.component-socialButton .helpful button {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 18px;
    line-height: 1.8rem;
    height: 20px;
    background: #fff;
    border-radius: 3px;
    background: #568fcc;
    position: relative;
    padding: 0 5px 0 24px;
    color: #fff;
}

.component-socialButton .helpful button:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 7px;
    background: #fff url(/common/img/icon-thanks.svg) no-repeat center;
    background-size: 10px;
    top: 50%;
    left: 5px;
    margin-top: -7px;
    position: absolute;
    margin-right: 12px;
}

.component-socialButton .helpful .count {
    position: relative;
    display: inline-block;
    padding: 0 4px;
    width: auto;
    color: #668ab1;
    text-align: center;
    background: #fff;
    border: 1px solid #668ab1;
    z-index: 0;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 16px;
    line-height: 1.6rem;
    margin-left: 5px;
}

.component-socialButton .helpful .count:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -5px;
    margin-top: -4px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 4px 6px 4px 0;
    border-color: transparent #fff transparent transparent;
    z-index: 0;
}

.component-socialButton .helpful .count:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -7px;
    margin-top: -4px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 4px 6px 4px 0;
    border-color: transparent #668ab1 transparent transparent;
    z-index: -1;
}

.component-socialButton .helpful.pushed button {
    background: #3775b8;
}

.component-socialButton .helpful.pushed button:before {
    background-image: none;
}

.component-socialButton .helpful.pushed button:after {
    display: block;
    content: '';
    position: absolute;
    top: 10px;
    left: 11px;
    width: 9px;
    height: 5px;
    border-left: 2px solid #e2356e;
    border-bottom: 2px solid #e2356e;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.component-socialButton .helpful.size-l button {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 18px;
    line-height: 1.8rem;
    height: 26px;
    padding: 5px 10px 5px 30px;
}

.component-socialButton .helpful.size-l button:before {
    width: 18px;
    height: 18px;
    border-radius: 9px;
    margin-top: -9px;
    left: 7px;
}

.component-socialButton .helpful.size-l button+.count {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 24px;
    line-height: 2.4rem;
    height: 24px;
}

@media screen and (max-width: 46em) {
    .component-socialButton {
        padding-right: 15px;
    }
    .component-socialButton .gplus {
        width: 57px;
        overflow: hidden;
    }
    .component-socialButton .line {
        display: inline-block !important;
    }
    .component-socialButton .twitter-share-button {
        width: 76px !important;
    }
}

@media screen and (min-width: 46.0625em) {
    .component-rankingTable {
        margin: 20px;
        border-top: 1px solid #d2dce7;
        border-right: 1px solid #d2dce7;
    }
    .component-rankingTable:after {
        content: "";
        clear: both;
        display: block;
    }
    .component-rankingTable .ranking-ttl {
        border-left: 1px solid #d2dce7;
        border-bottom: 1px solid #d2dce7;
        background: #e9eef3;
        padding: 15px 5px;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 16px;
        line-height: 1.6rem;
        font-weight: bold;
        text-align: center;
    }
    .component-rankingTable .ranking-ttl::before {
        content: "";
        display: inline-block;
        width: 32px;
        height: 32px;
        background: url(/common/img/icon-ranking.svg) no-repeat;
        vertical-align: middle;
        margin: -3px 5px 0 -5px;
    }
    .component-rankingTable .tab-contents {
        float: left;
        width: 33.33%;
        display: block !important;
        opacity: 1 !important;
    }
    .component-rankingTable .tab-contents li {
        padding: 20px;
        border-left: 1px solid #d2dce7;
        border-bottom: 1px solid #d2dce7;
    }
    .component-rankingTable .tab-contents li .title {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 25.9px;
        line-height: 2.59rem;
        margin-bottom: 3px;
        padding-top: 3px;
    }
    .component-rankingTable .tab-contents li .title+.mod-totalRateStar {
        margin-top: 5px;
    }
}

@media screen and (max-width: 46em) {
    .component-rankingTable .tab-contents li {
        padding: 15px;
        border-bottom: 1px solid #d2dce7;
    }
    .component-rankingTable .tab-contents li:last-child {
        border-bottom: none;
    }
    .component-rankingTable .tab-contents li .title {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 25.9px;
        line-height: 2.59rem;
        margin-bottom: 3px;
        padding-top: 3px;
    }
    .component-rankingTable .tab-contents li .title+.mod-totalRateStar {
        display: block;
        margin-bottom: 5px;
    }
}

.component-templateSearch {
    background: #e9eef3;
    padding: 20px 9.7561%;
}

.component-templateSearch .component-tagList {
    padding: 16px 0 0;
    margin: 0 0 -4px 0;
}

.component-templateSearch .component-tagList .mod-tag {
    margin-bottom: 4px;
}

.component-templateSearch.with-input {
    text-align: center;
    padding: 20px 5%;
}

.component-templateSearch.with-input .mod-searchBox {
    display: inline-block;
    width: 65%;
}

.component-templateSearch.with-input .component-inputList {
    margin-top: 0;
    display: inline-block;
}

.component-templateSearch.with-input .component-inputList .inputList__title {
    float: none;
    display: inline-block;
    margin: 0 10px 0 20px;
}

.component-templateSearch.with-input .component-inputList .mod-inputBox {
    margin-left: 0;
    display: inline-block;
}

.component-templateSearch.with-input .component-inputList .mod-input {
    float: none;
    background: #fff;
    margin-right: 0;
}

.component-templateSearch.with-input .component-inputList .mod-input select {
    padding: 4px 30px 4px 10px;
}

.component-templateSearch.qaSearch .searchBox-wrap {
    position: relative;
}

.component-templateSearch.qaSearch .searchBox-wrap .mod-searchBox {
    margin-right: 185px;
}

.component-templateSearch.qaSearch .searchBox-wrap .icon-plus {
    width: 160px;
    min-width: inherit;
    padding: 11px 25px 10px 0;
    position: absolute;
    right: 0;
    top: 0;
}

.component-templateSearch.qaSearch .searchBox-wrap .icon-plus:after {
    top: 17px;
}

.component-templateSearch.qaSearch .component-inputList {
    padding: 0 20px;
    background: #fff;
    margin-bottom: 20px;
}

.component-templateSearch.estimateSearch {
    padding: 0;
}

.component-templateSearch.search-result-search {
    margin-top: -10px;
}

.component-templateSearch.search-result-search .mod-searchBox {
    margin-bottom: 20px;
}

.component-templateSearch.search-result-search .component-inputList {
    background: #fff;
    margin-top: 0;
}

.component-templateSearch.search-result-search .component-inputList .mod-inputBox {
    margin-left: 0;
    padding-bottom: 0;
}

.component-templateSearch.search-result-search .component-inputList .mod-inputBox .mod-input {
    margin-right: 0;
}

.side .component-templateSearch.qaSearch {
    padding: 0;
    background: #fff;
}

.side .component-templateSearch.qaSearch .searchBox-wrap {
    position: relative;
}

.side .component-templateSearch.qaSearch .searchBox-wrap .mod-searchBox {
    margin-right: 0;
}

.side .component-templateSearch.qaSearch .searchBox-wrap .icon-plus {
    width: 100%;
    min-width: inherit;
    padding: 11px 30px 10px;
    position: relative;
    right: 0;
    top: 0;
    margin-top: 15px;
}

.side .component-templateSearch.qaSearch .searchBox-wrap .icon-plus:after {
    top: 17px;
}

.side .component-templateSearch.qaSearch .component-inputList {
    padding: 15px 10px 10px;
    background: #fff;
    margin: 15px 0;
    background: #e9eef3;
}

.side .component-templateSearch.qaSearch .component-inputList .inputList__title {
    float: none;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
    line-height: 1.4rem;
}

.side .component-templateSearch.qaSearch .component-inputList .mod-inputBox {
    margin-left: 0;
}

.side .component-templateSearch.qaSearch a {
    width: 100%;
}

@media screen and (max-width: 46em) {
    .component-templateSearch {
        padding: 15px;
    }
    .component-templateSearch .component-tagList {
        padding: 10px 0 0;
    }
    .component-templateSearch .component-tagList .tagList__title {
        padding-bottom: 3px;
    }
    .component-templateSearch.with-input .mod-searchBox {
        width: 100%;
    }
    .component-templateSearch.qaSearch .searchBox-wrap {
        position: relative;
    }
    .component-templateSearch.qaSearch .searchBox-wrap .mod-searchBox {
        margin-right: 0;
    }
    .component-templateSearch.qaSearch .searchBox-wrap .icon-plus {
        width: 100%;
        min-width: auto;
        padding: 11px 0 10px 0;
        position: relative;
        right: 0;
        top: 0;
        margin-top: 15px;
    }
    .component-templateSearch.qaSearch .searchBox-wrap .icon-plus:after {
        top: 17px;
    }
    .component-templateSearch.qaSearch .component-inputList {
        padding: 0 20px;
        background: #fff;
        margin-bottom: 20px;
    }
    .component-templateSearch.qaSearch .component-inputList .mod-inputBox {
        margin-left: 80px;
    }
    .component-templateSearch.estimateSearch {
        padding: 0;
    }
}

.component-side-ranking li:not(:first-child),
.component-side-ranking--user li:not(:first-child) {
    border-top: 1px solid #d2dce7;
}

.component-side-ranking li a,
.component-side-ranking--user li a {
    display: block;
    padding: 15px 9px;
}

.component-side-ranking li a .thumb img,
.component-side-ranking--user li a .thumb img {
    border: 1px solid #d2dce7;
}

.component-side-ranking.inset-reviewCount li,
.component-side-ranking--user.inset-reviewCount li {
    position: relative;
    padding-bottom: 5px;
}

.component-side-ranking.inset-reviewCount li a img,
.component-side-ranking--user.inset-reviewCount li a img {
    position: absolute;
}

.component-side-ranking.inset-reviewCount li .reviewCount,
.component-side-ranking--user.inset-reviewCount li .reviewCount {
    display: block;
    background: #668ab1;
    color: #fff;
    text-align: center;
    width: 100px;
    height: 20px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 20px;
    line-height: 2rem;
    position: relative;
    left: 56px;
    bottom: 12px;
}

.component-side-ranking.img-rectangle li a .thumb,
.component-side-ranking--user.img-rectangle li a .thumb {
    width: 60px;
}

.component-side-ranking.img-rectangle li a p,
.component-side-ranking--user.img-rectangle li a p {
    margin: -4px 0 0 75px;
}

.component-side-ranking li a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-size: 30px 30px !important;
    background-position: 10px 12px !important;
    padding-left: 56px;
}

.component-side-ranking li.firstPlace a {
    background: url(/common/img/icon-ranking-num-1.png) no-repeat;
}

.component-side-ranking li.secondPlace a {
    background: url(/common/img/icon-ranking-num-2.png) no-repeat;
}

.component-side-ranking li.thirdPlace a {
    background: url(/common/img/icon-ranking-num-3.png) no-repeat;
}

.component-side-ranking li.forthPlace a {
    background: url(/common/img/icon-ranking-num-4.png) no-repeat;
}

.component-side-ranking li.fifthPlace a {
    background: url(/common/img/icon-ranking-num-5.png) no-repeat;
}

.component-side-ranking.inset-reviewCount li a {
    padding-left: 56px;
    padding-right: 20px;
}

.component-side-ranking.inset-reviewCount li a {
    white-space: normal;
    overflow: auto;
    text-overflow: inherit;
}

.component-side-ranking .textOnly {
    display: block;
    padding: 0px 0px 14px 20px;
}

.component-side-ranking .textOnly:first-child {
    padding-top: 14px;
}

.component-side-ranking .headline--lv5 {
    padding: 14px 0px 8px 20px;
}

.component-side-ranking.ellipsis-plural li a {
    background-position: 12px 14px !important;
}

.component-side-ranking.ellipsis-plural li a p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.component-side-ranking.ellipsis-plural li a p.multipleLine {
    white-space: normal;
}

.component-side-ranking.ranking-simple li {
    position: relative;
}

.component-side-ranking.ranking-simple li .rank {
    position: absolute;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 33.3px;
    line-height: 3.33rem;
    color: #004a83;
    top: 10px;
    left: 15px;
    font-weight: bold;
}

.component-side-ranking.ranking-simple li .rank span {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 24.05px;
    line-height: 2.405rem;
}

.component-side-ranking.ranking-simple li .rank:after {
    content: "";
    display: block;
    height: 6px;
    width: 26px;
    background: #f3dc1e;
    position: absolute;
    bottom: 0px;
}

.component-side-ranking.ranking-simple li a p {
    white-space: normal;
}

.component-side-ranking--user li a:after {
    content: "";
    clear: both;
    display: block;
}

.component-side-ranking--user li a .thumb {
    position: relative;
    float: left;
    width: 38px;
}

.component-side-ranking--user li a .thumb::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: -5px;
    top: -5px;
    z-index: 3;
}

.component-side-ranking--user li a .thumb img {
    width: 100%;
    height: auto;
}

.component-side-ranking--user li a p {
    line-height: 1.6;
    margin: -4px 0 0 50px;
}

.component-side-ranking--user li.firstPlace a .thumb::before {
    background: url(/common/img/icon-ranking-num-1.png) no-repeat;
    background-size: 16px 16px;
}

.component-side-ranking--user li.secondPlace a .thumb::before {
    background: url(/common/img/icon-ranking-num-2.png) no-repeat;
    background-size: 16px 16px;
}

.component-side-ranking--user li.thirdPlace a .thumb::before {
    background: url(/common/img/icon-ranking-num-3.png) no-repeat;
    background-size: 16px 16px;
}

.component-side-ranking--user li.forthPlace a .thumb::before {
    background: url(/common/img/icon-ranking-num-4.png) no-repeat;
    background-size: 16px 16px;
}

.component-side-ranking--user li.fifthPlace a .thumb::before {
    background: url(/common/img/icon-ranking-num-5.png) no-repeat;
    background-size: 16px 16px;
}

.component-side-ranking--user.inset-reviewCount li a {
    padding-right: 20px;
}

.component-side-templateButton {
    margin-bottom: 20px;
}

.component-side-templateButton:after {
    content: "";
    clear: both;
    display: block;
}

.component-side-templateButton .templateButton {
    width: 140px;
    float: left;
}

.component-side-templateButton .templateButton+.templateButton {
    float: right;
}

.component-side-templateButton .templateButton a {
    height: 140px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
    line-height: 2rem;
    font-weight: bold;
}

.component-side-templateButton .templateButton a span {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 20.35px;
    line-height: 2.035rem;
}

.component-side-templateButton .templateButton a[class*=icon-] {
    padding: 85px 0 0;
    flex-direction: column;
}

.component-side-templateButton .templateButton a[class*=icon-]::before {
    width: 60px;
    height: 60px;
    background-size: 60px 60px;
    margin: 0;
    top: 17px;
    left: 50%;
    transform: translate(-50%, 0);
    position: absolute;
}

.component-sort {
    display: flex;
}

.component-sort li {
    flex: 1 0 auto;
    align-self: center;
    text-align: center;
    background: #d4dce4;
    color: #fff;
    line-height: 1.3;
    position: relative;
    margin-right: 25px;
}

.component-sort li::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 18px;
    width: 7px;
    height: 7px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg) translateY(-50%);
}

.component-sort li a {
    text-decoration: none;
    color: #fff;
    display: block;
    transition: all 0.3s 0s ease;
    background: #d4dce4;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    border-radius: 6px;
    line-height: 1;
    min-width: 240px;
    padding: 15px 25px;
    text-align: center;
    position: relative;
    border: none;
    min-width: inherit;
    width: 100%;
    border-radius: 0;
}

.component-sort li a::after {
    content: "";
    display: block;
    position: absolute;
    top: 49%;
    right: 18px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg) translateY(-50%);
}

.component-sort li a:hover {
    background: #b5c3d0;
}

.component-sort li a:active {
    transition: all 0.1s 0s ease;
    background: #95a9bd;
}

.component-sort li a:after {
    border-top: none;
}

.component-sort li a:hover {
    color: #fff;
}

.component-sort li:last-child {
    margin-right: 0;
}

.component-sort li.selected a {
    background: #668ab1;
}

.component-sort li.selected::after {
    background: url(/common/img/bg-formstep-active.svg) right center no-repeat;
    background-size: 25px 100%;
}

.component-sort.sort2 li {
    width: calc(50% - 20px);
}

.component-sort.sort3 li {
    width: calc(33.3% - 20px);
}

.component-sort.sort4 li {
    width: calc(25% - 20px);
}

.component-sort.sort5 li {
    width: calc(20% - 20px);
}

.component-sort+.inner {
    padding-top: 0;
}

@media screen and (max-width: 46em) {
    .component-sort li {
        margin-right: 10px;
    }
    .component-sort.sort2 li {
        width: calc(50% - 10px);
    }
    .component-sort.sort3 li {
        width: calc(33.3% - 10px);
    }
    .component-sort.sort4 li {
        width: calc(25% - 10px);
    }
    .component-sort.sort5 li {
        width: calc(20% - 10px);
    }
    section>.component-sort {
        padding: 0 15px;
    }
}

.component-adBlock {
    text-align: center;
    margin-bottom: 20px;
}

.component-adBlock.img-Oblong img {
    max-width: 100%;
    height: auto;
}

.component-adBlock.sp {
    display: none;
}

.component-adBlock .ad-inner {
    display: inline-block;
    margin: 0 5px;
}

.contents>.component-adBlock,
.is--left>.component-adBlock {
    padding: 20px 0;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
}

.contents>.component-adBlock:last-child,
.is--left>.component-adBlock:last-child {
    margin-bottom: 0;
}

.contents>.component-adBlock.sp,
.is--left>.component-adBlock.sp {
    display: none;
}

@media screen and (max-width: 46em) {
    .component-adBlock.sp {
        display: block;
    }
    .component-adBlock.pc {
        display: none;
    }
    .component-adBlock .ad-inner {
        display: inline-block;
        margin: 0 0 15px 0;
        max-width: 100%;
        width: 100%;
    }
    .component-adBlock .ad-inner img {
        max-width: 100%;
    }
    .contents>.component-adBlock,
    .is--left>.component-adBlock {
        padding: 0;
    }
    .contents>.component-adBlock:last-child,
    .is--left>.component-adBlock:last-child {
        margin-bottom: 20px;
    }
    .contents>.component-adBlock.sp,
    .is--left>.component-adBlock.sp {
        display: block;
    }
}

.component-dragUpload {
    background: #e9eef3;
    text-align: center;
    margin: 0 20px 20px;
    padding: 40px 0 30px;
}

.component-dragUpload__text {
    padding-top: 20px;
}

.component-dragUpload.drag-enter {
    border: 2px dashed #004a83;
}

.component-dragUpload .fileName {
    padding-bottom: 5px;
}

.mod-table .component-dragUpload {
    margin: 0;
    padding: 20px;
    text-align: left;
}

.mod-table .component-dragUpload__text {
    padding: 0 0 0 10px;
    display: inline-block;
}

.mod-table .component-dragUpload:not(last-child) {
    margin-bottom: 20px;
}

.component-breadcrumb {
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    top: -50px;
    width: calc(100% - 490px);
}

.component-breadcrumb:after {
    content: "";
    clear: both;
    display: block;
}

.component-breadcrumb .contents-inner {
    width: 1000px;
}

.component-breadcrumb li {
    display: inline;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 22.2px;
    line-height: 2.22rem;
}

.component-breadcrumb li span {
    padding: 0 5px;
}

.component-breadcrumb li span[itemprop="name"] {
    padding: 0;
}

.component-breadcrumb.component-login-subPage-breadcrumb {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 40px;
    position: relative;
}

@media screen and (min-width: 1430px) {
    .component-breadcrumb {
        width: calc(100% - 420px);
    }
}

@media screen and (max-width: 46em) {
    .component-breadcrumb {
        width: auto;
        position: static;
        padding: 0 5px;
    }
}

.component-side-profile {
    margin: 20px;
}

.component-side-profile .profile-head {
    display: flex;
    border-bottom: 2px solid #004a83;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.component-side-profile .profile-head .userImage {
    width: 60px;
}

.component-side-profile .profile-head .userImage img {
    width: 100%;
}

.component-side-profile .profile-head .userName {
    display: flex;
    align-items: center;
    padding-left: 15px;
}

.component-side-profile .profile-head .relationMenu {
    width: 120px;
    float: right;
}

.component-side-profile .profile-head .relationMenu .btn {
    padding: 13px 10px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 22.2px;
    line-height: 2.22rem;
    margin-bottom: 8px;
}

.component-side-profile .profile-head .relationMenu .btn:before {
    left: 50px;
}

.component-side-profile .edit-profile {
    margin-bottom: 18px;
}

.component-side-profile .edit-profile li {
    margin-bottom: 5px;
}

.component-side-profile .mod-qualification {
    margin-left: -3px;
    margin-bottom: 16px;
}

.component-side-profile .mod-qualification [class*=plate-] {
    width: 82px;
    display: table;
    float: left;
    margin: 0 0 3px 3px;
}

.component-side-profile .mod-qualification [class*=plate-] span {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 16px;
    line-height: 1.6rem;
    display: table-cell;
    height: 38px;
    vertical-align: middle;
    text-align: center;
    width: 100%;
}

.component-side-profile .mod-tandemBox .tandemBtn a:before {
    left: 85px;
}

.component-side-profile .headline--lv5__underline {
    padding-top: 6px;
    margin-bottom: 12px;
}

.component-arrivalInfo {
    border-bottom: 1px solid #d2dce7;
    padding: 22px 20px;
    display: block;
}

.component-arrivalInfo:after {
    content: "";
    clear: both;
    display: block;
}

.component-arrivalInfo:last-child {
    border: none;
}

.component-arrivalInfo .mod-articlBody {
    margin-left: 70px;
    position: relative;
}

.component-arrivalInfo .mod-articlBody+.mod-thumbnailList {
    margin-top: 10px;
}

.component-arrivalInfo .mod-articlBody .status {
    padding: 2px 10px;
    border-radius: 6px;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 20.35px;
    line-height: 2.035rem;
    position: relative;
    top: -2px;
    margin-left: 10px;
    display: inline-block;
    font-weight: normal;
}

.component-arrivalInfo .mod-articlBody .status.public {
    background: #668ab1;
    color: #fff;
}

.component-arrivalInfo .mod-articlBody .status.lmited-public {
    background: #f3dc1e;
    color: #004a83;
}

.component-arrivalInfo .mod-articlBody .mod-articlTitle+.time {
    margin-top: -5px;
}

.component-arrivalInfo .mod-thumbnailList {
    margin-left: -3px;
    margin-bottom: -3px;
}

.component-arrivalInfo .mod-thumbnailList .thumbnail {
    padding-left: 3px;
    padding-bottom: 3px;
}

.component-arrivalInfo .mod-thumbnailList .thumbnail a,
.component-arrivalInfo .mod-thumbnailList .thumbnail span {
    width: 28px;
}

.component-arrivalInfo.inset-category .mod-qaCategory+.mod-articlTitle {
    margin-left: 15px;
}

.component-arrivalInfo.inset-category .mod-articleData {
    margin-top: 5px;
}

.component-arrivalInfo.inset-category .mod-qaCategory {
    top: 3px;
}

.component-arrivalInfo.text-none .mod-articlTitle {
    margin-bottom: 0;
}

.component-arrivalInfo .side-thumbnail {
    width: 100px;
    float: left;
}

.component-arrivalInfo .side-thumbnail img {
    width: 100%;
}

.component-arrivalInfo .side-thumbnail+.mod-articlBody {
    margin-left: 120px;
}

.component-arrivalInfo.padding-small {
    padding: 15px 20px;
}

.component-arrivalInfo .mod-check {
    z-index: 2;
}

.component-arrivalInfo.inset-chackBox .mod-check {
    padding: 0;
    margin: 22px 0 5px 0;
    vertical-align: top;
}

.component-arrivalInfo.inset-chackBox .mod-articlBody {
    margin-left: 35px;
    position: relative;
    display: inline-block;
}

.component-arrivalInfo .url {
    color: #668ab1;
}

.component-arrivalInfo .url:hover {
    color: #668ab1;
}

.component-arrivalInfo.inset-read-status {
    padding: 5px;
}

.component-arrivalInfo.inset-read-status .read-status {
    padding: 10px;
}

.component-arrivalInfo.inset-read-status .read-status.is-read {
    background: #e9eef3;
}

@media screen and (max-width: 46em) {
    .component-arrivalInfo {
        padding: 15px;
    }
    .component-arrivalInfo .mod-articlBody {
        margin: -4px 0 5px 55px;
    }
    .component-arrivalInfo .mod-articlBody .mod-articlTitle {
        margin-bottom: 7px;
    }
    .component-arrivalInfo .mod-articlBody .status {
        position: relative;
        top: 0;
        display: block;
        width: 90px;
        text-align: center;
        margin: 4px 0;
    }
    .component-arrivalInfo .mod-articlBody .status+.mod-articlTitle {
        background: red;
    }
    .component-arrivalInfo .mod-articlBody .time {
        position: static;
        display: block;
        margin-bottom: 4px;
    }
    .component-arrivalInfo .mod-thumbnailList {
        margin-left: 52px;
    }
    .component-arrivalInfo .mod-thumbnailList .thumbnail {
        padding-left: 3px;
    }
    .component-arrivalInfo .mod-thumbnailList .thumbnail a,
    .component-arrivalInfo .mod-thumbnailList .thumbnail span {
        width: 28px;
    }
    .component-arrivalInfo .mod-articlText {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 19px;
        line-height: 1.9rem;
    }
    .component-arrivalInfo.inset-category .mod-qaCategory {
        margin: 0;
    }
    .component-arrivalInfo.inset-category .mod-qaCategory+.mod-articlTitle {
        margin-left: 15px;
    }
    .component-arrivalInfo.inset-category .mod-articlText {
        padding-top: 10px;
    }
    .component-arrivalInfo.inset-category .mod-articleData {
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 16.5px;
        line-height: 1.65rem;
        margin-top: 5px;
    }
    .component-arrivalInfo.inset-category .mod-articleData:after {
        content: "";
        clear: both;
        display: block;
    }
    .component-arrivalInfo.inset-category .mod-articleData .qaState {
        margin-right: 15px;
    }
    .component-arrivalInfo.inset-category .mod-articleData .articleDetail {
        margin-right: 15px;
    }
    .component-arrivalInfo .side-thumbnail {
        width: 100px;
        float: left;
    }
    .component-arrivalInfo .side-thumbnail img {
        width: 100%;
    }
    .component-arrivalInfo .side-thumbnail+.mod-articlBody {
        margin-left: 115px;
    }
    .component-arrivalInfo.padding-small {
        padding: 15px;
    }
    .component-arrivalInfo .category-list {
        padding-bottom: 5px;
    }
    .component-arrivalInfo .category-list li {
        padding-right: 0;
    }
    .component-arrivalInfo .category-list li .mod-qaCategory {
        margin: 0 0 2px 0;
        float: none;
    }
}

.component-settingTemplateTable {
    width: 100%;
    margin-top: 20px;
}

.component-settingTemplateTable th,
.component-settingTemplateTable td {
    padding: 10px;
    vertical-align: middle;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    line-height: 1.8rem;
}

.component-settingTemplateTable th {
    white-space: nowrap;
    width: auto;
}

.component-settingTemplateTable td.templateDetail {
    white-space: normal;
}

.component-settingTemplateTable td.templateDetail .categoryName {
    line-height: 24px;
}

.component-settingTemplateTable td.templateDetail .mod-totalRateStar {
    margin-top: 5px;
}

.component-settingTemplateTable .reUpload {
    white-space: nowrap;
}

.component-settingTemplateTable .inset-chackBox {
    text-align: center;
}

.component-settingTemplateTable .inset-chackBox .mod-check {
    padding-left: 20px !important;
}

.component-settingTemplateTable+.component-pager {
    padding: 20px 0 0 0;
}

.component-settingTemplateTable+.component-pager {
    padding: 20px 0 0 0;
}

.component-settingTemplateTable.settingCommunity th,
.component-settingTemplateTable.settingCommunity td {
    padding: 15px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 25.9px;
    line-height: 2.59rem;
}

.component-settingTemplateTable.catalog th,
.component-settingTemplateTable.catalog td,
.component-settingTemplateTable.point th,
.component-settingTemplateTable.point td {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 25.9px;
    line-height: 2.59rem;
}

.component-settingTemplateTable.catalog .select-wrap,
.component-settingTemplateTable.point .select-wrap {
    margin-right: 10px;
}

.component-settingTemplateTable.catalog .unit,
.component-settingTemplateTable.point .unit {
    position: relative;
}

.component-settingTemplateTable.catalog .point-get,
.component-settingTemplateTable.point .point-get {
    color: #fff;
    background: #004a83;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 20.35px;
    line-height: 2.035rem;
    padding: 2px 10px;
    margin-right: 10px;
    border-radius: 6px;
    float: left;
}

.component-settingTemplateTable.catalog .point-use,
.component-settingTemplateTable.point .point-use {
    color: #fff;
    background: #e2356e;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 20.35px;
    line-height: 2.035rem;
    padding: 2px 10px;
    margin-right: 10px;
    border-radius: 6px;
    float: left;
}

.component-settingTemplateTable.catalog .point-detail,
.component-settingTemplateTable.point .point-detail {
    padding-left: 55px;
}

.component-settingTemplateTable.catalog {
    margin-top: 0;
}

.component-settingTemplateTable .question-title {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
    line-height: 2.4rem;
}

@media screen and (max-width: 46em) {
    .component-settingTemplateTable {
        border: none;
        margin-top: 0;
    }
    .component-settingTemplateTable tr {
        border-bottom: 1px solid #d2dce7;
        margin: 0 -15px;
        padding: 10px 12px;
        display: block;
        position: relative;
    }
    .component-settingTemplateTable tr:first-child {
        display: none;
    }
    .component-settingTemplateTable th,
    .component-settingTemplateTable td {
        padding: 5px 0 0;
        display: block;
        border: none;
        background: none;
        padding-left: 100px;
    }
    .component-settingTemplateTable th {
        white-space: nowrap;
        width: auto;
    }
    .component-settingTemplateTable td.thumbnail {
        float: left;
        padding-left: 5px;
        padding-right: 15px;
    }
    .component-settingTemplateTable td.templateDetail {
        white-space: normal;
    }
    .component-settingTemplateTable td.templateDetail .categoryName {
        line-height: 24px;
    }
    .component-settingTemplateTable td .mod-totalRateStar {
        margin-top: 5px;
    }
    .component-settingTemplateTable td.inset-star {
        padding-top: 0;
        padding-left: 100px;
    }
    .component-settingTemplateTable td.wish-count {
        padding-top: 5px;
    }
    .component-settingTemplateTable td.status .reUpload {
        display: none;
    }
    .component-settingTemplateTable td.inset-chackBox {
        float: left;
        padding-left: 0;
        height: 80px;
        align-items: center;
        display: flex;
    }
    .component-settingTemplateTable .reUpload {
        white-space: nowrap;
    }
    .component-settingTemplateTable .inset-chackBox {
        text-align: center;
    }
    .component-settingTemplateTable .inset-chackBox .mod-check {
        padding-left: 20px !important;
    }
    .component-settingTemplateTable+.component-pager {
        padding: 20px 0 0 0;
    }
    .component-settingTemplateTable+.component-pager {
        padding: 20px 0 0 0;
    }
    .component-settingTemplateTable.settingCommunity th,
    .component-settingTemplateTable.settingCommunity td {
        padding: 0px;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 22.2px;
        line-height: 2.22rem;
    }
    .component-settingTemplateTable.settingCommunity td {
        padding-top: 5px;
    }
    .component-settingTemplateTable.settingCommunity td .btn-form {
        width: 100%;
        margin-top: 5px;
    }
    .component-settingTemplateTable.settingCommunity .community-name {
        color: #004a83;
        font-weight: bold;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 20px;
        line-height: 2rem;
        border-bottom: 1px dotted #004a83;
        position: relative;
        padding-bottom: 5px;
    }
    .component-settingTemplateTable.settingCommunity .community-name>a {
        color: #555;
    }
    .component-settingTemplateTable.catalog .unit {
        position: relative;
    }
    .component-settingTemplateTable.point th,
    .component-settingTemplateTable.point td {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 22.2px;
        line-height: 2.22rem;
    }
    .component-settingTemplateTable.point .select-wrap {
        margin-right: 10px;
    }
    .component-settingTemplateTable.point .point-get {
        float: none;
    }
    .component-settingTemplateTable.point .point-use {
        float: none;
    }
    .component-settingTemplateTable.point .point-detail {
        padding-left: 0;
        display: inline-block;
    }
    .component-settingTemplateTable .question-title {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 18px;
        line-height: 1.8rem;
    }
}

.component-connectList:after {
    content: "";
    clear: both;
    display: block;
}

.component-connectList .connectBox {
    float: left;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    margin-right: -361px;
    padding-right: 361px;
}

.component-connectList .connectBox.w-full {
    margin-right: 0;
    padding-right: 0;
}

.component-connectList .communityBox {
    float: right;
    width: 328px;
}

.component-connectList .communityBox .kanri {
    width: 22px;
    height: 22px;
    background: url(/common/img/icon-management_community-star.svg) no-repeat;
    background-size: 22px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

.component-connectList .mod-thumbnailList {
    margin-left: -7px;
    padding-bottom: 10px;
}

.component-connectList .mod-thumbnailList .thumbnail {
    padding: 5px 0 0 7px;
}

.component-connectList .mod-thumbnailList .thumbnail a,
.component-connectList .mod-thumbnailList .thumbnail>span {
    width: 60px;
}

.component-connectList .no-connect {
    text-align: center;
    position: relative;
}

.component-connectList .no-connect * {
    position: relative;
    z-index: 3;
}

.component-connectList .no-connect .title {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 27.75px;
    line-height: 2.775rem;
    font-weight: bold;
    padding-bottom: 15px;
}

.component-connectList .no-connect .text {
    padding-bottom: 15px;
}

.component-connectList .no-connect.connect {
    background: #fff url(/common/img/profile_no-connect_connect.png) right top no-repeat;
    background-size: contain;
}

.component-connectList .no-connect.community {
    background: #fff url(/common/img/profile_no-connect_community.png) right top no-repeat;
    background-size: cover;
}

.component-connectList .no-connect:before {
    content: "";
    width: 100%;
    min-height: 191px;
    background: #fff;
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    opacity: 0.75;
}

@media screen and (max-width: 46em) {
    .component-connectList .connectBox {
        float: none;
        width: 100%;
        margin-left: 0;
        padding-left: 0;
        margin-right: 0;
        padding-right: 0;
    }
    .component-connectList .communityBox {
        float: none;
        width: 100%;
        margin-top: 15px;
    }
    .component-connectList .mod-thumbnailList {
        margin-left: -5px;
        padding-bottom: 7px;
        padding-top: 5px;
    }
    .component-connectList .mod-thumbnailList .thumbnail {
        padding: 7px 0 0 5px;
    }
    .component-connectList .mod-thumbnailList .thumbnail a,
    .component-connectList .mod-thumbnailList .thumbnail>span {
        width: 54px;
    }
    .component-connectList .no-connect {
        text-align: center;
        position: relative;
    }
    .component-connectList .no-connect * {
        position: relative;
        z-index: 3;
    }
    .component-connectList .no-connect .title {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 27.75px;
        line-height: 2.775rem;
        font-weight: bold;
        padding-bottom: 15px;
    }
    .component-connectList .no-connect .text {
        padding-bottom: 15px;
    }
    .component-connectList .no-connect.connect {
        background: #fff url(/common/img/profile_no-connect_connect.png) right top no-repeat;
        background-size: cover;
    }
    .component-connectList .no-connect.community {
        background: #fff url(/common/img/profile_no-connect_community.png) right top no-repeat;
        background-size: cover;
    }
    .component-connectList .no-connect:before {
        content: "";
        width: 100%;
        min-height: 150px;
        height: 100%;
        background: #fff;
        display: block;
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        opacity: 0.75;
    }
}

.component-articleList .col-1-3:nth-child(n + 4) {
    padding-top: 10px;
}

.component-articleList .col-1-3:nth-child(3n+1) {
    clear: both;
}

.component-articleList .articlTitle-abridgement .mod-articlTitle {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.component-articleList .text-only li:not(:last-child) .mod-articlTitle {
    margin-bottom: 15px;
}

@media screen and (max-width: 46em) {
    .component-articleList {
        padding-right: 0;
        padding-top: 0;
    }
    .component-articleList>div {
        padding: 10px 15px 10px 0;
    }
    .component-articleList>div:first-child {
        padding-top: 10px;
    }
    .component-articleList .mod-thumbLink>img {
        width: 110px;
        vertical-align: top;
    }
    .component-articleList .mod-thumbLink figcaption {
        vertical-align: top;
    }
}

.component-inputList:after {
    content: "";
    clear: both;
    display: block;
}

.component-inputList .inputList__title {
    font-weight: bold;
    float: left;
    margin-right: 20px;
    line-height: 43px;
}

.component-inputList .mod-input {
    float: left;
}

.component-inputList .inputList__tags {
    display: inline-block;
}

.component-inputList .inputList__tags ul {
    display: inline-block;
}

.component-inputList .inputList__tags ul li {
    margin: 7px 4px 0 0;
}

.side .component-inputList {
    margin: 20px;
}

.side .component-inputList ul li:not(:first-child) {
    margin-top: 10px;
}

.component-inputList dt {
    display: block !important;
}

.component-inputList:not(:first-child) {
    margin-top: 20px;
}

.component-inputList .mod-inputBox {
    margin-left: 80px;
}

.component-inputList .mod-inputBox:after {
    content: "";
    clear: both;
    display: block;
}

.component-inputList .mod-inputBox .mod-check {
    margin-top: 8px;
}

.component-inputList .component-column {
    padding-top: 5px;
}

.component-inputList .component-column [class^="col-"] {
    padding-bottom: 0;
}

@media screen and (max-width: 46em) {
    .component-inputList .inputList__title {
        line-height: 45px;
    }
    .component-inputList .mod-input {
        float: none;
    }
    .component-inputList .mod-inputBox {
        margin-left: 0;
    }
    .component-inputList .mod-inputBox .mod-check {
        margin-top: 5px;
    }
}

.component-dateAndTitle .headline--lv5 {
    padding-bottom: 15px;
}

.component-dateAndTitle .list {
    padding: 10px 0;
    border-bottom: 1px solid #d2dce7;
}

.component-dateAndTitle .list .date {
    float: left;
}

.component-dateAndTitle .list .title {
    display: block;
    margin-left: 110px;
}

.component-dateAndTitle .list:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.component-dateAndTitle .list:first-child {
    padding-top: 0;
}

.component-dateAndTitle.listBox-full {
    border-right: none;
    border-top: 1px solid #d2dce7;
}

.component-dateAndTitle.listBox-full .list {
    padding: 15px 25px;
    border-bottom: 1px solid #d2dce7;
}

.component-dateAndTitle.listBox-full .list:last-child {
    border-bottom: none;
}

.component-dateAndTitle.date-right .list {
    position: relative;
}

.component-dateAndTitle.date-right .list .title {
    margin-left: 0;
    margin-right: 110px;
}

.component-dateAndTitle.date-right .list .date {
    float: none;
    position: absolute;
    top: 50%;
    right: 25px;
    margin-top: -12px;
}

.component-dateAndTitle.date-long .list .title {
    margin-right: 190px;
}

@media screen and (max-width: 46em) {
    .component-dateAndTitle {
        border-right: none;
    }
    .component-dateAndTitle .list {
        padding-bottom: 10px;
        padding-top: 10px;
        border-bottom: 1px solid #d2dce7;
    }
    .component-dateAndTitle .list .date {
        display: block;
        padding: 0 20px;
        float: none;
    }
    .component-dateAndTitle .list .title {
        margin-left: 0;
        display: block;
    }
    .component-dateAndTitle .list .mod-qaCategory+.title {
        margin-left: 60px;
        padding-top: 4px;
    }
    .component-dateAndTitle .list a {
        padding: 0 15px;
        display: block;
    }
    .component-dateAndTitle .list:last-child {
        padding-bottom: 15px;
        border-bottom: 1px solid #d2dce7;
    }
    .component-dateAndTitle .list:first-child {
        padding-top: 10px;
    }
    .component-dateAndTitle.listBox-full {
        overflow: hidden;
    }
    .component-dateAndTitle.listBox-full .list {
        padding: 15px;
    }
    .component-dateAndTitle.date-long .list .title {
        margin-right: 0px;
        padding: 0;
    }
    .component-dateAndTitle.date-long .list .date {
        position: static;
        margin-top: 5px;
        padding: 0;
    }
    .inner .component-dateAndTitle {
        margin-top: -15px;
    }
}

.component-accordion {
    width: 100%;
}

[class^="component-indexMain"] .text {
    color: #004a83;
    padding: 30px 40px 35px;
}

[class^="component-indexMain"] .text .title {
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 62.9px;
    line-height: 6.29rem;
    font-weight: bold;
}

[class^="component-indexMain"] .text .title .free-icon {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
    line-height: 2.7rem;
    font-weight: normal;
    border-radius: 6px;
    background: #004a83;
    color: #f3dc1e;
    padding: 2px 12px 0px;
    position: relative;
    top: -6px;
    margin-left: 10px;
    display: inline-block;
}

[class^="component-indexMain"] .text .title .free-icon.position-adjustment {
    top: -4px;
}

[class^="component-indexMain"] .text .image-display {
    display: inline-block;
    width: 165px;
    min-width: inherit;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 24.05px;
    line-height: 2.405rem;
    padding: 0px 25px;
    text-align: center;
    margin-top: 15px;
}

[class^="component-indexMain"] .text .image-display.is-open::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 18px;
    width: 7px;
    height: 7px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg) translateY(-50%);
}

[class^="component-indexMain"] .text .image-display.is-open:after {
    top: 43%;
    border-top: none;
    border-bottom: 1px solid #004a83;
    border-right: 1px solid #004a83;
    width: 6px;
    height: 6px;
}

[class^="component-indexMain"] .text .image-display.is-close::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 18px;
    width: 7px;
    height: 7px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(45deg) translateY(-50%);
}

[class^="component-indexMain"] .text .image-display.is-close:after {
    top: 50%;
    border-left: 1px solid #004a83;
    border-top: 1px solid #004a83;
    border-right: none;
    width: 6px;
    height: 6px;
}

[class^="component-indexMain"][class$="--template"] {
    background: #fff url(/common/img/img-indexmain-template.png) right top no-repeat;
}

[class^="component-indexMain"][class$="--article_review"] {
    background: #fff url(/common/img/img-indexmain-articlereview.png) right -28px no-repeat;
}

[class^="component-indexMain"][class$="--news"] {
    background: #fff url(/common/img/img-indexmain-news.png) right top no-repeat;
}

[class^="component-indexMain"][class$="--topics"] {
    background: #fff url(/common/img/img-indexmain-topics.png) right top no-repeat;
    padding-bottom: 45px;
}

[class^="component-indexMain"][class$="--topics"] figure img {
    width: 940px;
    max-width: 100%;
}

[class^="component-indexMain"][class$="--estimate"] {
    background: #fff url(/common/img/img-indexmain-estimate.png) right top no-repeat;
}

[class^="component-indexMain"][class$="--community"] {
    background: #fff url(/common/img/img-indexmain-community.png) right top no-repeat;
}

[class^="component-indexMain"][class$="--community"] figure img {
    width: 940px;
    max-width: 100%;
}

[class^="component-indexMain"][class$="--QA"] {
    background: #fff url(/common/img/img-indexmain-QA.png) right top no-repeat;
}

[class^="component-indexMain"][class$="--news"] {
    background: #fff url(/common/img/img-indexmain-news.png) right top no-repeat;
}

[class^="component-indexMain"] figure {
    text-align: center;
    padding: 0 18px;
}

[class^="component-indexMain"] figure img {
    width: 952px;
    max-width: 100%;
}

[class^="component-indexMain"].category-page {
    border-top: 8px solid #004a83;
}

[class^="component-indexMain"].category-page .text {
    padding: 20px 30px 0;
}

[class^="component-indexMain"].category-page.component-indexMain--template {
    background: #fff url(/common/img/img-indexmain-template.png) 125% top no-repeat;
}

[class^="component-indexMain"].category-page.component-indexMain--topics {
    background: #fff url(/common/img/img-indexmain-topics.png) 125% top no-repeat;
}

[class^="component-indexMain"].category-page.component-indexMain--article_review {
    background: #fff url(/common/img/img-indexmain-articlereview.png) 125% top no-repeat;
}

[class^="component-indexMain"].category-page.component-indexMain--profile {
    background: #fff url(/common/img/img-indexmain-profile.png) 125% top no-repeat;
}

[class^="component-indexMain"].category-page.component-indexMain--QA {
    background: #fff url(/common/img/img-categoryPage-qa.png) right top no-repeat;
}

[class^="component-indexMain"].category-page.component-indexMain--news {
    background: #fff url(/common/img/img-indexmain-news.png) right top no-repeat;
}

[class^="component-indexMain"].category-page.component-indexMain--community {
    background: #fff url(/common/img/img-categoryPage-community.png) right top no-repeat;
}

[class^="component-indexMain"].category-page.component-indexMain--estimate {
    background: #fff url(/common/img/img-categoryPage-estimate.png) right -30px no-repeat;
}

[class^="component-indexMain"].category-page.component-indexMain--tsukin {
    background: #fff url(/common/img/img-indexmain-tsukin.png) right top no-repeat;
    border-top: none;
    padding: 27px 15px 26px;
}

[class^="component-indexMain"].category-page.component-indexMain--tsukin .logo-wrap {
    display: flex;
}

[class^="component-indexMain"].category-page.component-indexMain--tsukin .logo-wrap .logo-tsukin {
    width: 156px;
    position: relative;
    margin-right: 40px;
}

[class^="component-indexMain"].category-page.component-indexMain--tsukin .logo-wrap .logo-tsukin:after,
[class^="component-indexMain"].category-page.component-indexMain--tsukin .logo-wrap .logo-tsukin:before {
    display: block;
    content: '';
    width: 1px;
    height: 28px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #000;
    border-radius: 10px;
    position: absolute;
    top: 6px;
    right: -15px;
}

[class^="component-indexMain"].category-page.component-indexMain--tsukin .logo-wrap .logo-tsukin:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

[class^="component-indexMain"].category-page.component-indexMain--tsukin .logo-wrap .logo-manegy img {
    width: 115px;
    height: 41px;
}

[class^="component-indexMain"].category-page.component-indexMain--tsukin .title-wrap {
    padding: 15px 12px 0;
}

[class^="component-indexMain"].category-page.component-indexMain--tsukin .title-wrap .title {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 24px;
    line-height: 2.4rem;
    font-weight: bold;
    padding-top: 5px;
}

[class^="component-indexMain"].category-page.sub-page {
    position: relative;
}

[class^="component-indexMain"].category-page.sub-page .text {
    padding: 12px 20px 0;
}

[class^="component-indexMain"].category-page.sub-page .text .title {
    font-size: 30px;
    font-size: 3rem;
    line-height: 55.5px;
    line-height: 5.55rem;
}

[class^="component-indexMain"].category-page.sub-page .text .keyword {
    margin-top: -20px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    padding: 26px 20px 5px 0;
    font-weight: bold;
    color: #555;
}

[class^="component-indexMain"].category-page.sub-page .text .keyword .repletion {
    padding-left: 20px;
}

[class^="component-indexMain"].category-page.sub-page .text .lead {
    color: #555;
}

[class^="component-indexMain"].category-page.sub-page .component-templateSearch {
    z-index: 2;
    position: relative;
}

[class^="component-indexMain"].category-page.sub-page.component-indexMain--article_review .text .keyword {
    padding-bottom: 12px;
}

[class^="component-indexMain"].category-page.sub-page.component-indexMain--article_review .text+.inner {
    margin-top: -15px;
}

[class^="component-indexMain"].category-page.sub-page.component-indexMain--topics {
    background: #fff url(/common/img/img-indexmain-topics.png) 125% -16px no-repeat;
}

[class^="component-indexMain"].category-page.sub-page.component-indexMain--article_review {
    background: #fff url(/common/img/img-indexmain-articlereview.png) 125% -60px no-repeat;
}

[class^="component-indexMain"].category-page.sub-page.component-indexMain--QA .text {
    padding: 20px 20px 0;
}

[class^="component-indexMain"].category-page.sub-page.component-indexMain--QA .keyword {
    padding: 40px 20px 15px 0;
}

[class^="component-indexMain"].category-page.sub-page.component-indexMain--estimate .text {
    padding: 20px 20px 0;
}

[class^="component-indexMain"].category-page.sub-page.component-indexMain--search-result .text .title {
    font-size: 20px;
    font-size: 2rem;
    line-height: 42px;
    line-height: 4.2rem;
}

[class^="component-indexMain"].category-page.sub-page+.component-articleList {
    margin-top: -20px;
}

[class^="component-indexMain"].category-page.sub-page+.inner {
    margin-top: -20px;
}

[class^="component-indexMain"].category-page.sub-page.gradation:after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    z-index: 0;
}

[class^="component-indexMain"].category-page .font-large {
    color: #004a83;
    font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 22px;
    line-height: 2.2rem;
}

[class^="component-indexMain"].category-page .font-large small {
    font-weight: normal;
}

[class^="component-indexMain"].category-page .size-l {
    max-width: 100%;
    min-width: inherit;
    width: 470px;
}

[class^="component-indexMain"][class*="--beginner"] .text {
    padding: 30px 40px 25px;
}

[class^="component-indexMain"][class*="--beginner"] .text .title {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 42px;
    line-height: 4.2rem;
    padding: 10px 0 20px 0;
}

[class^="component-indexMain"][class*="--beginner"] .text .title small {
    font-size: 20px;
    font-size: 2rem;
    line-height: 20px;
    line-height: 2rem;
}

[class^="component-indexMain"][class$="--beginner--profile"] {
    background: #fff url(/common/img/img-categoryPage-profile.png) right top no-repeat;
}

[class^="component-indexMain"][class$="--beginner--connect"] {
    background: #fff url(/common/img/img-indexmain-profile.png) right top no-repeat;
}

[class^="component-indexMain"][class$="--beginner--community"] {
    background: #fff url(/common/img/img-categoryPage-community.png) right top no-repeat;
}

[class^="component-indexMain"][class$="--beginner--topics"] {
    background: #fff url(/common/img/img-indexmain-topics.png) right top no-repeat;
}

[class^="component-indexMain"][class$="--beginner--estimate"] {
    background: #fff url(/common/img/img-indexmain-estimate.png) right top no-repeat;
}

[class^="component-indexMain"][class$="--beginner--customer"] {
    background: #fff url(/common/img/img-categoryPage-qa.png) right top no-repeat;
}

@media screen and (max-width: 46em) {
    [class^="component-indexMain"] .text {
        padding: 20px 15px 20px;
    }
    [class^="component-indexMain"] .text .title {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 33.3px;
        line-height: 3.33rem;
    }
    [class^="component-indexMain"] .text .title .free-icon {
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 18px;
        line-height: 1.8rem;
        padding: 1px 12px 0;
        position: relative;
        top: -3px;
    }
    [class^="component-indexMain"] .text .title .free-icon.position-adjustment {
        top: -3px;
    }
    [class^="component-indexMain"][class$="--template"] {
        background-size: 55%;
    }
    [class^="component-indexMain"][class$="--article_review"] {
        background-size: 55%;
    }
    [class^="component-indexMain"][class$="--news"] {
        background-size: 55%;
    }
    [class^="component-indexMain"][class$="--topics"] {
        background-size: 55%;
        padding-bottom: 20px;
    }
    [class^="component-indexMain"][class$="--topics"] figure img {
        width: 290px;
        max-width: 100%;
    }
    [class^="component-indexMain"][class$="--estimate"] {
        background-size: 55%;
    }
    [class^="component-indexMain"][class$="--QA"] {
        background-size: 55%;
    }
    [class^="component-indexMain"][class$="--community"] {
        background-size: 55%;
    }
    [class^="component-indexMain"][class$="--community"] figure img {
        width: 290px;
        max-width: 100%;
    }
    [class^="component-indexMain"] .inset-img-wrap {
        text-align: center;
    }
    [class^="component-indexMain"] .inset-img-wrap img {
        width: 250px;
        height: auto;
    }
    [class^="component-indexMain"] figure {
        text-align: center;
        padding: 0 18px;
    }
    [class^="component-indexMain"] figure img {
        width: 290px;
        max-width: 100%;
    }
    [class^="component-indexMain"].category-page {
        background: #fff !important;
    }
    [class^="component-indexMain"].category-page .text {
        padding: 10px 15px 15px;
    }
    [class^="component-indexMain"].category-page .text .title {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 44.4px;
        line-height: 4.44rem;
    }
    [class^="component-indexMain"].category-page .text+.inner {
        margin-top: -20px;
    }
    [class^="component-indexMain"].category-page.sub-page .text .title {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 44.4px;
        line-height: 4.44rem;
    }
    [class^="component-indexMain"].category-page.sub-page .text+.inner {
        margin-top: 0;
    }
    [class^="component-indexMain"].category-page.sub-page .text .keyword {
        margin-top: -20px;
        padding: 20px 20px 0px 0;
        font-weight: bold;
        color: #555;
    }
    [class^="component-indexMain"].category-page.sub-page .text .keyword .repletion {
        padding-left: 20px;
    }
    [class^="component-indexMain"].category-page.sub-page.component-indexMain--QA .text {
        padding: 12px 20px 0;
    }
    [class^="component-indexMain"].category-page.sub-page.component-indexMain--QA .keyword {
        padding: 20px 20px 0px 0;
    }
    [class^="component-indexMain"].category-page.sub-page.component-indexMain--search-result .text {
        padding: 10px 20px 0;
    }
    [class^="component-indexMain"].category-page.sub-page.component-indexMain--search-result .text .title {
        font-size: 20px;
        font-size: 2rem;
        line-height: 34px;
        line-height: 3.4rem;
    }
    [class^="component-indexMain"].category-page.sub-page+.inner {
        margin-top: -15px;
    }
    [class^="component-indexMain"].category-page.component-indexMain--tsukin {
        background: #fff url(/common/img/img-indexmain-tsukin.png) right top no-repeat;
        border-top: none;
        padding: 15px 15px;
    }
    [class^="component-indexMain"].category-page.component-indexMain--tsukin .logo-wrap {
        display: flex;
        justify-content: center;
        padding-right: 10px;
    }
    [class^="component-indexMain"].category-page.component-indexMain--tsukin .logo-wrap .logo-tsukin {
        width: 120px;
    }
    [class^="component-indexMain"].category-page.component-indexMain--tsukin .logo-wrap .logo-tsukin:after,
    [class^="component-indexMain"].category-page.component-indexMain--tsukin .logo-wrap .logo-tsukin:before {
        display: block;
        content: '';
        width: 1px;
        height: 28px;
        top: 1px;
        right: -17px;
    }
    [class^="component-indexMain"].category-page.component-indexMain--tsukin .logo-wrap .logo-manegy {
        width: 90px;
    }
    [class^="component-indexMain"].category-page.component-indexMain--tsukin .logo-wrap .logo-manegy img {
        width: 100%;
        height: auto;
    }
    [class^="component-indexMain"].category-page.component-indexMain--tsukin .logo-wrap img {
        width: 100%;
    }
    [class^="component-indexMain"].category-page.component-indexMain--tsukin .title-wrap {
        padding: 15px 12px 0;
    }
    [class^="component-indexMain"].category-page.component-indexMain--tsukin .title-wrap .title {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 28px;
        line-height: 2.8rem;
        font-weight: bold;
        padding-top: 10px;
    }
    [class^="component-indexMain"][class*="--beginner"] {
        background: none;
    }
    [class^="component-indexMain"][class*="--beginner"] .text {
        padding: 0 0 15px 0;
    }
}

.component-noConnect {
    text-align: center;
    position: relative;
}

.component-noConnect * {
    position: relative;
    z-index: 3;
}

.component-noConnect .title {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 27.75px;
    line-height: 2.775rem;
    font-weight: bold;
    padding-bottom: 15px;
}

.component-noConnect .text {
    padding-bottom: 15px;
}

.component-noConnect.connect {
    background: #e9eef3;
}

.component-noConnect.community {
    background-size: cover;
    background: #e9eef3;
}

.component-noConnect:before {
    width: 100%;
    min-height: 191px;
    background: #fff;
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    opacity: 0.75;
    height: 100%;
}


/*activity_setting*/

.component-loginBox {
    position: absolute;
    border-radius: 6px;
    top: 80px;
    right: 40px;
    letter-spacing: 0.5px;
    z-index: 4;
    padding: 12px;
    background: rgba(255, 255, 255, 0.4);
}

.component-loginBox .regist a,
.component-loginBox .log-in a {
    display: block;
    background: #f3dc1e;
    color: #004a83;
    /*@include font-size(20,72);
    height: 70px;*/
    font-weight: bold;
    text-align: center;
    border-radius: 6px;
    text-decoration: none;
    position: relative;
    padding-left: 8px;
    height: 50px;
    box-shadow: 3px 5px rgba(0, 0, 0, 0.1);
    width: 300px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 48px;
    line-height: 4.8rem;
    margin-bottom: 10px;
}

.component-loginBox .regist a span,
.component-loginBox .log-in a span {
    font-weight: normal;
    padding-left: 2px;
}

.component-loginBox .regist a::after,
.component-loginBox .log-in a::after {
    content: "";
    display: block;
    position: absolute;
    top: 49%;
    right: 24px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #004a83;
    border-right: 2px solid #004a83;
    -webkit-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
}

.component-loginBox .log-in a {
    background: #568fcc;
    color: #fff;
    margin-bottom: 0;
}

.component-loginBox .log-in a::after {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
}

.component-loginBox__inner {
    background: rgba(255, 255, 255, 0.85);
    padding: 20px 20px 25px 20px;
    border-radius: 6px;
    /*width: 320px;*/
}

.component-loginBox__inner dl dd {
    padding-bottom: 10px;
}

.component-loginBox__inner dl dd input {
    border-radius: 6px;
}

.component-loginBox__inner p {
    padding-top: 4px;
    padding-bottom: 2px;
}

.component-loginBox__inner p label:before {
    background: #fff;
    width: 20px;
    height: 20px;
    margin-top: -11px;
}

.component-loginBox__inner p label:after {
    border: none;
    transform: none;
    background: #e2356e;
    width: 10px;
    height: 10px;
    top: 16px;
    left: 5px;
}

.component-loginBox__inner p input[type="checkbox"]:checked+.mod-check {
    color: #555;
}

.component-loginBox__inner p input[type="checkbox"]:checked+.mod-check:after {
    transform: none !important;
}

.component-loginBox__inner .passForget {
    padding-bottom: 25px;
    display: inline-block;
}

.component-loginBox__inner .btn {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 16px;
    line-height: 1.6rem;
}

.side .component-loginBox {
    position: static;
    width: 100%;
    padding: 0;
}

.side .component-loginBox .component-loginBox__inner .passForget {
    padding-bottom: 15px;
}

.component-loginBox .mod-social-login {
    padding-top: 15px;
    background: rgba(255, 255, 255, 0.85);
    padding-bottom: 20px;
    border-top: 1px dotted #004a83;
    border-radius: 0 0 6px 6px;
}

.component-loginBox .mod-social-login .btnWrap li {
    width: calc(50% - 5px);
    float: left;
}

.component-loginBox .mod-social-login .btnWrap li .btn {
    min-width: inherit !important;
    padding: 9px 15px 7px 15px !important;
    width: 100%;
}

.component-flex-center {
    display: -webkit-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.component-flex-center-border {
    border: 1px solid #d2dce7;
    height: 100%;
    padding: 15px;
}

.component-flex-center-border .link-arrow {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 25.9px;
    line-height: 2.59rem;
}

@media screen and (max-width: 46em) {
    .component-flex-center.friend .mod-thumbLink {
        width: 100%;
        display: block;
    }
    .component-flex-center.friend .mod-thumbLink img {
        width: 100%;
        display: block;
    }
    .component-flex-center.friend .mod-thumbLink figcaption {
        display: block;
        padding-left: 0;
        padding-top: 5px;
    }
    .component-flex-center.friend .tandemBtn {
        margin-bottom: 0;
        margin-top: 4px;
    }
    .component-flex-center.friend+.component-pager {
        margin-top: -15px;
    }
    .component-flex-center.friend .mod-thumbLink>a img {
        width: 100%;
    }
    .component-flex-center.friend .mod-thumbLink .mod-check+a {
        margin-left: 0px;
    }
}

.component-friend-approval .tandemBtn {
    margin-bottom: 0;
    margin-top: 8px;
}

.component-friend-approval .tandemBtn:last-child {
    margin-top: 4px;
}

.component-friend-approval+.component-pager {
    margin-top: -20px;
}

.component-friend-approval .mod-thumbLink>a img {
    width: 100%;
}

.component-friend-approval .mod-thumbLink figcaption {
    margin-top: 10px;
    padding-left: 32px;
    text-indent: -33px;
}

.component-friend-approval.scroll-box {
    border: none;
}

.component-friend-approval.indent-zero .mod-thumbLink figcaption {
    margin-top: 10px;
    padding-left: 0;
    text-indent: 0;
}

.component-friend-approval.indent-zero .mod-thumbLink figcaption .mod-check {
    margin-bottom: 0;
}

.component-friend-approval.indent-zero .mod-thumbLink figcaption .mod-check:before {
    top: 0;
    margin-top: 3px;
}

.component-friend-approval.indent-zero .mod-thumbLink figcaption .mod-check:after {
    top: 0;
    margin-top: 4px;
}

.component-friend-approval.indent-zero .mod-thumbLink figcaption .figLink {
    padding-left: 25px;
}

@media screen and (max-width: 46em) {
    .component-friend-approval .mod-thumbLink {
        width: 100%;
        display: block;
    }
    .component-friend-approval .mod-thumbLink img {
        width: 100%;
        display: block;
    }
    .component-friend-approval .mod-thumbLink figcaption {
        display: block;
        padding-top: 5px;
        padding-left: 32px;
    }
    .component-friend-approval .tandemBtn {
        margin-bottom: 0;
        margin-top: 4px;
    }
    .component-friend-approval+.component-pager {
        margin-top: -15px;
    }
    .component-friend-approval .mod-thumbLink>a img {
        width: 100%;
    }
    .component-friend-approval .mod-thumbLink .mod-check+a {
        margin-left: 0px;
    }
    .component-friend-approval.indent-zero .mod-thumbLink figcaption {
        margin-top: 5px;
        padding-left: 0;
        text-indent: 0;
    }
    .component-friend-approval.indent-zero .mod-thumbLink figcaption .mod-check {
        margin: 0 5px;
    }
    .component-friend-approval.indent-zero .mod-thumbLink figcaption .mod-check:before {
        top: 0;
        margin-top: 0px;
    }
    .component-friend-approval.indent-zero .mod-thumbLink figcaption .mod-check:after {
        top: 0;
        margin-top: 0px;
    }
    .component-friend-approval.indent-zero .mod-thumbLink figcaption .figLink {
        padding-left: 35px;
    }
}

.component-communityTopicsDetail:after {
    content: "";
    clear: both;
    display: block;
}

.component-communityTopicsDetail .qa-detail-title {
    border-bottom: 1px solid #d2dce7;
    padding: 15px;
}

.component-communityTopicsDetail .qa-detail-title>span {
    width: 80px;
    height: 20px;
    border-radius: 10px;
}

.component-communityTopicsDetail .qa-detail-title h4 {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.component-communityTopicsDetail .qa-detail-title-body {
    padding-left: 110px;
    padding-right: 20px;
}

.component-communityTopicsDetail .qa-detail-title-body .mod-articleData .mod-qaCategory {
    border-radius: 8px;
    top: -3px;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 18px;
    line-height: 1.8rem;
    width: auto;
    height: 18px;
    height: 18px;
    padding: 0px 15px;
    display: inline-block;
    margin-right: 10px;
}

.component-communityTopicsDetail .qa-detail-title-body h3 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 30px;
    line-height: 3rem;
    font-weight: bold;
}

.component-communityTopicsDetail .qa-detail-title-body .category-list {
    padding-top: 2px;
}

.component-communityTopicsDetail .communityTopicsDetail__thumb {
    float: left;
    width: 80px;
    padding-top: 6px;
}

.component-communityTopicsDetail .communityTopicsDetail__thumb__thumb-main img {
    width: 100%;
}

.component-communityTopicsDetail .communityTopicsDetail__body {
    margin-left: 105px;
    position: relative;
}

.component-communityTopicsDetail .communityTopicsDetail__body .communityTopicsDetail-topInfo+.communityTopicsDetail-text {
    padding-top: 8px;
    padding-right: 0;
}

.component-communityTopicsDetail .communityTopicsDetail__body .communityTopicsDetail-topInfo .comment-count {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 12px;
    line-height: 1.2rem;
    min-width: auto;
    height: auto;
    padding: 5px 10px;
    background: #f3dc1e;
    color: #004a83;
    display: inline-block;
    position: relative;
    top: -2px;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 11px;
    line-height: 1.1rem;
}

.component-communityTopicsDetail .communityTopicsDetail__body .communityTopicsDetail-topInfo .comment-count:after {
    top: 46%;
    right: 18px;
    width: 6px;
    height: 6px;
}

.component-communityTopicsDetail .communityTopicsDetail__body .communityTopicsDetail-text {
    padding-top: 0px;
    padding-right: 35px;
}

.component-communityTopicsDetail .communityTopicsDetail__body .date {
    margin-right: 10px;
}

.component-communityTopicsDetail .communityTopicsDetail__body .thumbBox {
    padding: 15px 0 0;
    margin: 0 -10px;
    font-size: 0;
}

.component-communityTopicsDetail .communityTopicsDetail__body .thumbBox img {
    width: 100%;
}

.component-communityTopicsDetail .communityTopicsDetail__body .evaluationBox {
    position: absolute;
    right: 5px;
    top: -2px;
    z-index: 1;
}

.component-communityTopicsDetail .communityTopicsDetail__body .supplement-box {
    margin: 30px 0;
}

.component-communityTopicsDetail .communityTopicsDetail__body .supplement-box-title {
    background: #e9eef3;
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 28px;
    line-height: 2.8rem;
    padding: 0 10px;
    margin-bottom: 5px;
    font-weight: bold;
}

.component-communityTopicsDetail .communityTopicsDetail__body .supplement-box-inner {
    padding: 10px 0;
    border-bottom: 1px dotted #d2dce7;
}

.component-communityTopicsDetail .communityTopicsDetail__body .supplement-box-inner:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.component-communityTopicsDetail h4 {
    margin-bottom: 15px;
    color: #555;
}

.component-communityTopicsDetail h4 a:before {
    content: none;
}

.component-communityTopicsDetail__status {
    color: #fff;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 20px;
    line-height: 2rem;
    text-decoration: none;
    float: left;
    text-align: center;
    width: 75px;
    position: relative;
    top: 3px;
    margin-right: 10px;
}

.component-communityTopicsDetail__status.is-expired {
    background: #E2E2E2;
    color: #555;
}

.component-communityTopicsDetail__status.accepting {
    background: #e2356e;
}

.component-communityTopicsDetail__status.is-done {
    background: #004a83;
}

@media screen and (max-width: 46em) {
    .component-communityTopicsDetail .qa-detail-title {
        padding: 10px 15px;
    }
    .component-communityTopicsDetail .qa-detail-title>span {
        width: 80px;
        float: none;
        display: inline-block;
    }
    .component-communityTopicsDetail .qa-detail-title h4 {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .component-communityTopicsDetail .qa-detail-title-body {
        padding: 10px 20px 0 0;
    }
    .component-communityTopicsDetail .qa-detail-title-body .mod-articleData .mod-qaCategory {
        border-radius: 8px;
        top: -3px;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 18px;
        line-height: 1.8rem;
        width: auto;
        height: 18px;
        height: 18px;
        padding: 0px 15px;
        display: inline-block;
        margin-right: 10px;
    }
    .component-communityTopicsDetail .qa-detail-title-body h3 {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 22px;
        line-height: 2.2rem;
        font-weight: bold;
        padding: 5px 0;
    }
    .component-communityTopicsDetail .qa-detail-title-body .mod-articleData .mod-qaCategory {
        margin-left: 0;
    }
    .component-communityTopicsDetail .communityTopicsDetail__thumb {
        width: 60px;
        padding-top: 0;
    }
    .component-communityTopicsDetail .communityTopicsDetail__thumb__thumb-main {
        padding-bottom: 5px;
    }
    .component-communityTopicsDetail .communityTopicsDetail__body {
        margin-left: 75px;
    }
    .component-communityTopicsDetail .communityTopicsDetail__body .date {
        display: block;
        padding-bottom: 5px;
    }
    .component-communityTopicsDetail .communityTopicsDetail__body .evaluationBox {
        position: static;
        right: 5px;
        top: -2px;
        z-index: 1;
        text-align: right;
        padding-top: 10px;
    }
    .component-communityTopicsDetail .communityTopicsDetail__body .evaluationBox .mod-likeBox {
        display: inline-block;
        float: none;
        text-align: left;
    }
    .component-communityTopicsDetail .communityTopicsDetail__body .evaluationBox .mod-commentEdit {
        display: inline-block;
        float: none;
        text-align: left;
    }
    .component-communityTopicsDetail .communityTopicsDetail__body .sp-center {
        margin-left: -70px;
    }
    .component-communityTopicsDetail .communityTopicsDetail__body .supplement-box {
        margin: 15px 0;
    }
    .component-communityTopicsDetail .communityTopicsDetail__body .supplement-box-title {
        background: #e9eef3;
        display: inline-block;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 24px;
        line-height: 2.4rem;
        padding: 0 10px;
        margin-bottom: 5px;
        font-weight: bold;
    }
    .component-communityTopicsDetail .communityTopicsDetail__body .thumbBox {
        padding: 15px 0 0;
        margin: 0 -5px;
        font-size: 0;
    }
    .component-communityTopicsDetail .communityTopicsDetail__body .thumbBox img {
        width: 100%;
    }
    .component-communityTopicsDetail .communityTopicsDetail__body .communityTopicsDetail-text {
        padding-right: 0;
    }
    .component-communityTopicsDetail.is-list {
        position: relative;
    }
    .component-communityTopicsDetail.is-list .templateDetail__thumb {
        position: absolute;
        left: 0;
        top: 0;
        width: 100px;
    }
    .component-communityTopicsDetail.is-list .templateDetail__thumb__thumb-main {
        padding-bottom: 5px;
    }
    .component-communityTopicsDetail.is-list .templateDetail__thumb__thumb-list {
        text-align: center;
    }
    .component-communityTopicsDetail.is-list .templateDetail__thumb__thumb-list li {
        float: none;
        display: inline-block;
    }
    .component-communityTopicsDetail.is-list .templateDetail__body {
        margin-top: 0;
    }
    .component-communityTopicsDetail.is-list .templateDetail__body .headline--lv4 {
        min-height: 115px;
        padding: 0 0 15px 115px;
        display: flex;
        align-items: center;
    }
    .component-communityTopicsDetail.is-list .templateDetail__body .template-text {
        display: none;
    }
}

.component-qa-ranking,
.component-qa-ranking--user {
    margin: 20px;
    border: 1px solid #d2dce7;
}

.component-qa-ranking .ranking-ttl,
.component-qa-ranking--user .ranking-ttl {
    color: #fff;
    background: #668ab1;
    padding: 5px 15px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 16px;
    line-height: 1.6rem;
    font-weight: bold;
    position: relative;
}

.component-qa-ranking .ranking-ttl::before,
.component-qa-ranking--user .ranking-ttl::before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(/common/img/icon-ranking.svg) no-repeat;
    vertical-align: middle;
    background-size: 32px;
    margin-right: 15px;
}

.component-qa-ranking .ranking-ttl .date,
.component-qa-ranking--user .ranking-ttl .date {
    position: absolute;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 22.2px;
    line-height: 2.22rem;
    font-weight: normal;
    top: 50%;
    margin-top: -11px;
    right: 20px;
}

.component-qa-ranking .ranking-content li:not(:first-child),
.component-qa-ranking--user .ranking-content li:not(:first-child) {
    border-top: 1px solid #d2dce7;
}

.component-qa-ranking .ranking-content li.listTitle,
.component-qa-ranking--user .ranking-content li.listTitle {
    padding: 5px 15px;
    background: #e9eef3;
    position: relative;
    padding-right: 84px;
}

.component-qa-ranking .ranking-content li.listTitle span,
.component-qa-ranking--user .ranking-content li.listTitle span {
    display: inline-block;
}

.component-qa-ranking .ranking-content li.listTitle span.rank,
.component-qa-ranking--user .ranking-content li.listTitle span.rank {
    width: 41px;
}

.component-qa-ranking .ranking-content li.listTitle span.ttl,
.component-qa-ranking--user .ranking-content li.listTitle span.ttl {
    left: 56px;
}

.component-qa-ranking .ranking-content li.listTitle span.elNumber,
.component-qa-ranking--user .ranking-content li.listTitle span.elNumber {
    position: absolute;
    right: 20px;
}

.component-qa-ranking .ranking-content li a,
.component-qa-ranking--user .ranking-content li a {
    background-size: 30px 30px !important;
    background-position: 10px 14px !important;
    display: block;
    position: relative;
}

.component-qa-ranking .ranking-content li a .elNumber,
.component-qa-ranking--user .ranking-content li a .elNumber {
    position: absolute;
    top: 15px;
    right: 20px;
}

.component-qa-ranking+.link-blockAfter,
.component-qa-ranking--user+.link-blockAfter {
    padding-right: 20px;
}

.component-qa-ranking .ranking-content li a {
    padding: 15px 84px 15px 56px;
}

.component-qa-ranking .ranking-content li.firstPlace a {
    background: url(/common/img/icon-ranking-num-1.png) no-repeat;
}

.component-qa-ranking .ranking-content li.secondPlace a {
    background: url(/common/img/icon-ranking-num-2.png) no-repeat;
}

.component-qa-ranking .ranking-content li.thirdPlace a {
    background: url(/common/img/icon-ranking-num-3.png) no-repeat;
}

.component-qa-ranking .ranking-content li.forthPlace a {
    background: url(/common/img/icon-ranking-num-4.png) no-repeat;
}

.component-qa-ranking .ranking-content li.fifthPlace a {
    background: url(/common/img/icon-ranking-num-5.png) no-repeat;
}

.component-qa-ranking .ranking-content li.no-Place {
    position: relative;
}

.component-qa-ranking .ranking-content li.no-Place .number {
    width: 26px;
    height: 26px;
    border-radius: 13px;
    background: #668ab1;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 13px;
    top: 16px;
    font-weight: bold;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 24px;
    line-height: 2.4rem;
    padding-top: 2px;
}

.component-qa-ranking--user .ranking-content li a {
    padding: 15px 84px 15px 15px;
}

.component-qa-ranking--user .ranking-content li a:after {
    content: "";
    clear: both;
    display: block;
}

.component-qa-ranking--user .ranking-content li a .thumb {
    position: relative;
    float: left;
}

.component-qa-ranking--user .ranking-content li a .thumb::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: -5px;
    top: -5px;
    z-index: 3;
}

.component-qa-ranking--user .ranking-content li a p {
    line-height: 1.6;
    margin: -4px 0 0 50px;
}

.component-qa-ranking--user .ranking-content li.firstPlace a .thumb::before {
    background: url(/common/img/icon-ranking-num-1.png) no-repeat;
    background-size: 16px 16px;
}

.component-qa-ranking--user .ranking-content li.secondPlace a .thumb::before {
    background: url(/common/img/icon-ranking-num-2.png) no-repeat;
    background-size: 16px 16px;
}

.component-qa-ranking--user .ranking-content li.thirdPlace a .thumb::before {
    background: url(/common/img/icon-ranking-num-3.png) no-repeat;
    background-size: 16px 16px;
}

.component-qa-ranking--user .ranking-content li.forthPlace a .thumb::before {
    background: url(/common/img/icon-ranking-num-4.png) no-repeat;
    background-size: 16px 16px;
}

.component-qa-ranking--user .ranking-content li.fifthPlace a .thumb::before {
    background: url(/common/img/icon-ranking-num-5.png) no-repeat;
    background-size: 16px 16px;
}

.component-qa-ranking--user .ranking-content li.no-Place {
    position: relative;
}

.component-qa-ranking--user .ranking-content li.no-Place .thumb .number {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #668ab1;
    color: #fff;
    text-align: center;
    position: absolute;
    left: -4px;
    top: -4px;
    font-weight: bold;
    font-size: 9px;
    font-size: 0.9rem;
    line-height: 20px;
    line-height: 2rem;
}

@media screen and (max-width: 46em) {
    .component-qa-ranking,
    .component-qa-ranking--user {
        margin: 20px;
        border: 1px solid #d2dce7;
    }
    .component-qa-ranking .ranking-ttl,
    .component-qa-ranking--user .ranking-ttl {
        color: #fff;
        background: #668ab1;
        padding: 5px 10px;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 16px;
        line-height: 1.6rem;
        font-weight: bold;
        position: relative;
    }
    .component-qa-ranking .ranking-ttl::before,
    .component-qa-ranking--user .ranking-ttl::before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url(/common/img/icon-ranking.svg) no-repeat;
        vertical-align: middle;
        background-size: 20px;
        margin-right: 5px;
    }
    .component-qa-ranking .ranking-ttl .date,
    .component-qa-ranking--user .ranking-ttl .date {
        position: absolute;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 20.35px;
        line-height: 2.035rem;
        font-weight: normal;
        top: 50%;
        margin-top: -11px;
        right: 10px;
    }
    .component-qa-ranking .ranking-content li:not(:first-child),
    .component-qa-ranking--user .ranking-content li:not(:first-child) {
        border-top: 1px solid #d2dce7;
    }
    .component-qa-ranking .ranking-content li.listTitle,
    .component-qa-ranking--user .ranking-content li.listTitle {
        padding: 5px 15px;
        background: #e9eef3;
        position: relative;
        padding-right: 84px;
    }
    .component-qa-ranking .ranking-content li.listTitle span,
    .component-qa-ranking--user .ranking-content li.listTitle span {
        display: inline-block;
    }
    .component-qa-ranking .ranking-content li.listTitle span.rank,
    .component-qa-ranking--user .ranking-content li.listTitle span.rank {
        width: 41px;
    }
    .component-qa-ranking .ranking-content li.listTitle span.ttl,
    .component-qa-ranking--user .ranking-content li.listTitle span.ttl {
        left: 56px;
    }
    .component-qa-ranking .ranking-content li.listTitle span.elNumber,
    .component-qa-ranking--user .ranking-content li.listTitle span.elNumber {
        position: absolute;
        right: 20px;
    }
    .component-qa-ranking .ranking-content li a,
    .component-qa-ranking--user .ranking-content li a {
        background-size: 30px 30px !important;
        background-position: 10px 14px !important;
        display: block;
        position: relative;
    }
    .component-qa-ranking .ranking-content li a .elNumber,
    .component-qa-ranking--user .ranking-content li a .elNumber {
        position: absolute;
        top: 15px;
        right: 20px;
    }
    .component-qa-ranking+.link-blockAfter,
    .component-qa-ranking--user+.link-blockAfter {
        padding-right: 20px;
    }
    .component-qa-ranking .ranking-ttl .date {
        position: static;
        display: block;
        padding-left: 25px;
        padding-top: 10px;
    }
}

.component-estimateDeadlineList {
    border-right: none;
    border-top: 1px solid #d2dce7;
}

.component-estimateDeadlineList>ul>li {
    border-bottom: 1px solid #d2dce7;
}

.component-estimateDeadlineList>ul>li:last-child {
    border-bottom: none;
}

.component-estimateDeadlineList .list {
    width: 100%;
    padding: 15px 25px;
    display: table;
    -webkkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.component-estimateDeadlineList .list>.list-section {
    padding-left: 15px;
    display: table-cell;
    vertical-align: middle;
    -webkkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.component-estimateDeadlineList .list>.list-section:first-child {
    width: 70%;
    padding-left: 0;
}

.component-estimateDeadlineList .list>.list-section .list-section-inner {
    width: 100%;
    display: table;
}

.component-estimateDeadlineList .list>.list-section .list-section-inner>* {
    display: table-cell;
    vertical-align: top;
}

.component-estimateDeadlineList .list>.list-section .list-section-inner.contents-block {
    display: block;
}

.component-estimateDeadlineList .list>.list-section .list-section-inner.contents-block>* {
    display: block;
}

.component-estimateDeadlineList .list>.list-section .checkbox {
    width: 35px;
}

.component-estimateDeadlineList .list>.list-section .date {
    width: 120px;
}

.component-estimateDeadlineList .list>.list-section .date.no-icon {
    width: 110px;
}

.component-estimateDeadlineList .list>.list-section .date .mod-category {
    width: 54px;
    margin-left: 10px;
    display: inline-block;
    float: none;
    top: -1px;
    position: relative;
}

.component-estimateDeadlineList .list>.list-section .title a {
    width: 100%;
    display: inline-block;
}

.component-estimateDeadlineList .list>.list-section .title.full-size {
    width: 100%;
    font-weight: bold;
}

.component-estimateDeadlineList .list>.list-section .title .mod-category+.mod-category {
    margin-left: 5px;
}

.component-estimateDeadlineList .list>.list-section .estimate-column,
.component-estimateDeadlineList .list>.list-section .deadline-column {
    vertical-align: middle;
    text-align: center;
}

.component-estimateDeadlineList .list>.list-section .estimate-column .label,
.component-estimateDeadlineList .list>.list-section .deadline-column .label {
    font-weight: bold;
    white-space: nowrap;
}

.component-estimateDeadlineList .list>.list-section .estimate-column .num,
.component-estimateDeadlineList .list>.list-section .deadline-column .num {
    font-weight: bold;
    white-space: nowrap;
    display: inline-block;
}

.component-estimateDeadlineList .list>.list-section .deadline-column .num {
    color: #e2356e;
}

.component-estimateDeadlineList .list>.list-section .deadline-column .end {
    color: #e2356e;
    font-weight: bold;
}

.component-estimateDeadlineList .list>.list-section .btn-column {
    width: 165px;
    vertical-align: middle;
}

.component-estimateDeadlineList .list>.list-section .btn-column a {
    min-width: 0;
    padding: 15px;
}

.component-estimateDeadlineList .list>.list-section .label-column {
    width: 85px;
    vertical-align: middle;
}

.component-estimateDeadlineList .list>.list-section .label-column .mod-category {
    width: 74px;
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
    float: none;
    background-color: #f3dc1e;
    color: #004a83;
}

.component-estimateDeadlineList:first-child {
    border-top: none;
}

.component-estimateDeadlineList:last-child {
    border: none;
}

.component-estimateDeadlineList.with-btn .list>.list-section:first-child {
    width: 55%;
}

@media screen and (max-width: 46em) {
    .component-estimateDeadlineList {
        overflow: hidden;
    }
    .component-estimateDeadlineList .list {
        padding: 15px;
        display: block;
    }
    .component-estimateDeadlineList .list>.list-section {
        margin-top: 10px;
        padding-left: 0;
        display: block;
    }
    .component-estimateDeadlineList .list>.list-section:after {
        content: "";
        clear: both;
        display: block;
    }
    .component-estimateDeadlineList .list>.list-section:first-child {
        width: 100%;
        margin-top: 0;
        padding-left: 0;
    }
    .component-estimateDeadlineList .list>.list-section .list-section-inner {
        display: block;
    }
    .component-estimateDeadlineList .list>.list-section .list-section-inner:after {
        content: "";
        clear: both;
        display: block;
    }
    .component-estimateDeadlineList .list>.list-section .list-section-inner>* {
        display: block;
    }
    .component-estimateDeadlineList .list>.list-section .checkbox {
        display: inline-block;
        vertical-align: middle;
    }
    .component-estimateDeadlineList .list>.list-section .checkbox+.date {
        margin-left: 10px;
        display: inline-block;
    }
    .component-estimateDeadlineList .list>.list-section .checkbox+.date .mod-category {
        top: 0;
        vertical-align: middle;
    }
    .component-estimateDeadlineList .list>.list-section .date+.title {
        margin-top: 10px;
    }
    .component-estimateDeadlineList .list>.list-section .estimate-column,
    .component-estimateDeadlineList .list>.list-section .deadline-column {
        width: auto;
        float: left;
        padding-right: 15px;
    }
    .component-estimateDeadlineList .list>.list-section .estimate-column .label,
    .component-estimateDeadlineList .list>.list-section .deadline-column .label {
        display: inline-block;
    }
    .component-estimateDeadlineList .list>.list-section .btn-column,
    .component-estimateDeadlineList .list>.list-section .label-column {
        width: 100%;
        margin-top: 15px;
        clear: both;
        float: left;
        display: block;
    }
    .component-estimateDeadlineList .list>.list-section .btn-column {
        text-align: center;
    }
    .component-estimateDeadlineList .list>.list-section .btn-column>ul {
        font-size: 0;
    }
    .component-estimateDeadlineList .list>.list-section .btn-column li {
        width: 48%;
        padding-right: 0;
        margin-left: 4%;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 19px;
        line-height: 1.9rem;
        -webkkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .component-estimateDeadlineList .list>.list-section .btn-column li:first-child {
        margin-left: 0;
    }
    .component-estimateDeadlineList .list>.list-section .btn-column a {
        width: 100%;
        -webkkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .component-estimateDeadlineList .list>.list-section .btn-column:empty {
        margin-top: 0;
    }
    .component-estimateDeadlineList .list>.list-section .label-column {
        width: 100%;
        text-align: right;
    }
    .component-estimateDeadlineList .list>.list-section .label-column li {
        width: 100%;
        margin: 0;
        margin-top: 10px;
    }
    .component-estimateDeadlineList .list>.list-section .label-column li:first-child {
        margin-top: 0;
    }
    .component-estimateDeadlineList .list>.list-section .label-column li .mod-category {
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        margin: 0;
        position: static;
    }
    .component-estimateDeadlineList.with-btn .list>.list-section:first-child {
        width: 100%;
    }
}


/*activity_setting*/

.component-blueListBox {
    padding: 20px 10px 10px;
}

.component-blueListBox .blueListBox {
    padding: 10px 15px 15px;
    background: #e9eef3;
}

.component-blueListBox .blueListBox__list {
    padding-top: 10px;
}

.component-blueListBox .blueListBox__list .link-arrow {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 25.9px;
    line-height: 2.59rem;
}

.component-blueListBox .blueListBox .headline--lv4 {
    display: table;
    width: 100%;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 26px;
    line-height: 2.6rem;
}

.component-blueListBox .blueListBox .headline--lv4 span {
    display: table-cell;
    vertical-align: middle;
}

.component-blueListBox .blueListBox .headline--lv4 span a {
    color: #004a83;
}

.component-blueListBox .blueListBox .component-blueListBox {
    padding-top: 0;
}

.component-blueListBox.blueListBox__col-1 {
    padding: 20px;
}

.component-blueListBox.blueListBox__col-1 .blueListBox__col-1-inner {
    padding: 0;
    margin: 0 -15px;
}

.component-blueListBox.blueListBox__col-1 .blueListBox__col-1-inner [class*=col-] {
    padding: 0 15px 10px;
}

.component-blueListBox+.component-blueListBox {
    padding-top: 0;
}

@media screen and (max-width: 46em) {
    .component-blueListBox {
        padding: 15px 10px 5px;
    }
    .component-blueListBox .blueListBox__list .link-arrow {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 22.2px;
        line-height: 2.22rem;
    }
    .component-blueListBox .blueListBox .headline--lv4 {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 22px;
        line-height: 2.2rem;
        padding: 0 0 6px;
    }
    .component-blueListBox.blueListBox__col-1 .blueListBox__col-1-inner .col-1-2 {
        padding-bottom: 0;
    }
}

.component-bottom-gradationBox .limited-hide {
    position: relative;
    min-height: 210px;
}

.component-bottom-gradationBox .limited-hide:before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 80%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.9+50,1+100 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, white 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, white 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, white 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
    z-index: 2;
}

.component-bottom-gradationBox .limited-hide .overlap-btn {
    position: absolute;
    bottom: 20px;
    z-index: 3;
    width: 100%;
    padding: 0 20px;
    text-align: center;
}

.component-bottom-gradationBox.estimate .limited-hide {
    height: 420px;
    overflow: hidden;
}

.component-bottom-gradationBox.estimate .limited-hide:before {
    height: 60%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.9+50,1+100 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 30%, white 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 30%, white 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 30%, white 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
}

.estimate .component-bottom-gradationBox .mod-table th {
    font-weight: bold;
}

@media screen and (max-width: 46em) {
    .component-bottom-gradationBox.estimate .limited-hide {
        height: 460px;
        overflow: hidden;
    }
}

.component-map {
    position: relative;
    height: 490px;
}

.component-map .map {
    width: 514px;
    height: 470px;
    position: absolute;
    top: 15px;
    right: 30px;
}

.component-map .map li {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 20.35px;
    line-height: 2.035rem;
    position: absolute;
    display: table;
    z-index: 2;
}

.component-map .map li a {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    background: #668ab1;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    transition: all 0.3s 0s ease;
}

.component-map .map li a:hover {
    text-decoration: none;
    background: #f3dc1e;
    color: #004a83;
}

.component-map .map .hokkaido {
    width: 98px;
    height: 98px;
    top: 0;
    left: 416px;
}

.component-map .map .aomori {
    width: 62px;
    height: 30px;
    top: 110px;
    left: 416px;
}

.component-map .map .iwate {
    width: 30px;
    height: 30px;
    top: 142px;
    left: 448px;
}

.component-map .map .miyagi {
    width: 30px;
    height: 30px;
    top: 174px;
    left: 448px;
}

.component-map .map .akita {
    width: 30px;
    height: 30px;
    top: 142px;
    left: 416px;
}

.component-map .map .yamagata {
    width: 30px;
    height: 30px;
    top: 174px;
    left: 416px;
}

.component-map .map .fukushima {
    width: 30px;
    height: 30px;
    top: 206px;
    left: 448px;
}

.component-map .map .ibaraki {
    width: 30px;
    height: 30px;
    top: 238px;
    left: 448px;
}

.component-map .map .tochigi {
    width: 30px;
    height: 30px;
    top: 238px;
    left: 416px;
}

.component-map .map .gunma {
    width: 30px;
    height: 30px;
    top: 238px;
    left: 384px;
}

.component-map .map .chiba {
    width: 30px;
    height: 62px;
    top: 270px;
    left: 448px;
}

.component-map .map .saitama {
    width: 30px;
    height: 30px;
    top: 270px;
    left: 416px;
}

.component-map .map .tokyo {
    width: 30px;
    height: 30px;
    top: 302px;
    left: 416px;
}

.component-map .map .kanagawa {
    width: 62px;
    height: 30px;
    top: 302px;
    left: 352px;
}

.component-map .map .niigata {
    width: 62px;
    height: 30px;
    top: 206px;
    left: 384px;
}

.component-map .map .toyama {
    width: 62px;
    height: 30px;
    top: 238px;
    left: 320px;
}

.component-map .map .ishikawa {
    width: 30px;
    height: 62px;
    top: 206px;
    left: 288px;
}

.component-map .map .fukui {
    width: 30px;
    height: 30px;
    top: 238px;
    left: 256px;
}

.component-map .map .yamanashi {
    width: 30px;
    height: 30px;
    top: 270px;
    left: 384px;
}

.component-map .map .nagano {
    width: 62px;
    height: 30px;
    top: 270px;
    left: 320px;
}

.component-map .map .gifu {
    width: 30px;
    height: 30px;
    top: 270px;
    left: 288px;
}

.component-map .map .shizuoka {
    width: 30px;
    height: 62px;
    top: 302px;
    left: 320px;
}

.component-map .map .aichi {
    width: 30px;
    height: 30px;
    top: 302px;
    left: 288px;
}

.component-map .map .mie {
    width: 30px;
    height: 30px;
    top: 302px;
    left: 256px;
}

.component-map .map .shiga {
    width: 30px;
    height: 30px;
    top: 270px;
    left: 256px;
}

.component-map .map .kyoto {
    width: 30px;
    height: 30px;
    top: 270px;
    left: 224px;
}

.component-map .map .osaka {
    width: 30px;
    height: 30px;
    top: 302px;
    left: 224px;
}

.component-map .map .hyogo {
    width: 30px;
    height: 62px;
    top: 270px;
    left: 192px;
}

.component-map .map .nara {
    width: 30px;
    height: 30px;
    top: 334px;
    left: 224px;
}

.component-map .map .wakayama {
    width: 62px;
    height: 30px;
    top: 334px;
    left: 256px;
}

.component-map .map .tottori {
    width: 30px;
    height: 30px;
    top: 270px;
    left: 160px;
}

.component-map .map .shimane {
    width: 30px;
    height: 30px;
    top: 270px;
    left: 128px;
}

.component-map .map .okayama {
    width: 30px;
    height: 30px;
    top: 302px;
    left: 160px;
}

.component-map .map .hiroshima {
    width: 30px;
    height: 30px;
    top: 302px;
    left: 128px;
}

.component-map .map .yamaguchi {
    width: 30px;
    height: 62px;
    top: 270px;
    left: 96px;
}

.component-map .map .tokushima {
    width: 30px;
    height: 30px;
    top: 398px;
    left: 160px;
}

.component-map .map .kagawa {
    width: 30px;
    height: 30px;
    top: 366px;
    left: 160px;
}

.component-map .map .ehime {
    width: 30px;
    height: 30px;
    top: 366px;
    left: 128px;
}

.component-map .map .kochi {
    width: 30px;
    height: 30px;
    top: 398px;
    left: 128px;
}

.component-map .map .fukuoka {
    width: 30px;
    height: 30px;
    top: 334px;
    left: 64px;
}

.component-map .map .saga {
    width: 30px;
    height: 30px;
    top: 334px;
    left: 32px;
}

.component-map .map .nagasaki {
    width: 30px;
    height: 30px;
    top: 334px;
    left: 0;
}

.component-map .map .kumamoto {
    width: 30px;
    height: 30px;
    top: 366px;
    left: 0;
}

.component-map .map .oita {
    width: 62px;
    height: 30px;
    top: 366px;
    left: 32px;
}

.component-map .map .miyazaki {
    width: 30px;
    height: 30px;
    top: 398px;
    left: 64px;
}

.component-map .map .kagoshima {
    width: 62px;
    height: 30px;
    top: 398px;
    left: 0;
}

.component-map .map .okinawa {
    width: 30px;
    height: 30px;
    top: 440px;
    left: 0;
}

.component-map .list {
    padding: 15px 30px;
    z-index: 1;
    position: relative;
}

.component-map .list>p {
    display: inline-block;
}

.component-map .list>p:after {
    content: "｜";
    display: inline-block;
    width: 12px;
    height: 1px;
    text-align: center;
}

.component-map .list>p a {
    padding-bottom: 5px;
    display: inline-block;
}

@media screen and (max-width: 46em) {
    .component-map {
        height: auto;
    }
    .component-map .map {
        display: none;
    }
    .component-map .list {
        display: none;
    }
    .component-map .select-wrap {
        display: block;
    }
}

.component-point-appeal {
    padding: 45px;
}

.component-point-appeal [class*=pointBtn-] {
    margin-top: 20px;
}

.component-point-appeal .point-possession {
    text-align: center;
    position: relative;
    width: 100%;
    padding: 20px 20px 45px;
    background-size: 75px;
    color: #004a83;
    font-weight: bold;
}

.component-point-appeal .point-possession .image {
    display: inline-block;
    top: 15px;
    position: relative;
    margin-right: 15px;
}

.component-point-appeal .point-possession .image img {
    width: 75px;
    height: 75px;
    display: block;
}

.component-point-appeal .point-possession-inner {
    display: inline-block;
}

.component-point-appeal .point-possession-inner span {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
    line-height: 1.4rem;
    letter-spacing: 1px;
    display: inline-block;
}

.component-point-appeal .point-possession-inner p {
    padding: 10px 5px 0;
    display: inline-block;
    font-size: 40px;
    font-size: 4rem;
    line-height: 40px;
    line-height: 4rem;
    border-bottom: 6px solid #f3dc1e;
}

.component-point-appeal .point-possession-inner p small {
    font-size: 20px;
    font-size: 2rem;
    line-height: 14px;
    line-height: 1.4rem;
    display: inline-block;
    padding-left: 5px;
}

.component-point-appeal .point-appeal-btn {
    margin: 0 -10px;
    padding: 0;
}

.component-point-appeal .point-appeal-btn [class*=col-] {
    padding: 0 10px 0;
}

.component-point-appeal .point-appeal-btn [class*=col-] .btn span {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 22px;
    line-height: 2.2rem;
    padding-top: 5px;
    display: inline-block;
}

.component-point-appeal .point-topCopy {
    padding: 20px 0 40px 0;
    text-align: center;
}

.component-point-appeal .appeal-box {
    color: #fff !important;
    border-radius: 10px;
    background: #1d669f;
    overflow: hidden;
    margin-bottom: 22px;
    position: relative;
    display: block;
    text-decoration: none;
    transition: all 0.3s 0s ease;
}

.component-point-appeal .appeal-box:after {
    content: "";
    clear: both;
    display: block;
}

.component-point-appeal .appeal-box:hover {
    color: #fff;
    opacity: 0.85;
}

.component-point-appeal .appeal-box.use-1:hover {
    opacity: 1;
}

.component-point-appeal .appeal-box-inner {
    padding: 30px 0 30px 285px;
}

.component-point-appeal .appeal-box-inner .title {
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 18px;
    line-height: 1.8rem;
    padding-bottom: 15px;
}

.component-point-appeal .appeal-box-inner .title span {
    color: #f3dc1e;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 48.1px;
    line-height: 4.81rem;
}

.component-point-appeal .appeal-box-inner .title.single {
    margin-top: -4px;
    padding-bottom: 0;
}

.component-point-appeal .appeal-box-inner .title.single+.copy {
    padding-bottom: 3px;
}

.component-point-appeal .appeal-box-inner .copy {
    letter-spacing: 1px;
}

.component-point-appeal .appeal-box-inner .copy span {
    color: #f3dc1e;
}

.component-point-appeal .appeal-box .image {
    position: absolute;
}

.component-point-appeal .appeal-box .linkBox {
    background: #004a83;
    color: #fff;
    font-weight: bold;
    height: 50px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 50px;
    line-height: 5rem;
    text-decoration: none;
    display: block;
}

.component-point-appeal .appeal-box .linkBox p {
    padding-right: 20px;
    position: relative;
    margin-right: 20px;
}

.component-point-appeal .appeal-box .linkBox p::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    margin-top: -5px;
}

.component-point-appeal .appeal-box:last-child {
    margin-bottom: 0;
}

.component-point-appeal .appeal-box.save-1 .image {
    top: 24px;
    left: 13px;
}

.component-point-appeal .appeal-box.save-2 .image {
    top: 8px;
    left: 42px;
}

.component-point-appeal .appeal-box.save-3 .image {
    top: 28px;
    left: 46px;
}

.component-point-appeal .appeal-box.use-1 .image {
    bottom: 0;
    left: 48px;
}

.component-point-appeal .appeal-box.use-2 .image {
    top: 19px;
    left: 20px;
}

.component-point-appeal .appeal-box.use-3 .image {
    top: 28px;
    left: 46px;
}

.component-point-appeal+.inner {
    padding-top: 0px;
    margin-bottom: 25px;
}

@media screen and (max-width: 46em) {
    .component-point-appeal {
        padding: 20px;
    }
    .component-point-appeal [class*=pointBtn-] {
        margin-top: 10px;
    }
    .component-point-appeal .point-possession {
        padding: 10px 15px 20px;
        background-size: 75px;
    }
    .component-point-appeal .point-possession .image {
        display: inline-block;
        top: 10px;
        position: relative;
        margin-right: 10px;
    }
    .component-point-appeal .point-possession .image img {
        width: 50px;
        height: auto;
        display: block;
    }
    .component-point-appeal .point-possession-inner {
        padding-top: 5px;
    }
    .component-point-appeal .point-possession-inner span {
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 12px;
        line-height: 1.2rem;
        letter-spacing: 1px;
        display: inline-block;
    }
    .component-point-appeal .point-possession-inner p {
        padding: 8px 5px 0;
        display: inline-block;
        font-size: 28px;
        font-size: 2.8rem;
        line-height: 30px;
        line-height: 3rem;
        border-bottom: 4px solid #f3dc1e;
    }
    .component-point-appeal .point-possession-inner p small {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 14px;
        line-height: 1.4rem;
        display: inline-block;
        padding-left: 5px;
    }
    .component-point-appeal .point-appeal-btn {
        margin: 0 -10px;
        padding: 0;
    }
    .component-point-appeal .point-appeal-btn [class*=col-] {
        padding: 0 10px 0;
    }
    .component-point-appeal .point-appeal-btn [class*=col-] .btn span {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 18px;
        line-height: 1.8rem;
        padding-top: 5px;
        display: inline-block;
    }
    .component-point-appeal .point-topCopy {
        padding: 20px 0 20px 0;
        text-align: center;
    }
    .component-point-appeal .appeal-box {
        color: #fff;
        border-radius: 5px;
        background: #1d669f;
        overflow: hidden;
        margin-bottom: 22px;
    }
    .component-point-appeal .appeal-box:after {
        content: "";
        clear: both;
        display: block;
    }
    .component-point-appeal .appeal-box:hover {
        color: #fff;
        opacity: 1;
    }
    .component-point-appeal .appeal-box-inner {
        padding: 15px;
    }
    .component-point-appeal .appeal-box-inner .title {
        letter-spacing: 1px;
        font-weight: bold;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 18px;
        line-height: 1.8rem;
        padding-bottom: 10px;
    }
    .component-point-appeal .appeal-box-inner .title span {
        color: #f3dc1e;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
    .component-point-appeal .appeal-box-inner .copy {
        letter-spacing: 1px;
    }
    .component-point-appeal .appeal-box-inner .copy span {
        color: #f3dc1e;
    }
    .component-point-appeal .appeal-box .image {
        float: none;
        margin: 20px 20px 0 20px;
        text-align: center;
        position: static;
    }
    .component-point-appeal .appeal-box .image img {
        max-width: 100%;
    }
    .component-point-appeal .appeal-box .linkBox {
        padding: 0 26px;
        background: #004a83;
    }
    .component-point-appeal .appeal-box .linkBox p {
        margin-right: 0;
    }
    .component-point-appeal .appeal-box .linkBox a {
        color: #fff;
        font-weight: bold;
        height: 40px;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 40px;
        line-height: 4rem;
        text-decoration: none;
    }
    .component-point-appeal .appeal-box:last-child {
        margin-bottom: 0;
    }
    .component-point-appeal .appeal-box.save-1 .image {
        margin: 20px 20px 0 20px;
    }
    .component-point-appeal .appeal-box.save-2 .image {
        margin: 20px 20px 0 20px;
        height: 218px;
        overflow: hidden;
    }
    .component-point-appeal .appeal-box.save-3 .image {
        margin: 20px 20px 0 20px;
    }
    .component-point-appeal+.inner {
        margin-top: 0px;
        margin-bottom: 10px;
    }
}

.component-login-subPage {
    width: 100%;
    height: 100vh;
    min-height: 500px;
    position: relative;
    background: #fff;
    top: -20px;
    height: calc(100vh - 356px);
}

.component-login-subPage:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(/common/img/top-bg-mesh.png);
    position: absolute;
    top: 0;
    left: 0;
}

.component-login-subPage__inner {
    max-width: 1280px;
    height: 100%;
    position: relative;
    z-index: 2;
    margin: 0 auto;
}

.component-login-subPage .textLeft-wrap {
    width: 100%;
    position: absolute;
    bottom: 0;
    background: rgba(0, 74, 131, 0.6);
    z-index: 2;
    padding: 30px 0;
}

.component-login-subPage .textLeft-wrap .textLeft {
    color: #fff;
    margin: 0 auto;
    max-width: 1320px;
    padding-left: 40px;
}

.component-login-subPage .textLeft-wrap .textLeft__text {
    width: 100%;
    letter-spacing: .075em;
}

.component-login-subPage .textLeft-wrap .textLeft__text h1 {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 42px;
    line-height: 4.2rem;
    color: #f3dc1e;
    font-weight: bold;
    padding-bottom: 6px;
}

.component-login-subPage .textLeft-wrap .textLeft__text h2 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 33px;
    line-height: 3.3rem;
    font-weight: bold;
    margin-bottom: 3px;
}

.component-login-subPage.community {
    background: url(/common/img/community-mainVisual.png) no-repeat;
    background-size: cover;
}

.component-login-subPage.topics {
    padding: 40px 40px 60px;
    background: url(/common/img/topics-mainVisual.png) no-repeat;
    background-size: cover;
    height: auto;
    min-height: 0;
}

.component-login-subPage.topics:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(/common/img/top-bg-mesh2.png);
    position: absolute;
    left: 0;
    top: 0;
}

.component-login-subPage.topics .component-login-subPage__inner {
    height: auto;
}

.component-login-subPage.topics .component-login-subPage__inner:after {
    content: "";
    clear: both;
    display: block;
}

.component-login-subPage.topics .component-loginBox {
    top: 40px;
}

.component-login-subPage.topics .topics-login-title {
    background: none;
    float: left;
    padding: 30px 400px 0 40px;
}

.component-login-subPage.topics .topics-login-title h1 {
    color: #fff;
    border-bottom: 5px solid #f3dc1e;
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 34px;
    line-height: 3.4rem;
    font-weight: bold;
    display: inline-block;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.component-login-subPage.topics .topics-login-title h2 {
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 18px;
    line-height: 1.8rem;
}

.component-login-subPage.topics .topics-login-title p {
    color: #fff;
}

.component-login-subPage.topics .topics-illustration {
    position: relative;
    z-index: 2;
    padding: 60px 40px 0;
    max-width: 1280px;
    margin: 0 auto;
    text-align: center;
}

.component-login-subPage.topics .topics-illustration img {
    max-width: 100%;
    height: auto;
}

@media screen and (max-width: 46em) {
    .component-login-subPage {
        width: 100%;
        height: inherit;
        position: relative;
        background: #fff;
        background-size: cover;
        top: -20px;
        min-height: 300px;
    }
    .component-login-subPage:after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background: url(/common/img/top-bg-mesh.png);
        position: absolute;
        top: 0;
        left: 0;
    }
    .component-login-subPage__inner {
        max-width: inherit;
        position: relative;
        z-index: 2;
        margin: 0 auto;
    }
    .component-login-subPage .textLeft-wrap {
        padding: 0;
    }
    .component-login-subPage .textLeft-wrap .textLeft {
        color: #fff;
        padding: 15px;
        top: inherit;
        margin-top: 0;
        bottom: 0;
    }
    .component-login-subPage .textLeft-wrap .textLeft__text {
        width: 100%;
        letter-spacing: .075em;
    }
    .component-login-subPage .textLeft-wrap .textLeft__text h1 {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 28px;
        line-height: 2.8rem;
        color: #f3dc1e;
        font-weight: bold;
    }
    .component-login-subPage .textLeft-wrap .textLeft__text h2 {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 25.9px;
        line-height: 2.59rem;
        font-weight: bold;
        margin-bottom: 3px;
    }
    .component-login-subPage .textLeft-wrap .textLeft__text p {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 22.2px;
        line-height: 2.22rem;
    }
    .component-login-subPage .textLeft-wrap .textLeft .sp-loginBox div {
        margin-top: 10px;
    }
    .component-login-subPage.tipics {
        background-position: 40% center;
    }
    .component-login-subPage+.sp-loginBox {
        margin: 0 30px 0;
        text-align: center;
        padding-bottom: 20px;
    }
    .component-login-subPage+.sp-loginBox div:first-child {
        margin-bottom: 15px;
    }
    .component-login-subPage+.sp-loginBox div .btn {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 20px;
        line-height: 2rem;
        font-weight: bold;
        padding: 14px 15px;
    }
    .component-login-subPage.topics {
        padding: 0;
        background: url(/common/img/topics-mainVisual.png) no-repeat;
        background-size: cover;
        height: auto;
        min-height: 0;
    }
    .component-login-subPage.topics:after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background: url(/common/img/top-bg-mesh2.png);
        position: absolute;
        left: 0;
        top: 0;
    }
    .component-login-subPage.topics .component-login-subPage__inner {
        height: auto;
    }
    .component-login-subPage.topics .component-login-subPage__inner:after {
        content: "";
        clear: both;
        display: block;
    }
    .component-login-subPage.topics .component-loginBox {
        top: 40px;
    }
    .component-login-subPage.topics .topics-login-title {
        background: none;
        float: none;
        padding: 40px 20px 60px;
    }
    .component-login-subPage.topics .topics-login-title h1 {
        border-bottom: 2px solid #f3dc1e;
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 22px;
        line-height: 2.2rem;
        padding-bottom: 5px;
        margin-bottom: 10px;
    }
    .component-login-subPage.topics .topics-login-title h2 {
        color: #fff;
        font-weight: bold;
        margin-bottom: 10px;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 14px;
        line-height: 1.4rem;
    }
    .component-login-subPage.topics .topics-login-title p {
        color: #fff;
    }
    .topics-illustration-sp {
        margin: -50px auto 20px;
        width: auto;
        padding: 0 20px;
    }
    .topics-illustration-sp .topics-illustration-inner {
        position: relative;
        text-align: center;
        background: #fff;
        z-index: 2;
        padding: 15px;
        width: 100%;
    }
    .topics-illustration-sp .topics-illustration-inner:before {
        content: "";
        width: calc(100% + 2px);
        height: 8px;
        background: #004a83;
        position: absolute;
        left: -1px;
        top: -8px;
        height: 4px;
        left: -1px;
        top: -4px;
    }
}

.component-loginArea {
    padding: 30px 30px 40px;
}

.component-loginArea .regist-logIn-box {
    border: 1px solid #d2dce7;
    border-top: none;
    text-align: center;
    display: flex;
    align-items: center;
}

.component-loginArea .regist-logIn-box div {
    padding: 30px;
    width: 100%;
    position: relative;
}

.component-loginArea .regist-logIn-box div .mod-pw-forget {
    position: absolute;
    right: 14px;
    bottom: 8px;
}

.component-loginArea .mod-social-login {
    border-top: none;
}

.component-loginArea .mod-social-login .btnWrap li {
    width: calc(50% - 10px);
}

.component-loginArea .mod-social-login .btnWrap li .btn {
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

.component-loginArea .mod-social-login .btnWrap.column-1 li {
    width: 240px;
    margin: 30px auto;
    display: block;
}

.component-loginArea+.component-loginArea {
    margin-top: -60px;
}

.component-loginArea.tutorial {
    margin-bottom: 5px;
    padding: 12px;
}

.component-loginArea.tutorial p {
    padding-top: 15px;
}

.component-loginArea.tutorial span {
    padding: 0;
}

.component-loginArea.tutorial .headline--border-yellow {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 32px;
    line-height: 3.2rem;
    margin-bottom: 10px;
}

.component-loginArea.tutorial .headline--border-yellow small {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 34px;
    line-height: 3.4rem;
}

.component-loginArea.tutorial .inset-img-full img {
    width: 900px;
    height: auto;
    max-width: 100%;
}

@media screen and (max-width: 46em) {
    .component-loginArea {
        padding: 20px;
    }
    .component-loginArea .regist-logIn-box {
        border: 1px solid #d2dce7;
        border-top: none;
        text-align: center;
        display: flex;
        align-items: center;
    }
    .component-loginArea .regist-logIn-box div {
        padding: 20px;
        width: 100%;
    }
    .component-loginArea .regist-logIn-box div .mod-pw-forget {
        position: static;
        text-align: right;
    }
    .component-loginArea .mod-social-login {
        border-top: none;
        margin: 0;
    }
    .component-loginArea .mod-social-login .btnWrap li:first-child {
        width: calc(50% - 5px);
    }
    .component-loginArea .mod-social-login .btnWrap li .btn {
        width: 240px;
        min-width: 0;
        max-width: 100%;
    }
    .component-loginArea .mod-social-login .btnWrap.column-1 li {
        float: none;
        display: inline-block;
        margin: 10px auto;
    }
    .component-loginArea+.component-loginArea {
        margin-top: -30px;
    }
    .component-loginArea.tutorial .headline--border-yellow {
        font-size: 20px;
        font-size: 2rem;
        line-height: 30px;
        line-height: 3rem;
    }
    .component-loginArea.tutorial .headline--border-yellow small {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 25.9px;
        line-height: 2.59rem;
    }
    .component-loginArea.tutorial p {
        padding-top: 5px;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 20.35px;
        line-height: 2.035rem;
    }
    .component-loginArea.tutorial .regist-top-image {
        padding: 15px 0;
        text-align: center;
    }
    .component-loginArea.tutorial .regist-top-image img {
        width: 290px;
        max-width: 100%;
        height: auto;
    }
}

.component-topics-slider .slider {
    margin: 0 10px;
    position: relative;
}

.component-topics-slider .slider img {
    width: 100%;
    height: auto;
}

.component-topics-slider .slider .mod-thumbLink {
    display: none;
}

.component-topics-slider .slider .mod-thumbLink figcaption {
    position: absolute;
    bottom: 0;
    padding: 15px;
    z-index: 2;
    height: 80px;
    width: 100%;
}

.component-topics-slider .slider .mod-thumbLink figcaption * {
    color: #fff;
}

.component-topics-slider .slider .mod-thumbLink figcaption .mod-articleCategory {
    position: absolute;
    top: -20px;
}

.component-topics-slider .slider.fadeIn {
    display: none;
}

@media screen and (max-width: 46em) {
    .component-topics-slider .slider {
        margin: 0 5px;
        position: relative;
    }
    .component-topics-slider .slider .mod-thumbLink {
        width: 100%;
    }
}

.component-grid [class*=col-] .small:not(:first-child),
.component-grid [class*=col-] .large:not(:first-child) {
    padding-top: 20px;
}

.component-grid [class*=col-] .large:not(:first-child) {
    padding-top: 20px;
}

@media screen and (max-width: 46em) {
    .component-grid.sp-listView {
        padding-top: 0;
    }
    .component-grid [class*=col-] .small {
        margin: 0 -15px;
        padding: 0 10px 10px;
    }
    .component-grid [class*=col-] .small:not(:first-child) {
        border-top: 1px solid #d2dce7;
        padding: 10px;
    }
    .component-grid [class*=col-] .large {
        margin: 0 -15px;
        padding: 0 10px 10px;
    }
    .component-grid [class*=col-] .large:not(:first-child) {
        border-top: 1px solid #d2dce7;
        padding: 10px;
    }
    .component-grid [class*=col-] .large:last-child {
        padding-bottom: 0;
    }
    .component-grid [class*=col-]:last-child {
        padding-bottom: 0;
    }
}

.component-newsRanking li {
    position: relative;
}

.component-newsRanking li:not(:first-child) {
    border-top: 1px solid #d2dce7;
}

.component-newsRanking li a {
    display: block;
    padding: 15px 9px 15px 86px;
}

.component-newsRanking li .rank {
    position: absolute;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 44.4px;
    line-height: 4.44rem;
    color: #004a83;
    top: 10px;
    left: 15px;
    font-weight: bold;
    top: 14px;
    left: 26px;
    font-weight: bold;
}

.component-newsRanking li .rank span {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 24.05px;
    line-height: 2.405rem;
}

.component-newsRanking li .rank:after {
    content: "";
    display: block;
    height: 6px;
    width: 40px;
    background: #f3dc1e;
    position: absolute;
    bottom: 4px;
    left: -4px;
}

.component-newsRanking li:nth-child(n + 6) .rank:after {
    content: none;
}


/*activity_setting*/

.mypage__top__topics {
    padding: 26px 18px 10px;
}

.mypage__top__topics [class*=col-] {
    padding: 0 14px 12px;
}

.mypage .inset-switch-wrap .headline--lv2 {
    background: #e9eef3;
    color: #555;
    border: 1px solid #d2dce7;
}

.mypage .inset-switch {
    border: 1px solid #d2dce7;
    border-top: 0;
    padding-left: 55px;
    text-indent: -32px;
    display: table;
    width: 100%;
}

.mypage .inset-switch .switchText {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 0;
    width: 80%;
}

.mypage .inset-switch .switchText .mod-imgText {
    top: inherit;
}

.mypage .inset-switch .switch {
    text-align: right;
    display: table-cell;
    vertical-align: middle;
    padding: 10px 20px;
}

.mypage .inset-organChoice {
    border: 1px solid #d2dce7;
    border-top: 0;
    padding: 10px 0 10px 55px;
    text-indent: -32px;
    width: 100%;
}

.mypage .inset-organChoice .organChoice {
    padding: 0 0 0 25px;
}

.mypage .inset-organChoice .organChoice .mod-check {
    padding-left: 60px;
}

.mypage .inset-organChoice .organChoice [class*=col-] {
    padding: 0 10px 0px;
}

.mypage .friend .tandemBtn {
    margin-bottom: 0;
    margin-top: 8px;
}

.mypage .friend .tandemBtn:last-child {
    margin-top: 4px;
}

.mypage .friend+.component-pager {
    margin-top: -20px;
}

.mypage .friend .mod-thumbLink>a img {
    width: 100%;
}

.mypage .mod-tabs .mod-table .btn-form {
    white-space: nowrap;
}

.mypage [class$="--template"] {
    background-position-x: 125%;
    background-size: contain;
}

.mypage [class$="--template"] .text {
    padding: 10px 20px 20px;
    background: rgba(255, 255, 255, 0.6);
}

.mypage [class$="--template"] .text .title {
    font-size: 30px;
    font-size: 3rem;
    line-height: 55.5px;
    line-height: 5.55rem;
}

.mypage [class$="--template"] .text p {
    padding-bottom: 15px;
    color: #555;
}

.mypage [class$="--template"] .text .btn {
    font-weight: bold;
}

.mypage [class$="--grand_open"] .text {
    padding: 20px;
    background: rgba(255, 255, 255, 0.6);
}

.mypage [class$="--grand_open"] .text .title {
    font-size: 20px;
    font-size: 2rem;
    line-height: 32px;
    line-height: 3.2rem;
    padding-bottom: 10px;
}

.mypage [class$="--grand_open"] .text p {
    padding-bottom: 0;
    color: #555;
}

.mypage [class$="--grand_open"] .grand_open_appeal {
    padding-top: 0;
}

.mypage [class$="--grand_open"] .grand_open_appeal .title {
    text-align: center;
    padding: 15px 0 10px;
    border: 1px solid #d2dce7;
    border-bottom: 0;
    color: #004a83;
    height: 117px;
    border-top: 4px solid #004a83;
}

.mypage [class$="--grand_open"] .grand_open_appeal .title small {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 22px;
    line-height: 2.2rem;
    display: block;
    padding-bottom: 5px;
}

.mypage [class$="--grand_open"] .grand_open_appeal .title span {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 32px;
    line-height: 3.2rem;
    font-weight: bold;
}

.mypage [class$="--grand_open"] .grand_open_appeal .image {
    border: 1px solid #d2dce7;
    border-top: 0;
}

.mypage [class$="--grand_open"] .grand_open_appeal .image img {
    width: 100%;
}

.mypage [class$="--grand_open"] .grand_open_appeal>div:nth-child(2) .title {
    margin-bottom: -5px;
}

.mypage [class$="--grand_open"] .grand_open_appeal>div:nth-child(3) .title {
    margin-bottom: -5px;
}

.mypage .tutorial a {
    pointer-events: none;
}

.mypage .contents {
    padding-bottom: 0;
}

.mypage .contents.is--2col {
    padding: 0 40px 20px;
}

@media screen and (max-width: 46em) {
    .mypage__top__topics {
        padding: 5px 18px 10px;
    }
    .mypage__top__topics [class*=col-] {
        padding: 15px 14px 18px !important;
    }
    .mypage__top__topics [class*=col-] .mod-articlTitle {
        margin-top: -4px;
    }
    .mypage .inset-switch {
        padding-left: 40px;
    }
    .mypage .inset-switch .switch {
        padding: 10px 15px;
    }
    .mypage .inset-organChoice {
        border-bottom: 1px solid #d2dce7;
        padding: 10px 0 10px 40px;
        text-indent: -32px;
        width: 100%;
    }
    .mypage .inset-organChoice .mod-imgText {
        top: 0;
    }
    .mypage .inset-organChoice .organChoice {
        padding: 0 0 0 25px;
    }
    .mypage .inset-organChoice .organChoice .mod-check {
        padding-left: 60px;
    }
    .mypage .inset-organChoice .organChoice [class*=col-] {
        padding: 0 10px 0px;
    }
    .mypage .friend .mod-thumbLink {
        width: 100%;
        display: block;
    }
    .mypage .friend .mod-thumbLink img {
        width: 100%;
        display: block;
    }
    .mypage .friend .mod-thumbLink figcaption {
        display: block;
        padding-left: 0;
        padding-top: 5px;
    }
    .mypage .friend .tandemBtn {
        margin-bottom: 0;
        margin-top: 4px;
    }
    .mypage .friend+.component-pager {
        margin-top: -15px;
    }
    .mypage .friend .mod-thumbLink>a img {
        width: 100%;
    }
    .mypage .friend .mod-thumbLink .mod-check+a {
        margin-left: 0px;
    }
    .mypage [class$="--template"] .text {
        padding: 10px 15px 15px;
        background: rgba(255, 255, 255, 0.7);
    }
    .mypage [class$="--template"] .text .title {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 44.4px;
        line-height: 4.44rem;
    }
    .mypage [class$="--template"] .text p {
        padding-bottom: 10px;
    }
    .mypage [class$="--template"] .text .btn {
        font-weight: bold;
    }
    .mypage [class$="--grand_open"] .text {
        padding: 15px;
        background: rgba(255, 255, 255, 0.6);
    }
    .mypage [class$="--grand_open"] .text .title {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 26px;
        line-height: 2.6rem;
        padding-bottom: 10px;
    }
    .mypage [class$="--grand_open"] .text p {
        padding-bottom: 0;
        color: #555;
    }
    .mypage [class$="--grand_open"] .grand_open_appeal {
        padding-top: 0;
    }
    .mypage [class$="--grand_open"] .grand_open_appeal .title {
        text-align: center;
        padding: 15px 0 10px;
        border: 1px solid #d2dce7;
        border-bottom: 0;
        color: #004a83;
        height: 117px;
        border-top: 4px solid #004a83;
    }
    .mypage [class$="--grand_open"] .grand_open_appeal .title small {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 22px;
        line-height: 2.2rem;
        display: block;
        padding-bottom: 5px;
    }
    .mypage [class$="--grand_open"] .grand_open_appeal .title span {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 32px;
        line-height: 3.2rem;
        font-weight: bold;
    }
    .mypage [class$="--grand_open"] .grand_open_appeal .image {
        border: 1px solid #d2dce7;
        border-top: 0;
    }
    .mypage [class$="--grand_open"] .grand_open_appeal .image img {
        width: 100%;
    }
    .mypage .mod-tabs .tabs li {
        width: 33%;
    }
    .mypage .PR-list li:not(:first-child) {
        display: none;
    }
    .mypage .contents {
        padding: 0;
    }
    .mypage .contents.is--2col {
        padding: 0;
    }
}

.article_review .inner+.component-column {
    margin-top: 0px;
}

.component-column.news-list {
    padding: 0;
}

.article_review .panelBox {
    padding-top: 20px;
    border-top: 1px solid #d2dce7;
    width: 100%;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.article_review .panelBox [class^="col-"]:last-child .panel,
.article_review .panelBox [class^="col-"]:nth-last-child(2) .panel,
.article_review .panelBox [class^="col-"]:nth-last-child(3) .panel {
    padding-bottom: 0;
}

.article_review .panelBox .panel {
    width: 100%;
    height: 100%;
    border: 1px solid #d2dce7;
}

.article_review .panelBox .panel .titleBox {
    padding: 15px;
    position: relative;
    z-index: 5;
}

.article_review .panelBox .panel .titleBox .titlelBody {
    margin-left: 70px;
    min-height: 50px;
    display: flex;
    flex-flow: column nowrap;
}

.article_review .panelBox .panel .titleBox .titlelBody>p {
    display: table-cell;
    vertical-align: middle;
}

.article_review .panelBox .panel .titleBox.lv1 {
    background: #1d669f;
}

.article_review .panelBox .panel .titleBox.lv1 .titlelBody>p {
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px;
    line-height: 2.2rem;
    font-weight: bold;
}

.article_review .panelBox .panel .titleBox.lv1 .titlelBody__link {
    color: #fff;
    padding-top: 5px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 22px;
    line-height: 2.2rem;
}

.article_review .panelBox .panel .titleBox.lv2 {
    background: #fff;
    border-bottom: 1px solid #d2dce7;
    border-top: none;
}

.article_review .panelBox .panel .titleBox.lv2 .titlelBody p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 22px;
    line-height: 2.2rem;
}

.article_review .panelBox .panel .titleBox-image {
    float: left;
    width: 50px;
}

.article_review .panelBox .panel .titleBox-image img {
    width: 100%;
}

.article_review .panelBox .panel .panelBody {
    border-top: none;
    padding: 12px 15px 11px 15px;
    height: 100%;
}

.article_review .panelBox .panel .panelBody .mod-thumbnailList {
    margin-left: -4px;
    padding-top: 15px;
}

.article_review .panelBox .panel .panelBody .mod-thumbnailList .thumbnail {
    padding-left: 4px;
    padding-bottom: 4px;
}

.article_review .panelBox .panel .panelBody .mod-thumbnailList .thumbnail a {
    width: 29px;
}

.article_review .panelBox .panel .panelBody p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 22px;
    line-height: 2.2rem;
    padding-bottom: 10px;
    width: 100%;
}

.article_review .panelBox .panel .panelBody .link-arrow {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 25.9px;
    line-height: 2.59rem;
}

.article_review .panelBox .panel .panelBody__commentNone {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.article_review .panelBox .panel .panelBody__commentNone__text {
    text-align: center;
    font-weight: bold;
}

.article_review .panelBox .panel h4 {
    margin-bottom: 15px;
}

.article_review .beforeLogin-hide {
    position: relative;
    min-height: 210px;
}

.article_review .beforeLogin-hide:before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 80%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.9+50,1+100 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, white 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, white 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, white 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
    z-index: 2;
}

.article_review .beforeLogin-hide .reviewList__review {
    z-index: 1;
}

.article_review .beforeLogin-hide .reviewList__review:first-child a,
.article_review .beforeLogin-hide .reviewList__review:first-child button {
    position: relative;
    z-index: 3;
}

.article_review .beforeLogin-login {
    position: absolute;
    bottom: 30px;
    z-index: 3;
    width: 100%;
    padding: 0 20px;
    text-align: center;
}

.article_review .beforeLogin-login .btn {
    width: 540px;
    max-width: 100%;
}

.article_review .component-arrivalInfo {
    padding: 15px 20px;
    min-height: 80px;
    position: relative;
}

.article_review .component-arrivalInfo .mod-articlBody {
    margin-bottom: 0;
    display: table-cell;
    vertical-align: middle;
    height: 48px;
    padding-left: 20px;
}

.article_review .component-arrivalInfo .mod-check {
    position: absolute;
    top: 50%;
    margin-top: -9px;
    width: 18px;
    height: 18px;
}

.article_review .component-arrivalInfo .mod-check+.mod-organName {
    margin-left: 38px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
}

.article_review .component-arrivalInfo .mod-check+.mod-organName+.mod-articlBody {
    padding-left: 110px;
}

@media screen and (max-width: 46em) {
    .article_review .panelBox {
        padding-top: 20px;
        border-top: 1px solid #d2dce7;
        display: flex;
        justify-content: space-between;
        -ms-flex-pack: justify;
        flex-wrap: wrap;
    }
    .article_review .panelBox [class^="col-"]:last-child .panel,
    .article_review .panelBox [class^="col-"]:nth-last-child(2) .panel,
    .article_review .panelBox [class^="col-"]:nth-last-child(3) .panel {
        padding-bottom: 0;
    }
    .article_review .panelBox .panel {
        padding-bottom: 0;
        width: 100%;
        height: 100%;
        border: 1px solid #d2dce7;
    }
    .article_review .panelBox .panel .titleBox {
        padding: 15px;
    }
    .article_review .panelBox .panel .titleBox .titlelBody {
        margin-left: 60px;
    }
    .article_review .panelBox .panel .titleBox .titlelBody>p {
        display: table-cell;
        vertical-align: middle;
        height: 50px;
    }
    .article_review .panelBox .panel .titleBox.lv1 {
        background: #1d669f;
    }
    .article_review .panelBox .panel .titleBox.lv1 .titlelBody>p {
        color: #fff;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 22px;
        line-height: 2.2rem;
        font-weight: bold;
    }
    .article_review .panelBox .panel .titleBox.lv2 {
        background: #fff;
        border-bottom: 1px solid #d2dce7;
        border-top: none;
    }
    .article_review .panelBox .panel .titleBox.lv2 .titlelBody p {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 22px;
        line-height: 2.2rem;
    }
    .article_review .panelBox .panel .titleBox-image {
        float: left;
        width: 50px;
    }
    .article_review .panelBox .panel .titleBox-image img {
        width: 100%;
    }
    .article_review .panelBox .panel .panelBody {
        border-top: none;
        padding: 12px 15px 11px 15px;
        height: initial;
    }
    .article_review .panelBox .panel .panelBody .mod-thumbnailList {
        margin-left: -4px;
        padding-top: 15px;
    }
    .article_review .panelBox .panel .panelBody .mod-thumbnailList .thumbnail {
        padding-left: 4px;
        padding-bottom: 4px;
    }
    .article_review .panelBox .panel .panelBody .mod-thumbnailList .thumbnail a {
        width: 29px;
    }
    .article_review .panelBox .panel .panelBody p {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 22px;
        line-height: 2.2rem;
        padding-bottom: 10px;
    }
    .article_review .panelBox .panel .panelBody .link-arrow {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 25.9px;
        line-height: 2.59rem;
    }
    .article_review .panelBox .panel .panelBody__commentNone {
        text-align: center;
        padding-top: 0 !important;
        position: static;
    }
    .article_review .panelBox .panel .panelBody__commentNone .headline--lv5 {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 25.9px;
        line-height: 2.59rem;
    }
    .article_review .panelBox .panel .panelBody__commentNone__text {
        padding: 0;
    }
    .article_review .panelBox .panel .panelBody__commentNone p {
        padding: 0;
    }
    .article_review .panelBox .panel h4 {
        margin-bottom: 15px;
    }
    .article_review .beforeLogin-hide:before {
        height: 80%;
    }
    .article_review .beforeLogin-login {
        left: 0;
        margin-left: 0;
        padding: 0 15px;
        width: 100%;
    }
    .article_review .beforeLogin-login .btn {
        width: 100%;
    }
    .article_review .component-arrivalInfo {
        padding: 15px;
        min-height: 80px;
    }
    .article_review .component-arrivalInfo .mod-articlBody {
        margin-bottom: 0;
    }
    .article_review .component-arrivalInfo:last-child {
        border-bottom: 1px solid #d2dce7;
    }
    .article_review .component-arrivalInfo .mod-check+.mod-organName {
        margin-left: 33px;
    }
    .article_review .component-arrivalInfo .mod-check+.mod-organName+.mod-articlBody {
        padding-left: 100px;
    }
}

.profile .profileBox {
    position: relative;
}

.profile .profileBox:after {
    content: "";
    clear: both;
    display: block;
}

.profile .profileBox .publicState {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    line-height: 1.8rem;
    background: #568fcc;
    color: #fff;
    padding: 4px 25px;
    text-align: center;
    position: absolute;
    top: -21px;
    right: -21px;
}

.profile .profileBox .profile__photo {
    float: left;
    width: 254px;
}

.profile .profileBox .profile__photo__avatar {
    margin-bottom: 18px;
}

.profile .profileBox .profile__photo .tandemBtn .btn {
    padding: 13px 25px;
}

.profile .profileBox .component-profile__body {
    margin-left: 280px;
    overflow: hidden;
}

.profile .profileBox .component-profile__body .inset-rankingRibbon .mod-qualificationIcon {
    position: relative;
    top: -2px;
    display: inline-block;
    line-height: normal;
}

.profile .profileBox .component-profile__body .inset-rankingRibbon .repletion {
    padding-left: 5px;
    display: inline-block;
    padding-top: 5px;
    position: static;
}

.profile .profileBox .component-profile__body .inset-rankingRibbon .headline--lv3__lineBold span {
    margin-right: 5px;
}

.profile .profileBox .component-profile__body .status {
    margin-top: 15px;
}

.profile .profileBox .component-profile__body .status p {
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
    width: 450px;
    padding-bottom: 4px;
}

.profile .profileBox .component-profile__body .status .mod-qualification {
    display: table-cell;
    text-align: right;
}

.profile .profileBox .component-profile__body .status .mod-qualification [class*=plate-] {
    width: 100px;
    display: block;
    margin-bottom: 3px;
    margin-right: 3px;
    float: left;
}

.profile .profileBox .component-profile__body .headline--lv4 {
    margin-top: 30px;
    margin-bottom: 15px;
}

.profile .profileBox .component-profile__body .headline--lv4:last-of-type {
    margin-top: 45px;
}

.profile .profileBox .component-profile__body .template-text {
    padding-bottom: 12px;
}

.profile .profileBox .component-profile__body .agencyInfo {
    position: relative;
}

.profile .profileBox .component-profile__body .agencyInfo__thumbnail {
    width: 100px;
    float: left;
}

.profile .profileBox .component-profile__body .agencyInfo__thumbnail img {
    width: 100%;
    height: auto;
}

.profile .profileBox .component-profile__body .agencyInfo__body {
    margin-right: 130px;
}

.profile .profileBox .component-profile__body .agencyInfo .poweredByJing {
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    line-height: 1.8rem;
}

.profile .inner .component-dateAndTitle {
    padding-bottom: 0 !important;
    margin-bottom: 0;
}

.profile .inner .component-dateAndTitle .list:last-child {
    border-bottom: none !important;
}

.profile .inner .link-arrow {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 22.2px;
    line-height: 2.22rem;
}

.profile .QA .component-dateAndTitle {
    padding: 0 15px;
}

.profile .QA .component-dateAndTitle .list {
    padding: 10px 0;
}

.profile .QA .component-dateAndTitle .list .category-wrap {
    padding-left: 110px;
}

.profile .QA .component-dateAndTitle .list .category-wrap:after {
    content: "";
    clear: both;
    display: block;
}

.profile .QA .component-dateAndTitle .list .category-wrap .mod-qaCategory {
    width: 65px;
    margin-right: 5px;
    margin-top: 5px;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 16px;
    line-height: 1.6rem;
}

.profile .QA .component-dateAndTitle .list:last-child {
    padding: 10px 0;
    border-bottom: 0;
}

.profile .QA .component-dateAndTitle .list .mod-organName {
    width: 70px;
    top: 2px;
    margin: 0 15px;
    float: right;
    height: 20px;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 20.35px;
    line-height: 2.035rem;
}

.profile .QA .component-dateAndTitle .list .mod-organName:before {
    border-width: 8px 8px 0 0;
}

.profile .QA .component-dateAndTitle .list .post-none {
    margin-top: -10px;
}

.profile .QA .component-dateAndTitle .list .date {
    float: left;
}

.profile .QA .component-dateAndTitle:nth-child(2) {
    border-left: 1px dotted #004a83;
}

.profile .QA .answerBox {
    margin-bottom: 15px;
    background: #fff;
    padding: 0 10px 0 0;
}

.profile .QA .answerBox .answer {
    background: #e9eef3;
    text-align: center;
    width: 100%;
    padding: 12px 20px 20px 20px;
    font-weight: bold;
    margin-bottom: 15px;
}

.profile .QA .answerBox .answer .answer-count {
    background: #fff;
    padding: 10px 15px 5px 15px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 29.6px;
    line-height: 2.96rem;
    letter-spacing: 1px;
    margin-top: 5px;
}

.profile .QA .answerBox .answer .answer-count span:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background: url(/common/img/icon-ranking.svg) no-repeat;
    background-size: 24px 24px;
    margin: -3px 8px 0 0;
}

@media screen and (max-width: 46em) {
    .profile .profileBox {
        padding-top: 10px;
    }
    .profile .profileBox .publicState {
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 11px;
        line-height: 1.1rem;
        padding: 4px 15px;
        top: -16px;
        right: -16px;
    }
    .profile .profileBox .profile__photo {
        float: none;
        width: auto;
        border-bottom: 1px solid #568fcc;
        padding-bottom: 15px;
    }
    .profile .profileBox .profile__photo__avatar {
        width: 110px;
        height: 110px;
        margin-bottom: 14px;
    }
    .profile .profileBox .profile__photo__avatar img {
        width: 100%;
        height: auto;
    }
    .profile .profileBox .profile__photo .mod-tandemBox:after {
        content: "";
        clear: both;
        display: block;
    }
    .profile .profileBox .profile__photo .mod-tandemBox .tandemBtn .btn {
        padding: 13px 0;
    }
    .profile .profileBox .component-profile__body {
        margin-left: 0;
        overflow: visible;
    }
    .profile .profileBox .component-profile__body .inset-rankingRibbon {
        position: absolute;
        top: 10px;
        right: 0;
        width: calc(100% - 125px);
    }
    .profile .profileBox .component-profile__body .inset-rankingRibbon .mod-rankingRibbon {
        margin-bottom: 12px;
    }
    .profile .profileBox .component-profile__body .inset-rankingRibbon .headline--lv3__lineBold {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 20px;
        line-height: 2rem;
    }
    .profile .profileBox .component-profile__body .inset-rankingRibbon .headline--lv3__lineBold span:not(.mod-qualificationIcon) {
        display: block;
        padding-left: 0;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 20px;
        line-height: 2rem;
    }
    .profile .profileBox .component-profile__body .inset-rankingRibbon .headline--lv3__lineBold .repletion {
        margin-top: 0;
    }
    .profile .profileBox .component-profile__body .inset-rankingRibbon .mod-qualificationIcon {
        position: relative;
        top: inherit;
        margin-left: 0;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 14px;
        line-height: 1.4rem;
        display: inline-block;
        margin-top: 5px;
        min-height: 20px;
        height: inherit;
        padding: 3px 12px;
    }
    .profile .profileBox .component-profile__body .status {
        margin-top: 10px;
    }
    .profile .profileBox .component-profile__body .status p {
        display: block;
        width: 100%;
        padding-bottom: 10px;
    }
    .profile .profileBox .component-profile__body .status .mod-qualification {
        display: block;
        text-align: left;
        width: 100%;
        font-size: 0;
    }
    .profile .profileBox .component-profile__body .status .mod-qualification [class*=plate-] {
        width: 32% !important;
        margin-right: 2%;
        margin-top: 0;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 24px;
        line-height: 2.4rem;
    }
    .profile .profileBox .component-profile__body .status .mod-qualification [class*=plate-]:nth-child(3n) {
        margin-right: 0;
    }
    .profile .profileBox .component-profile__body .headline--lv4 {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .profile .profileBox .component-profile__body .headline--lv4:last-of-type {
        margin-top: 15px;
    }
    .profile .profileBox .component-profile__body .agencyInfo__body {
        margin-right: 0;
    }
    .profile .profileBox .component-profile__body .agencyInfo__body .poweredByJing {
        position: static;
    }
    .profile .profileBox h4 {
        margin-bottom: 10px;
    }
    .profile .inner .component-dateAndTitle {
        padding-bottom: 0 !important;
        margin-bottom: -15px;
        margin-top: 0;
    }
    .profile .inner .component-dateAndTitle .list:last-child {
        border-bottom: none !important;
    }
    .profile .inner .component-dateAndTitle:nth-child(2) {
        border-left: none;
    }
    .profile .QA .component-column {
        padding-bottom: 0;
    }
    .profile .QA .component-column>div .headline--lv5 {
        padding: 5px 15px 10px 15px;
    }
    .profile .QA .component-dateAndTitle {
        padding: 0;
    }
    .profile .QA .component-dateAndTitle .list .date {
        padding: 0 15px 5px 15px;
        float: none;
    }
    .profile .QA .component-dateAndTitle .list .category-wrap {
        padding: 0 15px;
    }
    .profile .QA .component-dateAndTitle .list .category-wrap .mod-qaCategory {
        margin: 0 5px 0 0;
        float: none;
        padding: 0;
    }
    .profile .QA .component-dateAndTitle .list .post-none {
        padding-left: 15px;
        margin-top: 0;
    }
    .profile .QA .component-dateAndTitle .list .title {
        margin-left: 0;
    }
    .profile .QA .component-dateAndTitle .list .mod-organName {
        float: none;
        margin: 0 0px 0 10px;
        display: inline-block;
        text-align: center;
    }
    .profile .QA .component-dateAndTitle .list .mod-organName span {
        display: inline;
    }
    .profile .QA .answerBox {
        margin-bottom: 15px;
        padding: 15px 15px 10px !important;
        margin-bottom: 5px;
    }
    .profile .QA .answerBox .answer:last-child {
        margin-bottom: 0;
    }
    .profile .mod-tabs .tabs li {
        width: 33%;
    }
}

.template .templateList .templateDetail__body {
    padding-bottom: 0px;
}

.template .templateList+.component-pager {
    margin-top: -20px;
}

.template .templete-category [class*=col-] .link-arrow {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 25.9px;
    line-height: 2.59rem;
}

.template__download {
    padding-top: 10px;
    padding-bottom: 20px;
}

.template__download .icon-download {
    margin-bottom: 10px;
}

.template section.template__download {
    padding-top: 0;
    padding-bottom: 40px;
}

.template section.template__download .icon-download {
    margin-bottom: 10px;
}

.template section.template__download .icon-return {
    margin-top: 20px;
}

@media screen and (max-width: 46em) {
    .template .templateList .templateDetail__body {
        padding-bottom: 0px;
    }
    .template .templateList:not(:last-child) {
        margin-bottom: 0;
        border-bottom: none;
    }
    .template .templete-category {
        padding-bottom: 12px;
    }
    .template .templete-category [class*=col-] {
        padding-bottom: 3px;
    }
    .template .templete-category [class*=col-] .link-arrow {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 26px;
        line-height: 2.6rem;
    }
    .template section.template__download {
        padding-top: 0;
        padding-bottom: 20px;
    }
}


/*activity_setting*/

.inquiry .telInquiry {
    border: 1px solid #d2dce7;
    margin: 0 20px 20px;
    height: 82px;
}

.inquiry .telInquiry:after {
    content: "";
    clear: both;
    display: block;
}

.inquiry .telInquiry__title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 29.6px;
    line-height: 2.96rem;
    font-weight: bold;
    border-right: 1px solid #d2dce7;
    float: left;
    text-align: center;
    width: 30%;
    padding: 25px 25px;
    background: #e9eef3;
    height: 80px;
}

.inquiry .telInquiry__content {
    float: left;
    width: 70%;
    padding: 15px 25px;
    height: 80px;
}

.inquiry .telInquiry__content .tel {
    color: #e2356e;
}

@media screen and (max-width: 46em) {
    .inquiry .telInquiry {
        margin: 0 15px 15px;
        height: auto;
    }
    .inquiry .telInquiry__title {
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 20.35px;
        line-height: 2.035rem;
        border-right: none;
        border-bottom: 1px solid #d2dce7;
        float: none;
        width: 100%;
        padding: 10px;
        height: auto;
    }
    .inquiry .telInquiry__content {
        float: none;
        width: 100%;
        padding: 10px;
        height: auto;
    }
    .inquiry .telInquiry__content address {
        text-indent: -48px;
        padding-left: 48px;
    }
}


/*activity_setting*/

.article .headline--lv4 {
    margin-bottom: 15px;
}

.article .inner:after {
    content: "";
    clear: both;
    display: block;
}

.article__contents {
    float: left;
    margin-bottom: 20px;
}

.article__contents:first-of-type {
    padding-right: 20px;
}

.article__textBox {
    width: 66.66667%;
}

.article__imageBox {
    width: 33.33333%;
}

.article__relation {
    position: relative;
    padding: 20px;
    border-top: 1px solid #d2dce7;
    border-bottom: 1px solid #d2dce7;
}

.article__relation .deadline {
    /*position: absolute;
    right: 20px;
    top: 20px;*/
}

@media screen and (max-width: 46em) {
    .article .headline--lv4 {
        margin-bottom: 15px;
    }
    .article__contents {
        float: none;
        margin-bottom: 15px;
    }
    .article__contents:first-of-type {
        padding-right: 0;
    }
    .article__textBox {
        width: 100%;
    }
    .article__imageBox {
        width: 90%;
        margin: 0 auto;
        text-align: center;
    }
    .article__imageBox+.article__textBox {
        margin-top: 10px;
    }
    .article__relation .deadline {
        position: static;
    }
    .article .inset-repletion[class*="headline--"] {
        display: block;
    }
    .article .inset-repletion[class*="headline--"] .repletion {
        padding: 0;
        justify-content: start;
    }
    .article .inset-repletion[class*="headline--"] .repletion.mod-articleCategory .category {
        width: auto;
        margin-left: 10px;
    }
}

.regist .regist-top-image {
    padding: 20px 0;
    text-align: center;
}

.regist .regist-top-image img {
    max-width: 100%;
    height: auto;
}

.regist .component-loginArea .headline--border-yellow {
    margin-bottom: 10px;
}

@media screen and (max-width: 46em) {
    .regist .block>.inner {
        padding: 20px;
    }
    .regist .regist-top-image {
        padding: 20px 0;
        text-align: center;
    }
    .regist .regist-top-image img {
        width: 210px;
        max-width: 100%;
        height: auto;
    }
}


/*activity_setting*/

.faq .component-arrivalInfo .mod-articlTitle {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 25.9px;
    line-height: 2.59rem;
    font-weight: normal;
    display: block;
    padding-left: 40px;
}

.faq .component-arrivalInfo p.mod-articlTitle {
    text-decoration: none;
}

.faq .faq-category-wrap>div {
    padding-bottom: 20px;
}

.faq .faq-category-wrap>div:last-child {
    padding-bottom: 10px;
}

.faq .faq-category-wrap .faq-category {
    padding: 10px 15px 15px;
    background: #e9eef3;
    height: 100%;
}

.faq .faq-category-wrap .faq-category__list {
    padding-top: 10px;
}

.faq .faq-category-wrap .faq-category__list__link {
    display: block;
    padding-left: 40px;
}

.faq .faq-category-wrap .faq-category .headline--lv4 {
    padding: 0 60px 6px 0px;
}

.faq .faq-category-wrap .faq-category .headline--lv4 .link {
    top: 50%;
    margin-top: -11px;
}

.faq .faq-title .mod-question {
    margin-left: -5px;
}

.faq .faq-title .title {
    padding-left: 40px;
    display: block;
}

@media screen and (max-width: 46em) {
    .faq .faq-title .mod-question {
        margin-left: 0px;
    }
}


/*activity_setting*/

.community>.component-breadcrumb {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 40px;
    position: relative;
}

.community .create-community {
    padding: 30px;
    background: url(/common/img/community-mainVisual.png) no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
    color: #ffffff;
    font-weight: bold;
}

.community .create-community * {
    position: relative;
    z-index: 2;
}

.community .create-community .copy {
    font-size: 20px;
    font-size: 2rem;
    line-height: 37px;
    line-height: 3.7rem;
}

.community .create-community:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(/common/img/top-bg-mesh.png);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.community .side-communityList {
    border-bottom: 1px solid #d2dce7;
}

.community .side-communityList>div:nth-last-child(-n+2) {
    padding-bottom: 0;
}

.community .side-communityList+.inner {
    margin-top: 0;
}

.community .side-communityMember [class*="col-"] {
    padding: 0 5px 10px;
}

.community .component-arrivalInfo {
    padding: 14px 22px;
}

.community-detail-head {
    position: relative;
}

.community-detail-head:after {
    content: "";
    display: block;
}

.community-detail-head .coverImage {
    height: 300px;
    overflow: hidden;
    background: #ddd;
}

.community-detail-head .community-title-wrap {
    position: absolute;
    width: 100%;
    bottom: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100,1+100 */
    background: -moz-linear-gradient(top, transparent 0%, black 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, transparent 0%, black 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, transparent 0%, black 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0);
    /* IE6-9 */
    z-index: 1 !important;
    min-height: 150px;
    padding: 20px;
    display: flex;
}

.community-detail-head .community-title-wrap .mainImage {
    display: flex;
    width: 100px;
    height: 100px;
    overflow: hidden;
    align-items: center;
    justify-content: center;
}

.community-detail-head .community-title-wrap .mainImage img {
    width: 100%;
    height: auto;
}

.community-detail-head .community-title-wrap .community-title-body {
    padding-left: 20px;
}

.community-detail-head .community-title-wrap .community-title-body .headline--white-lv1 {
    padding-bottom: 10px;
}

.community-detail-head .community-title-wrap .community-title-body .link-arrow {
    position: absolute;
    right: 20px;
    bottom: 20px;
}

@media screen and (max-width: 46em) {
    .community .create-community {
        padding: 15px;
        background-position: center center;
    }
    .community .create-community .copy {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 26px;
        line-height: 2.6rem;
        padding-bottom: 5px;
    }
    .community .component-arrivalInfo {
        padding: 15px;
    }
    .community-detail-head {
        position: relative;
    }
    .community-detail-head:after {
        content: "";
        display: block;
    }
    .community-detail-head .coverImage {
        height: 200px;
        overflow: hidden;
    }
    .community-detail-head .community-title-wrap {
        position: absolute;
        width: 100%;
        bottom: 0;
        min-height: 120px;
        max-height: 100%;
        padding: 15px;
    }
    .community-detail-head .community-title-wrap .mainImage {
        display: table-cell;
        width: 56px;
    }
    .community-detail-head .community-title-wrap .mainImage img {
        width: 100%;
    }
    .community-detail-head .community-title-wrap .community-title-body {
        display: table-cell;
        vertical-align: middle;
        padding-left: 15px;
    }
    .community-detail-head .community-title-wrap .community-title-body .headline--white-lv1 {
        padding-bottom: 5px;
    }
    .community-detail-head .community-title-wrap .community-title-body .btn {
        min-width: inherit;
        padding: 10px 10px;
        margin-bottom: 5px;
        min-width: 120px;
    }
    .community-detail-head .community-title-wrap .community-title-body .link-arrow {
        position: static;
    }
}


/*activity_setting*/

.page-login main {
    margin-bottom: 0px;
}

.page-login .mainVisual {
    width: 100%;
    height: 100vh;
    min-height: 650px;
    position: relative;
    background: #fff;
}

.is-tablet .page-login .mainVisual {
    max-height: 100vw;
}

.page-login .mainVisual .loader {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.page-login .mainVisual .loader::before,
.page-login .mainVisual .loader::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
}

.page-login .mainVisual .loader::before {
    border: 1px solid #d2dce7;
}

.page-login .mainVisual .loader::after {
    animation: loading-spin 0.75s linear infinite;
    border: 1px solid transparent;
    border-top-color: #004a83;
}

.page-login .mainVisual .video,
.page-login .mainVisual .video-alt {
    width: 100%;
    height: 100%;
    z-index: 1;
}

.page-login .mainVisual .video::after,
.page-login .mainVisual .video-alt::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(/common/img/top-bg-mesh.png);
    position: absolute;
    top: 0;
    left: 0;
}

.is-tablet .page-login .mainVisual .video {
    display: none;
}

.page-login .mainVisual .video-alt {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

.is-tablet .page-login .mainVisual .video-alt {
    display: block;
}

.page-login .mainVisual .video-alt>div {
    width: 100% !important;
    height: 100% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.page-login .mainVisual__inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 2;
    margin: auto;
}

.page-login .mainVisual__inner .tagline {
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    color: #fff;
    text-align: center;
    padding: 8px 0;
}

.page-login .mainVisual__inner .tagline li {
    display: inline-block;
    margin: 0 30px;
    letter-spacing: 3px;
}

.page-login .mainVisual__inner .logo {
    position: absolute;
    top: 80px;
    left: 40px;
    width: 324px;
}

.page-login .mainVisual__inner .logo img {
    width: 100%;
}

.page-login .mainVisual__inner .textBottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 74, 131, 0.6);
    color: #fff;
    padding: 44px 40px 30px;
    display: flex;
    align-items: center;
}

.page-login .mainVisual__inner .textBottom:after {
    content: "";
    clear: both;
    display: block;
}

.page-login .mainVisual__inner .textBottom__text {
    width: 100%;
    flex: 1;
    letter-spacing: .075em;
}

.page-login .mainVisual__inner .textBottom__text h1 {
    position: absolute;
    left: 40px;
    top: -85px;
}

.page-login .mainVisual__inner .textBottom__text h2 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 30px;
    line-height: 3rem;
    font-weight: bold;
    margin-bottom: 3px;
    float: left;
}

.page-login .mainVisual__inner .textBottom__text p {
    padding-left: 244px;
    padding-right: 190px;
}

.page-login .mainVisual__inner .textBottom__text p sup {
    font-size: 9px;
    font-size: 0.9rem;
    line-height: 16.65px;
    line-height: 1.665rem;
    position: relative;
    top: -5px;
}

.page-login .mainVisual__inner .textBottom__text p .noticeSmall {
    font-size: 10px;
    font-size: 1rem;
    line-height: 18.5px;
    line-height: 1.85rem;
    letter-spacing: 0;
}

.page-login .mainVisual__inner .textBottom__anchor {
    flex: 0 0 320px;
    width: 320px;
    text-align: center;
    padding-top: 20px;
}

.page-login .mainVisual__inner .textBottom__anchor a {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 44.4px;
    line-height: 4.44rem;
    letter-spacing: .075em;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    display: block;
}

.page-login .mainVisual__inner .textBottom__anchor a::after {
    content: "";
    display: block;
    margin: 10px auto 0;
    width: 0;
    height: 0;
    border: 18px solid transparent;
    border-top-color: #f3dc1e;
}

.page-login .mainVisual__inner .target-link {
    position: absolute;
    right: 40px;
    top: 50%;
    margin-top: -42px;
    height: 84px;
}

.page-login .mainVisual__inner .target-link ul li:first-child {
    margin-bottom: 16px;
}

.page-login .mainVisual__inner .target-link ul li a {
    transition: all 0.3s 0s ease;
    background: #568fcc;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    border-radius: 6px;
    line-height: 1;
    min-width: 240px;
    padding: 15px 25px;
    text-align: center;
    position: relative;
    border: none;
    padding: 11px 0 9px 14px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 14px;
    line-height: 1.4rem;
    font-weight: bold;
    min-width: 0;
    width: 160px;
}

.page-login .mainVisual__inner .target-link ul li a::after {
    content: "";
    display: block;
    position: absolute;
    top: 49%;
    right: 18px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg) translateY(-50%);
}

.page-login .mainVisual__inner .target-link ul li a:hover {
    background: #3775b8;
}

.page-login .mainVisual__inner .target-link ul li a:active {
    transition: all 0.1s 0s ease;
    background: #2c5c90;
}

.page-login .mainVisual__inner .target-link ul li a:before {
    content: "";
    width: 0;
    height: 0;
    display: inline-block;
    border: 7px solid transparent;
    border-top-color: #e2356e;
    transform: translateY(7px);
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -10px;
}

.page-login .mainVisual__inner .target-link ul li a:after {
    content: none;
}

.page-login .mainVisual__inner .target-link ul li a:hover {
    color: #f3dc1e;
    background: #004a83;
}

.page-login .schedule {
    background: #fff;
}

@media screen and (min-width: 46.0625em) {
    .page-login .schedule {
        display: block !important;
    }
}

.page-login .schedule__head {
    text-align: center;
    padding: 70px 0 54px;
}

.page-login .schedule__head p {
    font-size: 20px;
    font-size: 2rem;
    line-height: 37px;
    line-height: 3.7rem;
    color: #004a83;
    font-weight: bold;
    margin-bottom: 10px;
}

.page-login .schedule__timeline {
    position: relative;
    overflow: hidden;
}

.page-login .schedule__timeline [class^='month-'] {
    position: relative;
    z-index: 2;
    padding-bottom: 150px;
}

.page-login .schedule__timeline [class^='month-']::before {
    content: "";
    display: block;
    background: #f3dc1e;
    width: 8px;
    height: 100%;
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-4px);
}

.page-login .schedule__timeline [class^='month-'] .date {
    width: 50%;
    font-size: 20px;
    font-size: 2rem;
    line-height: 37px;
    line-height: 3.7rem;
    font-weight: bold;
    color: #004a83;
    font-weight: bold;
    text-align: right;
    position: relative;
    padding-right: 30px;
}

.page-login .schedule__timeline [class^='month-'] .date::before,
.page-login .schedule__timeline [class^='month-'] .date::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -20px;
    border-radius: 50%;
}

.page-login .schedule__timeline [class^='month-'] .date::before {
    width: 40px;
    height: 40px;
    border: 1px solid #004a83;
}

.page-login .schedule__timeline [class^='month-'] .date::after {
    width: 20px;
    height: 20px;
    margin: 10px;
    background: #004a83;
}

.page-login .schedule__timeline [class^='month-'] .text {
    position: absolute;
    right: 0;
    top: 0;
    width: calc(50% - 4px);
    display: flex;
}

.page-login .schedule__timeline [class^='month-'] .text .release {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px;
    line-height: 2.2rem;
    letter-spacing: .1em;
    font-weight: bold;
    white-space: nowrap;
}

.page-login .schedule__timeline [class^='month-'] .text .release strong {
    color: #f3dc1e;
    font-size: 20px;
    font-size: 2rem;
    line-height: 25px;
    line-height: 2.5rem;
}

.page-login .schedule__timeline [class^='month-'] .text .release strong b {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 38px;
    line-height: 3.8rem;
}

.page-login .schedule__timeline [class^='month-'].month-1 .text,
.page-login .schedule__timeline [class^='month-'].month-3 .text {
    height: 77px;
    color: #fff;
    width: calc(50% - 4px - 86px);
    align-items: center;
}

.page-login .schedule__timeline [class^='month-'].month-1 .text::before,
.page-login .schedule__timeline [class^='month-'].month-3 .text::before {
    content: "";
    display: block;
    position: absolute;
    width: 86px;
    height: 100%;
    left: -86px;
    top: 0;
    z-index: -1;
    transform: skewX(-41.5deg);
    transform-origin: left bottom;
}

.page-login .schedule__timeline [class^='month-'].month-2 .text,
.page-login .schedule__timeline [class^='month-'].month-4 .text {
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.page-login .schedule__timeline [class^='month-'].month-2 .text h3,
.page-login .schedule__timeline [class^='month-'].month-4 .text h3 {
    width: 440px;
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 36.4px;
    line-height: 3.64rem;
    font-weight: bold;
    color: #004a83;
    letter-spacing: .1em;
    margin-bottom: 10px;
}

.page-login .schedule__timeline [class^='month-'].month-2 .text h3 span,
.page-login .schedule__timeline [class^='month-'].month-4 .text h3 span {
    font-size: 20px;
    font-size: 2rem;
    line-height: 26px;
    line-height: 2.6rem;
}

.page-login .schedule__timeline [class^='month-'].month-2 .text h3 mark,
.page-login .schedule__timeline [class^='month-'].month-4 .text h3 mark {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 46.8px;
    line-height: 4.68rem;
    color: #004a83;
    padding: 0 4px;
    background: linear-gradient(transparent 68%, #f3dc1e 68%, #f3dc1e 95%, transparent 95%);
}

.page-login .schedule__timeline [class^='month-'].month-2 .text p,
.page-login .schedule__timeline [class^='month-'].month-4 .text p {
    width: 440px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 28px;
    line-height: 2.8rem;
    color: #004a83;
}

.page-login .schedule__timeline [class^='month-'].month-1 .bg {
    width: 100%;
    position: absolute;
    top: 77px;
    z-index: -1;
    height: 437px;
    background: #e9eef3;
    overflow: hidden;
}

.page-login .schedule__timeline [class^='month-'].month-1 .bg img {
    position: absolute;
    bottom: -60px;
    left: 25%;
    transform: translateX(-50%);
}

.page-login .schedule__timeline [class^='month-'].month-1 .text {
    background: #004a83;
}

.page-login .schedule__timeline [class^='month-'].month-1 .text::before {
    background: #004a83;
}

.page-login .schedule__timeline [class^='month-'].month-2 .text {
    top: -30px;
}

.page-login .schedule__timeline [class^='month-'].month-3 .text {
    top: 63px;
    background: #e2356e;
}

.page-login .schedule__timeline [class^='month-'].month-3 .text::before {
    background: #e2356e;
}

.page-login .schedule__timeline [class^='month-'].month-4 {
    padding-bottom: 260px;
}

.page-login .schedule__timeline [class^='month-'].month-4::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 16px solid transparent;
    border-top: 32px solid #f3dc1e;
    position: absolute;
    bottom: -60px;
    left: 50%;
    z-index: -1;
    transform: translateX(-16px);
}

.page-login .schedule__timeline [class^='month-'].month-4 .bg span:nth-child(1) {
    width: 580px;
    height: 236px;
    display: inline-block;
    background: url(/common/img/top-schedule-illust-2.svg) repeat-x;
    background-size: 290px 236px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(50vw, 0);
}

.is-tablet .page-login .schedule__timeline [class^='month-'].month-4 .bg span:nth-child(1) {
    transform: translate(32vw, -145px);
}

.page-login .schedule__timeline [class^='month-'].month-4 .bg span:nth-child(2) {
    width: 1280px;
    height: 232px;
    display: inline-block;
    background: url(/common/img/top-schedule-illust-3.svg) repeat-x;
    background-size: 640px 232px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(50vw, 0);
}

.is-tablet .page-login .schedule__timeline [class^='month-'].month-4 .bg span:nth-child(2) {
    transform: translate(5vw, 65px);
}

.page-login .schedule__timeline [class^='month-'].month-4 .bg span:nth-child(3) {
    width: 2480px;
    height: 232px;
    display: inline-block;
    background: url(/common/img/top-schedule-illust-4.svg) repeat-x;
    background-size: 1240px 232px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(50vw, 0);
}

.is-tablet .page-login .schedule__timeline [class^='month-'].month-4 .bg span:nth-child(3) {
    transform: translate(-45vw, 255px);
}

.page-login .schedule__timeline [class^='month-'].month-4 .text {
    right: auto;
    left: 50%;
    top: 75px;
    margin-left: -50%;
}

.page-login .schedule__timeline [class^='month-'].month-4 .text p span {
    width: auto;
    margin: 18px auto 0;
    border: 2px solid #e2356e;
    padding: 8px 24px;
    color: #e2356e;
    background: #fff;
    font-weight: bold;
    display: inline-block;
}

.page-login .schedule__timeline .signup {
    text-align: center;
    margin: 80px 0 70px;
    position: relative;
    z-index: 2;
}

.page-login .target-contents-inner {
    max-width: inherit;
    padding: 110px 0 0 0;
}

.page-login .target-contents-inner .mod-tabs {
    background: #fff;
}

.page-login .target-contents-inner .mod-tabs .tabs {
    justify-content: center;
    border-bottom: none;
    padding: 0 7px 88px;
    width: 1000px;
    margin: 0 auto;
}

.page-login .target-contents-inner .mod-tabs .tabs li {
    padding: 0 13px;
    width: calc(50% - 7px);
    margin: -50px 0 0 0;
}

.page-login .target-contents-inner .mod-tabs .tabs li a {
    height: 100px !important;
    padding: 40px !important;
    width: 100%;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 40.7px;
    line-height: 4.07rem;
    transition: all 0.3s 0s ease;
    background: #568fcc;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    border-radius: 6px;
    line-height: 1;
    min-width: 240px;
    padding: 15px 25px;
    text-align: center;
    position: relative;
    border: none;
    transition: all 0.3s 0s ease;
    z-index: 3;
}

.page-login .target-contents-inner .mod-tabs .tabs li a::after {
    content: "";
    display: block;
    position: absolute;
    top: 49%;
    right: 18px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg) translateY(-50%);
}

.page-login .target-contents-inner .mod-tabs .tabs li a:hover {
    background: #3775b8;
}

.page-login .target-contents-inner .mod-tabs .tabs li a:active {
    transition: all 0.1s 0s ease;
    background: #2c5c90;
}

.page-login .target-contents-inner .mod-tabs .tabs li a:after {
    content: none !important;
}

.page-login .target-contents-inner .mod-tabs .tabs li a:hover {
    background: #568fcc;
}

.page-login .target-contents-inner .mod-tabs .tabs li a.is-active {
    transition: all 0.3s 0s ease;
    background: #004a83;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    border-radius: 6px;
    line-height: 1;
    min-width: 240px;
    padding: 15px 25px;
    text-align: center;
    position: relative;
    border: none;
    color: #f3dc1e !important;
}

.page-login .target-contents-inner .mod-tabs .tabs li a.is-active::after {
    content: "";
    display: block;
    position: absolute;
    top: 49%;
    right: 18px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg) translateY(-50%);
}

.page-login .target-contents-inner .mod-tabs .tabs li a.is-active:hover {
    background: #002d50;
}

.page-login .target-contents-inner .mod-tabs .tabs li a.is-active:active {
    transition: all 0.1s 0s ease;
    background: #00101d;
}

.page-login .target-contents-inner .mod-tabs .tabs li a.is-active:hover {
    background: #004a83;
}

.page-login .target-contents-inner .mod-tabs .tabs li a.is-active:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 25px 0 25px;
    border-color: #e2356e transparent transparent transparent;
    position: absolute;
    bottom: -35px;
    left: 50%;
    margin-left: -25px;
    transition: all 0.3s 0s ease;
}

.page-login .target-contents-inner .mod-tabs .tab-contents {
    background: #fff;
    transition: all 0.3s 0s ease;
}

.page-login .target-contents-inner .mod-tabs .tab-contents h3 img {
    width: 636px;
    height: 56px;
}

.page-login .target-contents-inner .mod-tabs .tab-contents .swiper-container {
    background: #e9eef3;
    position: relative;
    margin-top: 118px;
}

.page-login .target-contents-inner .mod-tabs .tab-contents .swiper-container .swiper-wrapper {
    position: relative;
    top: -63px;
    text-align: center;
    width: 1060px;
    margin: 0 auto -40px auto;
}

.page-login .target-contents-inner .mod-tabs .tab-contents .swiper-container .swiper-wrapper .swiper-slide {
    width: 260px;
    padding: 0 5px;
    margin-bottom: 48px;
    display: inline-block;
}

.page-login .target-contents-inner .mod-tabs .tab-contents .swiper-container .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: auto;
}

.page-login .target-contents.tab-none .target-contents-inner {
    padding-top: 0;
}

.page-login .target-contents.tab-none .target-contents-inner .mod-tabs {
    padding-top: 45px;
}

.page-login .topics-flow {
    background: #fff;
    position: relative;
    padding: 81px 0 76px;
}

.page-login .topics-flow .more {
    position: absolute;
    top: -30px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 74px 72px 0 72px;
    left: 50%;
    margin-left: -72px;
    border-color: #e2356e transparent transparent transparent;
}

.page-login .topics-flow .more span {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 33.3px;
    line-height: 3.33rem;
    letter-spacing: 1px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: -49px;
    left: -72px;
    width: 144px;
    margin-top: -13px;
    display: inline-block;
    text-align: center;
}

.page-login .topics-flow-inner {
    margin: 0 auto;
    text-align: center;
}

.page-login .topics-flow-inner .copy {
    font-size: 20.2px;
    font-size: 2.02rem;
    line-height: 32px;
    line-height: 3.2rem;
    color: #004a83;
    font-weight: bold;
    letter-spacing: 1.5px;
    padding-bottom: 34px;
}

.page-login .topics-flow-inner .copy span {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 32px;
    line-height: 3.2rem;
    color: #e2356e;
}

.page-login .topics-flow-inner .image img {
    max-width: 100%;
    height: auto;
}

.page-login .topics-flow-inner .btnWrap {
    text-align: center;
    padding: 49px 40px 0;
    position: relative;
    z-index: 1;
}

.page-login .topics-flow-inner .btnWrap .btn {
    max-width: 100%;
    width: 700px;
    font-size: 28.02px;
    font-size: 2.802rem;
    line-height: 32px;
    line-height: 3.2rem;
}

.page-login .topics-flow-inner .btnWrap .btn span {
    font-weight: normal;
}

.page-login .cando {
    position: relative;
}

.page-login .cando>h2 {
    text-align: center;
    background: #004a83;
    color: #fff;
    font-weight: bold;
    font-size: 30px;
    font-size: 3rem;
    line-height: 55.5px;
    line-height: 5.55rem;
    padding: 15px 0 0;
    height: 90px;
    margin-bottom: 80px;
}

.page-login .cando .navWrap {
    position: absolute;
    left: 0;
    top: 90px;
    width: 100%;
    z-index: 2000;
    background: #e9eef3;
}

.page-login .cando .navWrap.fixed {
    position: fixed;
    top: 0;
}

.page-login .cando .navWrap nav {
    max-width: 1280px;
    margin: 0 auto;
    height: 80px;
    padding: 15px 40px 0;
}

.page-login .cando .navWrap nav:after {
    content: "";
    clear: both;
    display: block;
}

.page-login .cando .navWrap nav ul {
    float: left;
}

.page-login .cando .navWrap nav ul:first-child {
    margin-top: 6px;
}

.page-login .cando .navWrap nav ul:first-child li a {
    font-size: 20px;
    font-size: 2rem;
    line-height: 37px;
    line-height: 3.7rem;
    font-weight: bold;
    color: #004a83;
    text-decoration: none;
}

.page-login .cando .navWrap nav ul:first-child li a::before {
    content: "";
    width: 0;
    height: 0;
    display: inline-block;
    border: 10px solid transparent;
    border-top-color: #e2356e;
    margin-right: 10px;
    transform: translateY(7px);
}

.page-login .cando .navWrap nav ul:first-child li:not(:first-child) {
    margin-left: 30px;
}

.page-login .cando .navWrap nav ul+ul {
    float: right;
}

.page-login .cando .navWrap nav ul+ul li {
    margin-left: 5px;
}

.page-login .cando .navWrap nav ul li {
    display: inline-block;
}

.page-login .cando .navWrap nav ul li a.btn {
    min-width: 200px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 16px;
    line-height: 1.6rem;
    font-weight: bold;
}

.page-login .cando .navWrap nav ul li a.btn span {
    font-weight: normal;
}

.page-login .cando .visual {
    height: 500px;
    position: relative;
    color: #fff;
}

.page-login .cando .visual::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(/common/img/top-bg-mesh2.png);
    position: absolute;
    left: 0;
    top: 0;
}

.page-login .cando .visual__inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 40px;
    position: relative;
    height: 395px;
    display: flex;
    align-items: center;
}

.page-login .cando .visual__inner h3 {
    margin-bottom: 35px;
}

.page-login .cando .visual__inner p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 32px;
    line-height: 3.2rem;
}

.page-login .cando #c1 {
    margin-top: -80px;
    padding-top: 80px;
}

@media screen and (min-width: 46.0625em) {
    .page-login .cando #c1 {
        display: block !important;
    }
}

.page-login .cando #c1 .visual {
    background: #fff url(/common/img/top-visual-c1.png) right top no-repeat;
}

.page-login .cando #c2 {
    margin-top: -80px;
    padding-top: 80px;
}

@media screen and (min-width: 46.0625em) {
    .page-login .cando #c2 {
        display: block !important;
    }
}

.page-login .cando #c2 .visual {
    background: #fff url(/common/img/top-visual-c2.png) right top no-repeat;
}

.page-login .cando .contents {
    margin-top: -107px;
    max-width: 1180px;
}

.page-login .cando .contents .block {
    position: relative;
    margin-bottom: 45px;
}

.page-login .cando .contents .block::before {
    content: "";
    width: calc(100% + 2px);
    height: 8px;
    background: #004a83;
    position: absolute;
    left: -1px;
    top: -8px;
}

.page-login .cando .contents .block [class^="component-indexMain"]>span {
    position: absolute;
    left: 20px;
    top: -23px;
    width: 220px;
    height: 36px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 29.6px;
    line-height: 2.96rem;
    line-height: 36px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    background: #004a83;
    color: #f3dc1e;
}

.page-login .cando .contents .block [class^="component-indexMain"] .text .release-info {
    background: #8698ac;
    color: #fff;
    display: inline-block;
    width: 165px;
    text-align: center;
    margin-top: 15px;
}

.page-login .cando .contents .block [class^="component-indexMain"] .text .release-info.released {
    background: #f3dc1e;
    color: #004a83;
}

.page-login .cando .contents .block [class^="component-indexMain"] figure {
    margin-bottom: 45px;
}

.page-login .cando .contents .block [class^="component-indexMain"].visual-QA .text {
    padding-bottom: 12px;
}

.page-login .cando .contents .block [class^="component-indexMain"].visual-community .text {
    padding-bottom: 3px;
}

.page-login .cando .contents .block .article_review .panelBox {
    border-top: none;
    padding-top: 0;
    justify-content: center;
}

.page-login .cando .contents .block .article_review .panelBox .col-1-3 {
    width: 280px;
    margin: 0 10px 20px;
}

.page-login .cando .contents .block .top-column {
    padding: 20px 30px 10px;
}

.page-login .cando .contents .block .top-column .mod-thumbLink {
    padding: 0;
    text-align: left;
}

.page-login .cando .contents .block .component-qa-ranking {
    margin: 20px 40px 40px;
}

.page-login .cando .contents .block .top-article_review {
    padding: 0 40px 20px;
}

.page-login .cando .contents .block .top-article_review_ex {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 29.6px;
    line-height: 2.96rem;
    margin-bottom: 10px;
    font-weight: bold;
}

.page-login .cando .contents .block .top-article_review_ex:before {
    content: "";
    width: 0;
    height: 0;
    display: inline-block;
    border: 7px solid transparent;
    border-top-color: #e2356e;
    margin-right: 5px;
    transform: translateY(5px);
}

.page-login .cando .contents .block .top-article_review .title-wrap .title {
    color: #004a83;
    letter-spacing: 1px;
    display: inline-block;
    background: #004a83;
    color: #fff;
    text-align: center;
    height: 30px;
    border-radius: 15px;
    padding: 4px 15px 5px;
}

.page-login .cando .contents .block .top-article_review .title-wrap .title span {
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    padding: 0 2px;
    color: #f3dc1e;
}

.page-login .cando .contents .block .top-article_review .title-wrap .text-article_review {
    padding-top: 8px;
}

.page-login .cando .contents .block .top-article_review .component-arrivalInfo {
    display: flex;
    align-items: center;
    padding: 15px 0 0;
    border-bottom: none;
}

.page-login .cando .contents .block .top-article_review .component-arrivalInfo .mod-organName {
    width: 80px;
    height: 30px;
}

.page-login .cando .contents .block .top-article_review .component-arrivalInfo .mod-articlBody {
    margin-left: 15px;
}

.page-login .cando .contents .block .top-article_review .component-arrivalInfo:last-of-type {
    padding-bottom: 0;
}

.page-login .cando .contents .block .top-article_review .image {
    display: flex;
    justify-content: space-between;
    -ms-flex-pack: justify;
    margin: 0 -10px;
}

.page-login .cando .contents .block .top-article_review .image-inner {
    padding: 0 10px;
}

.page-login .cando .contents .block .top-article_review .image-inner img {
    max-width: 100%;
}

.page-login .cando .contents .block .top-article_review .ministry-list ul {
    text-align: center;
    margin: 20px 0;
}

.page-login .cando .contents .block .top-article_review .ministry-list ul li {
    background: #004a83;
    color: #fff;
    width: 100px;
    text-align: center;
    display: inline-block;
}

.page-login .cando .contents .block .top_newsList {
    margin: 20px 40px 40px;
    background: #fff;
    border: 1px solid #d2dce7;
}

.page-login .cando .contents .block .top_newsList figure {
    text-align: left;
    margin-bottom: 0;
}

.page-login .cando .contents .block--2col:after {
    content: "";
    clear: both;
    display: block;
}

.page-login .cando .contents .block--2col .block--col {
    width: 50%;
    float: left;
    padding: 0 20px 0 0;
}

.page-login .cando .contents .block--2col .block--col .block {
    margin-bottom: 60px;
}

.page-login .cando .contents .block--2col .block--col [class^="component-indexMain"] {
    background: #fff;
}

.page-login .cando .contents .block--2col .block--col [class^="component-indexMain"] .title {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 51.8px;
    line-height: 5.18rem;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

.page-login .cando .contents .block--2col .block--col [class^="component-indexMain"] .release-info {
    transform: translateY(2px);
}

.page-login .cando .contents .block--2col .block--col .image img {
    width: 100%;
}

.page-login .cando .contents .block--2col .block--col+.block--col {
    float: right;
    padding: 0 0 0 20px;
}

.page-login .cando .contents .block--2col+.btnWrap {
    padding: 0 40px 90px;
}

.page-login .cando .contents .btnWrap {
    text-align: center;
    padding: 0 40px 75px;
    position: relative;
    z-index: 1;
}

.page-login .login_template-link {
    padding-top: 20px;
    margin-bottom: -20px;
}

.page-login .point {
    background: #fff;
    position: relative;
}

.page-login .point .bg {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    bottom: 230px;
    opacity: 0;
    background: url(/common/img/top-point-bg.svg) center bottom no-repeat;
}

.page-login .point__inner {
    display: flex;
    justify-content: center;
    padding: 85px 0 57px;
}

.page-login .point__inner .image {
    width: 202px;
}

.page-login .point__inner .image img {
    width: 100%;
}

.page-login .point__inner .text {
    padding: 35px 0 0 56px;
}

.page-login .point__inner .text h2 {
    margin-bottom: 20px;
}

.page-login .point__inner .text h2 span {
    position: absolute;
    width: 100%;
    left: 0;
    top: -15px;
    z-index: 2;
    display: block;
    text-align: center;
    color: #f3dc1e;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 33.3px;
    line-height: 3.33rem;
    font-weight: bold;
}

.page-login .point__inner .text h2 span::before {
    content: "";
    width: 0;
    height: 0;
    border: 72px solid transparent;
    border-top-color: #004a83;
    position: absolute;
    left: 50%;
    top: -10px;
    z-index: -1;
    margin-left: -72px;
}

.page-login .point__inner .text p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 29.6px;
    line-height: 2.96rem;
}

.page-login .point .btnWrap {
    text-align: center;
    padding: 0 40px 80px;
}

.page-login .footer__sitemap {
    display: none;
}

.page-login .point-professional {
    padding: 35px 0 40px;
}

.page-login .point-professional .point__inner {
    padding-bottom: 150px;
}

.page-login .point-professional-title {
    padding-top: 20px;
}

.page-login #c2 .text h3 img {
    height: 76px;
    width: auto;
}

.page-login .page-title {
    text-align: center;
    background: #004a83;
    color: #fff;
    font-weight: bold;
    font-size: 30px;
    font-size: 3rem;
    line-height: 55.5px;
    line-height: 5.55rem;
    padding: 15px 0 0;
    height: 90px;
    letter-spacing: 1px;
}

.page-login .page-title span {
    font-size: 20px;
    font-size: 2rem;
    line-height: 37px;
    line-height: 3.7rem;
    display: inline-block;
    padding-right: 5px;
}

.page-login .block+.btnWrap .btn {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 16px;
    line-height: 1.6rem;
    font-weight: bold;
    padding: 15px 35px;
}

@media screen and (min-width: 735px) and (max-width: 1456px) {
    .w-delete {
        display: none;
    }
    .page-login .mainVisual__inner .target-link {
        top: 46px;
        margin-top: 0;
    }
}

@media screen and (max-width: 46em) {
    .page-login {
        height: 100% !important;
    }
    .page-login .btn.size-m {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 20px;
        line-height: 2rem;
        font-weight: bold;
        padding: 14px 15px;
    }
    .page-login .btn.size-m span {
        font-weight: normal;
    }
    .page-login .btn.size-m span.small {
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 20.35px;
        line-height: 2.035rem;
    }
    .page-login .btn.size-m.inset-small {
        padding: 14px 15px 10px 15px;
    }
    .page-login .btn.sp-hide+.btn.pc-hide {
        margin-top: 0;
    }
    .page-login .mod-accordion {
        text-align: center;
        background: #004a83;
        padding: 14px 21px;
        border-top: 1px solid #e9eef3;
    }
    .page-login .mod-accordion::before {
        display: none;
    }
    .page-login .mod-accordion::after {
        width: 0;
        height: 0;
        border: 8px solid transparent;
        border-top-color: #e2356e;
        background: none;
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -2px;
        transform: rotate(0);
        transition: all 0s 0s ease;
    }
    .page-login .mod-accordion.is-open::after {
        transform: rotate(0) rotateX(180deg) translateY(9px);
    }
    .page-login .mainVisual {
        height: auto;
        min-height: 0;
    }
    .page-login .mainVisual .loader {
        display: none;
    }
    .page-login .mainVisual .video,
    .page-login .mainVisual .video-alt {
        height: 90.625vw;
    }
    .page-login .mainVisual .video {
        display: none;
    }
    .page-login .mainVisual .video-alt {
        display: block;
        z-index: 0;
    }
    .page-login .mainVisual__inner {
        position: static;
    }
    .page-login .mainVisual__inner .tagline {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        padding: 0;
        height: 34px;
        white-space: nowrap;
        overflow: hidden;
        width: 100%;
    }
    .page-login .mainVisual__inner .tagline ul {
        animation: tagSlide 30s ease infinite;
    }
    @-webkit-keyframes tagSlide {
        0% {
            transform: translateY(0px);
        }
        10% {
            transform: translateY(0px);
        }
        12.5% {
            transform: translateY(-34px);
        }
        22.5% {
            transform: translateY(-34px);
        }
        25% {
            transform: translateY(-68px);
        }
        35% {
            transform: translateY(-68px);
        }
        37.5% {
            transform: translateY(-102px);
        }
        47.5% {
            transform: translateY(-102px);
        }
        50% {
            transform: translateY(-136px);
        }
        60% {
            transform: translateY(-136px);
        }
        62.5% {
            transform: translateY(-170px);
        }
        72.5% {
            transform: translateY(-170px);
        }
        75% {
            transform: translateY(-204px);
        }
        85% {
            transform: translateY(-204px);
        }
        87.5% {
            transform: translateY(-238px);
        }
        97.5% {
            transform: translateY(-238px);
        }
        100% {
            transform: translateY(-272px);
        }
    }
    .page-login .mainVisual__inner .tagline li {
        display: block;
        height: 34px;
        line-height: 34px;
    }
    .page-login .mainVisual__inner .logo {
        width: 65.3125%;
        position: absolute;
        top: 20.9375vw;
        left: 0;
        right: 0;
        z-index: 2;
        margin: auto;
    }
    .page-login .mainVisual__inner .textBottom {
        position: static;
        background: none;
        padding: 1px 15px 20px;
        display: block;
    }
    .page-login .mainVisual__inner .textBottom__text {
        margin-top: 115.625vw;
        color: #004a83;
        letter-spacing: 0.5px;
    }
    .page-login .mainVisual__inner .textBottom__text h1 {
        width: 100%;
        left: 0;
        top: 90.625vw;
        height: 21.875vw;
        background: #004a83;
        padding: 0 5px 0 18px;
    }
    .page-login .mainVisual__inner .textBottom__text h1 img {
        width: 100%;
        transform: translateY(-17.1875vw);
    }
    .page-login .mainVisual__inner .textBottom__text .sp-loginBox {
        margin: 0 18px 0;
        padding-top: 12px;
        text-align: center;
        padding-bottom: 20px;
    }
    .page-login .mainVisual__inner .textBottom__text .sp-loginBox div {
        margin-bottom: 15px;
    }
    .page-login .mainVisual__inner .textBottom__text .sp-loginBox .pw-forget {
        padding-top: 3px;
        display: inline-block;
    }
    .page-login .mainVisual__inner .textBottom__text .mod-social-login {
        padding: 15px;
        margin: 0 3px 20px;
        border-bottom: 1px solid #d2dce7;
        border-top: none;
    }
    .page-login .mainVisual__inner .textBottom__text h2 {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 22px;
        line-height: 2.2rem;
        float: none;
    }
    .page-login .mainVisual__inner .textBottom__text p {
        padding: 0;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
        line-height: 2.4rem;
        width: 100%;
    }
    .page-login .mainVisual__inner .textBottom__text p .noticeSmall {
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 18px;
        line-height: 1.8rem;
        display: inline-block;
        padding-top: 5px;
    }
    .page-login .mainVisual__inner .textBottom__anchor {
        display: none;
    }
    .page-login .schedule__head {
        padding: 30px 15px;
    }
    .page-login .schedule__head p {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 25.9px;
        line-height: 2.59rem;
    }
    .page-login .schedule__head div {
        width: 65.625%;
        margin: 0 auto;
    }
    .page-login .schedule__head div img {
        width: 100%;
        margin-left: 4.6875%;
    }
    .page-login .schedule__timeline {
        padding-top: 30px;
    }
    .page-login .schedule__timeline [class^='month-']::before {
        width: 4px;
        left: 45px;
        transform: translateX(-2px);
    }
    .page-login .schedule__timeline [class^='month-'] .date {
        width: 90px;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 24.05px;
        line-height: 2.405rem;
        padding-right: 0;
        padding-top: 2px;
    }
    .page-login .schedule__timeline [class^='month-'] .date span {
        position: absolute;
        top: -28px;
        left: 0;
        width: 90px;
        text-align: center;
    }
    .page-login .schedule__timeline [class^='month-'] .date::before,
    .page-login .schedule__timeline [class^='month-'] .date::after {
        right: 31px;
    }
    .page-login .schedule__timeline [class^='month-'] .date::before {
        width: 28px;
        height: 28px;
    }
    .page-login .schedule__timeline [class^='month-'] .date::after {
        width: 14px;
        height: 14px;
        margin: 7px;
    }
    .page-login .schedule__timeline [class^='month-'] .text .release {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 24.05px;
        line-height: 2.405rem;
        line-height: 1.4;
        margin-left: -25px;
    }
    .page-login .schedule__timeline [class^='month-'] .text .release strong {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 22.2px;
        line-height: 2.22rem;
        line-height: 1.4;
    }
    .page-login .schedule__timeline [class^='month-'] .text .release strong b {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 33.3px;
        line-height: 3.33rem;
        line-height: 1.4;
    }
    .page-login .schedule__timeline [class^='month-'].month-1 .bg {
        height: 403px;
    }
    .page-login .schedule__timeline [class^='month-'].month-1 .bg img {
        bottom: auto;
        top: -22px;
        left: 61%;
        width: 138px;
    }
    .page-login .schedule__timeline [class^='month-'].month-1 .text {
        top: 20px;
        height: 57px;
        width: calc(100% - 135px);
    }
    .page-login .schedule__timeline [class^='month-'].month-2 {
        padding-bottom: 140px;
    }
    .page-login .schedule__timeline [class^='month-'].month-2 .text {
        display: block;
        width: 100%;
        padding: 80px 20px 0 110px;
    }
    .page-login .schedule__timeline [class^='month-'].month-2 .text h3 {
        width: 100%;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 29.6px;
        line-height: 2.96rem;
        line-height: 1.2;
        letter-spacing: normal;
    }
    .page-login .schedule__timeline [class^='month-'].month-2 .text h3 span {
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 20.35px;
        line-height: 2.035rem;
        line-height: 1.2;
    }
    .page-login .schedule__timeline [class^='month-'].month-2 .text h3 mark {
        font-size: 20px;
        font-size: 2rem;
        line-height: 37px;
        line-height: 3.7rem;
        line-height: 1.2;
        background: none;
    }
    .page-login .schedule__timeline [class^='month-'].month-2 .text p {
        width: 100%;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 22.2px;
        line-height: 2.22rem;
    }
    .page-login .schedule__timeline [class^='month-'].month-3 .text {
        top: 105px;
        height: 57px;
        width: calc(100% - 135px);
    }
    .page-login .schedule__timeline [class^='month-'].month-4 {
        padding-bottom: 210px;
    }
    .page-login .schedule__timeline [class^='month-'].month-4::after {
        border: 8px solid transparent;
        border-top: 16px solid #f3dc1e;
        bottom: -40px;
        left: 45px;
        transform: translateX(-8px);
    }
    .page-login .schedule__timeline [class^='month-'].month-4 .bg span:nth-child(1) {
        background-size: 145px 118px;
        transform: translate(22vw, 50px);
    }
    .page-login .schedule__timeline [class^='month-'].month-4 .bg span:nth-child(2) {
        background-size: 320px 116px;
        transform: translate(-25vw, 150px);
    }
    .page-login .schedule__timeline [class^='month-'].month-4 .bg span:nth-child(3) {
        background-size: 620px 116px;
        transform: translate(-110vw, 250px);
    }
    .page-login .schedule__timeline [class^='month-'].month-4 .text {
        margin-left: 65px;
        width: calc(100% - 80px);
        left: 0;
        top: 40px;
    }
    .page-login .schedule__timeline [class^='month-'].month-4 .text h3 {
        width: 100%;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 33.3px;
        line-height: 3.33rem;
        line-height: 1.4;
        letter-spacing: normal;
        margin-bottom: 0;
    }
    .page-login .schedule__timeline [class^='month-'].month-4 .text h3 span {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 22.2px;
        line-height: 2.22rem;
        line-height: 1.4;
    }
    .page-login .schedule__timeline [class^='month-'].month-4 .text h3 mark {
        font-size: 23px;
        font-size: 2.3rem;
        line-height: 42.55px;
        line-height: 4.255rem;
        line-height: 1.4;
    }
    .page-login .schedule__timeline [class^='month-'].month-4 .text p {
        width: 100%;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 22.2px;
        line-height: 2.22rem;
    }
    .page-login .schedule__timeline [class^='month-'].month-4 .text p span {
        margin: 10px auto 0;
        padding: 8px 10px;
    }
    .page-login .schedule__timeline .signup {
        margin: 35px 15px 30px;
    }
    .page-login .target-contents-inner {
        max-width: inherit;
        padding: 44px 0 0 0;
    }
    .page-login .target-contents-inner .mod-tabs {
        background: #fff;
    }
    .page-login .target-contents-inner .mod-tabs .tabs {
        justify-content: center;
        border-bottom: none;
        padding: 0 7px 40px;
        width: 100%;
        margin: 0 auto;
    }
    .page-login .target-contents-inner .mod-tabs .tabs li {
        padding: 0 4px;
        width: calc(50% - 7px);
        margin: -25px 0 0 0;
    }
    .page-login .target-contents-inner .mod-tabs .tabs li a {
        height: 50px !important;
        padding: 18px 14px !important;
        width: 100%;
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 27.75px;
        line-height: 2.775rem;
        min-width: auto !important;
        line-height: 1;
    }
    .page-login .target-contents-inner .mod-tabs .tabs li a:after {
        content: none !important;
    }
    .page-login .target-contents-inner .mod-tabs .tabs li a.is-active:before {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 12px 12px 0 12px;
        border-color: #e2356e transparent transparent transparent;
        position: absolute;
        bottom: -22px;
        left: 50%;
        margin-left: -12px;
        transition: all 0.3s 0s ease;
    }
    .page-login .target-contents-inner .mod-tabs .tabs li a.is-active:hover {
        background: #004a83;
    }
    .page-login .target-contents-inner .mod-tabs .tabs li a.is-active:active {
        background: #004a83;
    }
    .page-login .target-contents-inner .mod-tabs .tab-contents {
        background: #fff;
        padding: 0;
    }
    .page-login .target-contents-inner .mod-tabs .tab-contents h3 img {
        width: 170px;
        height: auto;
    }
    .page-login .target-contents-inner .mod-tabs .tab-contents .swiper-container {
        width: 100%;
        margin-top: 32px;
        padding-bottom: 40px;
        overflow-x: scroll;
    }
    .page-login .target-contents-inner .mod-tabs .tab-contents .swiper-container.tab-contents-kanri .tab-contents-kanri-inner {
        width: 1000px;
    }
    .page-login .target-contents-inner .mod-tabs .tab-contents .swiper-container.tab-contents-kanri:before {
        width: 1000px;
    }
    .page-login .target-contents-inner .mod-tabs .tab-contents .swiper-container.tab-contents-pro .tab-contents-pro-inner {
        width: 752px;
    }
    .page-login .target-contents-inner .mod-tabs .tab-contents .swiper-container.tab-contents-pro:before {
        width: 752px;
    }
    .page-login .target-contents-inner .mod-tabs .tab-contents .swiper-container:before {
        content: "";
        display: block;
        height: 50px;
        position: absolute;
        top: 0;
        left: 0;
        background: #fff;
    }
    .page-login .target-contents-inner .mod-tabs .tab-contents .swiper-container .swiper-wrapper {
        padding: 0 20px 0 6px;
        margin-bottom: 0;
        top: 0;
        text-align: left;
    }
    .page-login .target-contents-inner .mod-tabs .tab-contents .swiper-container .swiper-wrapper .swiper-slide {
        text-align: center;
        padding: 0;
        width: 225px;
        margin-bottom: 0;
        margin-left: 14px;
    }
    .page-login .target-contents-inner .mod-tabs .tab-contents .swiper-container .swiper-wrapper .swiper-slide img {
        width: 100%;
        height: auto;
    }
    .page-login .target-contents-inner .mod-tabs .tab-contents .swiper-container::-webkit-scrollbar {
        display: none;
    }
    .page-login .target-contents-inner .mod-tabs .tab-contents#tab-2 h3 img {
        width: auto;
        height: 36px;
    }
    .page-login .target-contents.tab-none .target-contents-inner .mod-tabs {
        padding-top: 28px;
    }
    .page-login .topics-flow {
        background: #fff;
        position: relative;
        padding: 51px 0 23px;
    }
    .page-login .topics-flow .more {
        position: absolute;
        top: -23px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 55px 54px 0 54px;
        left: 50%;
        margin-left: -54px;
        border-color: #e2356e transparent transparent transparent;
        z-index: 2;
    }
    .page-login .topics-flow .more span {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 25.9px;
        line-height: 2.59rem;
        letter-spacing: 1px;
        font-weight: bold;
        color: #fff;
        position: absolute;
        top: -35px;
        left: -54px;
        width: 108px;
        margin-top: -13px;
        display: inline-block;
        text-align: center;
    }
    .page-login .topics-flow-inner {
        margin: 0 auto;
        text-align: center;
    }
    .page-login .topics-flow-inner .copy {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 22px;
        line-height: 2.2rem;
        color: #004a83;
        font-weight: bold;
        letter-spacing: 1px;
        padding-bottom: 20px;
    }
    .page-login .topics-flow-inner .copy span {
        font-size: 17px;
        font-size: 1.7rem;
        line-height: 22px;
        line-height: 2.2rem;
        color: #e2356e;
    }
    .page-login .topics-flow-inner .image {
        padding: 0 20px;
    }
    .page-login .topics-flow-inner .image img {
        max-width: 277px;
        height: auto;
    }
    .page-login .topics-flow-inner .btnWrap {
        text-align: center;
        padding: 25px 18px 0;
        position: relative;
        z-index: 1;
    }
    .page-login .topics-flow-inner .btnWrap .btn {
        margin-top: 0;
        min-width: 0;
        width: 100%;
        padding: 14px 15px;
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 20px;
        line-height: 2rem;
        box-shadow: 2px 3px rgba(0, 0, 0, 0.1);
    }
    .page-login .topics-flow-inner .btnWrap .btn span {
        display: none;
    }
    .page-login .topics-flow-inner .btnWrap .btn:after {
        content: none;
    }
    .page-login .cando {
        margin-bottom: 2px;
    }
    .page-login .cando>h2 {
        background: #e9eef3;
        color: #004a83;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 33.3px;
        line-height: 3.33rem;
        padding: 8px 0;
        height: auto;
        margin-bottom: 0;
    }
    .page-login .cando .visual {
        height: 250px;
    }
    .page-login .cando .visual__inner {
        padding: 0 15px;
        height: 250px;
    }
    .page-login .cando .visual__inner h3 {
        margin-bottom: 10px;
        height: 38px;
    }
    .page-login .cando .visual__inner h3 img {
        height: 100%;
    }
    .page-login .cando .visual__inner p {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 19px;
        line-height: 1.9rem;
    }
    .page-login .cando #c1 {
        display: none;
    }
    .page-login .cando #c1 .visual {
        background-position: center;
        background-size: cover;
    }
    .page-login .cando #c2 {
        display: none;
    }
    .page-login .cando #c2 .visual {
        background-position: 70% center;
        background-size: cover;
    }
    .page-login .cando .contents {
        margin-top: 0;
    }
    .page-login .cando .contents .block {
        margin-bottom: 30px;
    }
    .page-login .cando .contents .block::before {
        height: 4px;
        top: -4px;
        width: 100%;
    }
    .page-login .cando .contents .block [class^="component-indexMain"]>span {
        left: 15px;
        top: -14px;
        width: 140px;
        height: 23px;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 20.35px;
        line-height: 2.035rem;
        line-height: 23px;
    }
    .page-login .cando .contents .block [class^="component-indexMain"] .text .release-info {
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 20.35px;
        line-height: 2.035rem;
        width: 123px;
    }
    .page-login .cando .contents .block [class^="component-indexMain"] figure {
        margin-bottom: 20px;
    }
    .page-login .cando .contents .block .top-column {
        padding: 0 15px 15px 15px;
    }
    .page-login .cando .contents .block .top-column .mod-thumbLink {
        padding: 0;
        text-align: left;
        margin: 0;
    }
    .page-login .cando .contents .block .top-column .mod-thumbLink>img {
        max-width: inherit;
    }
    .page-login .cando .contents .block .component-qa-ranking {
        margin: 0 15px 15px;
    }
    .page-login .cando .contents .block .tmp-rank .mod-thumbLink>img {
        width: 60px;
    }
    .page-login .cando .contents .block .top-article_review {
        padding: 0 15px 15px;
        margin-top: -10px;
    }
    .page-login .cando .contents .block .top-article_review:not(:first-child) {
        margin-top: 0;
    }
    .page-login .cando .contents .block .top-article_review_ex {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 25.9px;
        line-height: 2.59rem;
        margin-bottom: 5px;
        font-weight: bold;
    }
    .page-login .cando .contents .block .top-article_review_ex:before {
        content: "";
        width: 0;
        height: 0;
        display: inline-block;
        border: 7px solid transparent;
        border-top-color: #e2356e;
        margin-right: 5px;
        transform: translateY(5px);
    }
    .page-login .cando .contents .block .top-article_review .title-wrap .title {
        color: #004a83;
        letter-spacing: 1px;
        display: inline-block;
        background: #004a83;
        color: #fff;
        text-align: center;
        height: 24px;
        border-radius: 12px;
        padding: 1px 15px 5px;
    }
    .page-login .cando .contents .block .top-article_review .title-wrap .title span {
        font-weight: bold;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
        line-height: 2.4rem;
        padding: 0 2px;
        color: #f3dc1e;
    }
    .page-login .cando .contents .block .top-article_review .title-wrap .text-article_review {
        padding-top: 8px;
    }
    .page-login .cando .contents .block .top-article_review .component-arrivalInfo {
        display: flex;
        align-items: flex-start;
        padding: 15px 0 0;
        border-bottom: none;
    }
    .page-login .cando .contents .block .top-article_review .component-arrivalInfo .mod-organName {
        width: 75px;
        height: 24px;
    }
    .page-login .cando .contents .block .top-article_review .component-arrivalInfo .mod-articlBody {
        margin: 0 0 5px 15px;
        width: calc(100% - 90px);
    }
    .page-login .cando .contents .block .top-article_review .component-arrivalInfo:last-of-type {
        padding-bottom: 0;
    }
    .page-login .cando .contents .block .top-article_review .image {
        display: block;
        justify-content: space-between;
        -ms-flex-pack: justify;
        margin: 0;
        text-align: center;
    }
    .page-login .cando .contents .block .top-article_review .image-inner {
        padding: 0 0 10px 0;
    }
    .page-login .cando .contents .block .top-article_review .image-inner img {
        max-width: 290px;
        width: 290px;
    }
    .page-login .cando .contents .block .top-article_review .image-inner:last-child {
        padding-bottom: 0;
    }
    .page-login .cando .contents .block .top-article_review .ministry-list ul {
        text-align: center;
        margin: 15px 20px 5px;
    }
    .page-login .cando .contents .block .top-article_review .ministry-list ul li {
        background: #004a83;
        color: #fff;
        width: auto;
        text-align: center;
        display: inline-block;
        margin: 5px 0 0 0;
        padding: 0 5px;
    }
    .page-login .cando .contents .block--2col .block--col {
        width: 100%;
        float: none;
        padding: 0;
    }
    .page-login .cando .contents .block--2col .block--col .block {
        margin-bottom: 30px;
    }
    .page-login .cando .contents .block--2col .block--col [class^="component-indexMain"] .title {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 33.3px;
        line-height: 3.33rem;
        margin-right: 10px;
    }
    .page-login .cando .contents .block--2col .block--col+.block--col {
        float: none;
        padding: 0;
    }
    .page-login .cando .contents .block--2col+.btnWrap {
        padding: 0 15px 30px;
    }
    .page-login .cando .contents .btnWrap {
        padding: 0 15px 45px;
    }
    .page-login .cando .contents .btnWrap .btn {
        margin-top: 0;
        min-width: 0;
        width: 100%;
        padding: 14px 15px;
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 20px;
        line-height: 2rem;
        box-shadow: 2px 3px rgba(0, 0, 0, 0.1);
    }
    .page-login .cando .contents .btnWrap .btn:after {
        content: none;
    }
    .page-login .cando .contents .btnWrap .btn .small {
        display: none;
    }
    .page-login .login_template-link {
        padding-top: 15px;
        margin-bottom: -15px;
    }
    .page-login .point .bg {
        display: none;
    }
    .page-login .point__inner {
        display: block;
        padding: 120px 0 30px;
    }
    .page-login .point__inner .image {
        width: 52.5%;
        margin: 0 auto;
    }
    .page-login .point__inner .text {
        padding: 25px 15px 0;
        text-align: center;
    }
    .page-login .point__inner .text h2 {
        width: 63.75%;
        margin: 0 auto 15px;
    }
    .page-login .point__inner .text h2 img {
        width: 100%;
    }
    .page-login .point__inner .text h2 span {
        top: 30px;
    }
    .page-login .point__inner .text p {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 22.2px;
        line-height: 2.22rem;
    }
    .page-login .point .btnWrap {
        padding: 0 15px 40px;
    }
    .page-login #c2 .text h3 img {
        height: 38px;
        width: auto;
    }
    .page-login .point-professional {
        padding: 0 0 20px 0;
        padding-bottom: 20px;
    }
    .page-login .point-professional .point__inner {
        padding: 120px 0 30px;
    }
    .page-login .page-title {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 24px;
        line-height: 2.4rem;
        padding: 8px 0;
        height: auto;
        letter-spacing: 1px;
    }
    .page-login .page-title span {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 22.2px;
        line-height: 2.22rem;
        display: block;
        padding-right: 5px;
    }
}


/*activity_setting*/

.about .visual {
    background: #fff url(/common/img/about-visual.png) 0 0 no-repeat;
    background-size: cover;
    height: 500px;
    position: relative;
}

.about .visual:before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(/common/img/top-bg-mesh2.png);
    left: 0;
    top: 0;
}

.about .visual .visual__inner {
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 40px;
    position: relative;
    height: 395px;
    display: flex;
    align-items: center;
}

.about .visual .visual__inner .text {
    width: 100%;
    padding: 0 25px 0 45px;
    display: table;
}

.about .visual .visual__inner .text h1 {
    display: table-cell;
    width: 286px;
}

.about .visual .visual__inner .text h1 img {
    width: 100%;
}

.about .visual .visual__inner .text p {
    display: table-cell;
    vertical-align: middle;
    padding-left: 60px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 3px;
}

.about .visual .visual__inner .text p .small {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 44px;
    line-height: 4.4rem;
    font-weight: normal;
    letter-spacing: 2px;
    font-weight: normal;
}

.about .visual .visual__inner .text p .small sup {
    font-size: 9px;
    font-size: 0.9rem;
    line-height: 16.65px;
    line-height: 1.665rem;
    position: relative;
    top: -7px;
}

.about .visual .visual__inner .text p .noticeSmall {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 20.35px;
    line-height: 2.035rem;
    letter-spacing: 0;
    font-weight: normal;
}

.about .visual .visual__inner .text p .large {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 44px;
    line-height: 4.4rem;
}

.about .contents {
    max-width: 1080px;
}

.about .contents .block {
    margin-top: -92px;
    position: relative;
    padding: 65px 90px;
}

.about .contents .block:before {
    content: "";
    width: calc(100% + 2px);
    height: 8px;
    background: #004a83;
    position: absolute;
    left: -1px;
    top: -8px;
}

.about .contents .block .text {
    color: #004a83;
}

.about .contents .block .text .title {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 26px;
    line-height: 2.6rem;
    font-weight: bold;
    color: #004a83;
    border-bottom: 6px solid #f3dc1e;
    display: inline-block;
    padding-bottom: 6px;
    letter-spacing: 3px;
    margin-bottom: 60px;
    text-align: center;
    letter-spacing: 1px;
}

.about .contents .block .text .etymology {
    display: table;
    border-collapse: separate;
    border-spacing: 78px;
    margin: -78px -78px -12px -78px;
    text-align: center;
}

.about .contents .block .text .etymology p {
    display: table-cell;
    width: 220px;
    height: 220px;
    vertical-align: middle;
    border: 1px solid #d2dce7;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 32.59px;
    line-height: 3.259rem;
    font-weight: bold;
    position: relative;
}

.about .contents .block .text .etymology p span {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    font-weight: normal;
}

.about .contents .block .text .etymology p:first-child::after,
.about .contents .block .text .etymology p:first-child::before {
    content: "";
    display: block;
    width: 40px;
    height: 6px;
    border: 0;
    background: #668ab1;
    position: absolute;
    top: 110px;
    right: -60px;
    transition: all 0.3s 0s ease;
    margin-top: -3px;
}

.about .contents .block .text .etymology p:first-child::after {
    transform: rotate(90deg);
    top: 110px;
}

.about .contents .block .text .etymology p:last-child::after,
.about .contents .block .text .etymology p:last-child::before {
    content: "";
    display: block;
    width: 40px;
    height: 6px;
    border: 0;
    background: #668ab1;
    position: absolute;
    top: 110px;
    left: -60px;
    margin-top: 8px;
    transition: all 0.3s 0s ease;
}

.about .contents .block .text .etymology p:last-child::after {
    top: 110px;
    margin-top: -10px;
}

.about .contents .block .text .lead {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 30px;
    line-height: 3rem;
    font-weight: bold;
    margin-bottom: 16px;
    letter-spacing: 1px;
}

.about .contents .block .text .lead+p {
    letter-spacing: 1px;
}

.about .contents .block .btnWrap {
    margin-top: 56px;
    text-align: center;
}

.about .contents .block .btnWrap .target {
    font-size: 20px;
    font-size: 2rem;
    line-height: 20px;
    line-height: 2rem;
    padding: 25px 25px 20px 25px;
    width: calc(50% - 14px);
    min-width: auto;
}

.about .contents .block .btnWrap .target .small {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 20px;
    line-height: 2rem;
    display: inline-block;
    padding-top: 8px;
    font-weight: normal;
}

.about .contents .block .btnWrap.btnWrap-ragister .btn {
    font-size: 20px;
    font-size: 2rem;
    line-height: 20px;
    line-height: 2rem;
}

@media screen and (max-width: 46em) {
    .about .visual {
        background: #fff url(/common/img/about-visual-sp.png) center 0 no-repeat;
        background-size: cover;
        height: 285px;
        position: relative;
    }
    .about .visual:before {
        position: absolute;
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background: url(/common/img/top-bg-mesh2.png);
        left: 0;
        top: 0;
    }
    .about .visual .visual__inner {
        max-width: 100%;
        margin: 0 auto;
        padding: 20px;
        position: relative;
        height: 285px;
        display: block;
    }
    .about .visual .visual__inner .text {
        width: 100%;
        padding: 0;
        display: block;
        text-align: center;
    }
    .about .visual .visual__inner .text h1 {
        display: block;
        width: 143px;
        margin: 0 auto 20px auto;
    }
    .about .visual .visual__inner .text h1 img {
        width: 144px;
        height: auto;
    }
    .about .visual .visual__inner .text p {
        display: block;
        vertical-align: middle;
        width: 100%;
        padding-left: 0;
        color: #fff;
        font-weight: bold;
        letter-spacing: 1px;
    }
    .about .visual .visual__inner .text p .small {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 18px;
        line-height: 1.8rem;
        font-weight: normal;
        letter-spacing: 0.5px;
    }
    .about .visual .visual__inner .text p .large {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 24px;
        line-height: 2.4rem;
    }
    .about .visual .visual__inner .text p .noticeSmall {
        font-size: 10px;
        font-size: 1rem;
        line-height: 18.5px;
        line-height: 1.85rem;
        display: inline-block;
        padding-top: 5px;
    }
    .about .contents {
        max-width: 100%;
    }
    .about .contents .block {
        margin-top: 0px;
        padding: 38px 15px;
    }
    .about .contents .block:before {
        height: 4px;
        top: -4px;
    }
    .about .contents .block .text {
        color: #004a83;
    }
    .about .contents .block .text .title {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 18px;
        line-height: 1.8rem;
        border-bottom: 6px solid #f3dc1e;
        display: inline-block;
        padding-bottom: 6px;
        letter-spacing: 0;
        margin-bottom: 35px;
        text-align: center;
    }
    .about .contents .block .text .etymology {
        display: block;
        margin: 0;
    }
    .about .contents .block .text .etymology p {
        display: block;
        width: 250px;
        margin: 0 auto 35px auto;
        height: auto;
        padding: 20px 0 17px 0;
        font-size: 19px;
        font-size: 1.9rem;
        line-height: 18px;
        line-height: 1.8rem;
    }
    .about .contents .block .text .etymology p span {
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 11px;
        line-height: 1.1rem;
    }
    .about .contents .block .text .etymology p:first-child::after,
    .about .contents .block .text .etymology p:first-child::before {
        content: "";
        display: block;
        width: 20px;
        height: 3px;
        border: 0;
        background: #668ab1;
        position: absolute;
        top: inherit;
        right: inherit;
        transition: all 0.3s 0s ease;
        left: 50%;
        margin-top: 0;
        bottom: -20px;
        margin-left: -10px;
    }
    .about .contents .block .text .etymology p:first-child::after {
        transform: rotate(90deg);
        top: inherit;
    }
    .about .contents .block .text .etymology p:last-child::after,
    .about .contents .block .text .etymology p:last-child::before {
        content: "";
        display: block;
        width: 20px;
        height: 3px;
        border: 0;
        background: #668ab1;
        position: absolute;
        top: -20px;
        right: inherit;
        transition: all 0.3s 0s ease;
        transform: rotate(90deg);
        left: 50%;
        margin-top: 0;
        margin-left: -5px;
    }
    .about .contents .block .text .etymology p:last-child::after {
        top: -20px;
        margin-top: 0;
        margin-left: -15px;
    }
    .about .contents .block .text .lead {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 22px;
        line-height: 2.2rem;
        margin-bottom: 15px;
        text-align: left;
    }
    .about .contents .block .text .lead+p {
        text-align: left;
        letter-spacing: 0px;
    }
    .about .contents .block .btnWrap {
        margin-top: 30px;
        text-align: center;
    }
    .about .contents .block .btnWrap .target {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 20px;
        line-height: 2rem;
        padding: 14px 15px;
        width: 100%;
        min-width: auto;
        box-shadow: 2px 3px rgba(0, 0, 0, 0.1) !important;
    }
    .about .contents .block .btnWrap .target .small {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 20px;
        line-height: 2rem;
        display: inline-block;
        padding-top: 0;
        font-weight: normal;
    }
    .about .contents .block .btnWrap+.btnWrap {
        margin-top: 36px;
    }
    .about .contents .block .btnWrap+.btnWrap .btn {
        min-width: inherit;
        width: 100%;
        padding: 11px 25px;
    }
    .about .contents .block .btnWrap.btnWrap-ragister .btn {
        padding: 15px 20px;
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 20px;
        line-height: 2rem;
    }
    .about .contents .block .btnWrap.btnWrap-ragister .btn:after {
        content: none;
    }
}

.rule .rule-ul>li {
    margin-bottom: 15px;
    margin-left: 20px;
}

.rule .rule-ul>li:last-child {
    margin-bottom: 0;
}

.rule .dicimal li {
    list-style-type: decimal;
}

.rule .dicimal-brackets li {
    list-style-type: none;
    list-style-position: inside;
    counter-increment: cnt;
}

.rule .dicimal-brackets li:before {
    display: marker;
    content: "(" counter(cnt) ") ";
}

@media screen and (max-width: 46em) {
    .rule ol li .inner {
        padding: 15px 0;
    }
}

main.message {
    margin-bottom: 0;
    height: calc(100vh - 85px);
}

main.message .contents {
    height: 100%;
}

main.message .contents section {
    height: 100%;
}

main.message .contents section .message-wrap {
    height: calc(100vh - 126px);
}

main.message .contents section .message-wrap:after {
    content: "";
    clear: both;
    display: block;
}

main.message .contents section .message-wrap .mainBox {
    float: right;
    width: 100%;
    margin-left: -350px;
    padding-left: 334px;
    height: 100%;
}

main.message .contents section .message-wrap .mainBox-inner {
    position: relative;
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
}

main.message .contents section .message-wrap .mainBox-inner .message-box {
    height: 100%;
    padding: 0;
    border: none;
    padding: 0 0 160px 20px;
}

main.message .contents section .message-wrap .mainBox-inner .message-box .mod-commentEdit .editBtn {
    background: none;
}

main.message .contents section .message-wrap .mainBox.is-full {
    margin-left: 0;
    padding-left: 0;
    float: none;
}

main.message .contents section .message-wrap .mainBox.is-full .mod-message-summary {
    padding: 20px 0 0;
    display: block;
}

main.message .contents section .message-wrap .mainBox.is-full .mod-message-summary .member {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 25.9px;
    line-height: 2.59rem;
    padding-bottom: 0;
}

main.message .contents section .message-wrap .mainBox.is-full .mod-message-summary .latest-remarks {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 25.9px;
    line-height: 2.59rem;
}

main.message .contents section .message-wrap .mainBox.is-full .mod-message-summary .mod-thumbnailList {
    margin-left: -5px;
}

main.message .contents section .message-wrap .mainBox.is-full .mod-message-summary .mod-thumbnailList .thumbnail {
    padding: 5px 0 0 5px;
}

main.message .contents section .message-wrap .mainBox.is-full .mod-message-summary .mod-thumbnailList .thumbnail a {
    width: 30px;
}

main.message .contents section .message-wrap .mainBox.is-full .mod-message-searchCondition {
    margin-bottom: 0;
    margin-top: 0;
}

main.message .contents section .message-wrap .mainBox.is-full .message-box {
    padding-bottom: 0;
}

main.message .contents section .message-wrap .mainBox .mCSB_inside>.mCSB_container {
    margin-right: 20px;
}

main.message .contents section .message-wrap .mainBox .mCSB_inside .mCSB_scrollTools .mCSB_dragger {
    right: 3px;
}

main.message .contents section .message-wrap .leftBox {
    width: 330px;
    float: left;
    margin: 4px;
    height: calc(100vh - 135px);
    padding: 0;
    border: none;
}

main.message .contents section .message-wrap .leftBox:after {
    content: "";
    clear: both;
    display: block;
}

main.message .contents section .message-wrap .leftBox.is-gray {
    background: #f3f3f3;
}

main.message .contents section .message-wrap .leftBox-inner {
    display: flex;
    height: 100%;
    flex-flow: column nowrap;
}

main.message .contents section .message-wrap .leftBox .summary-box {
    padding: 0;
    border: none;
    height: calc(100vh - 235px);
}

main.message .contents section .message-wrap .leftBox .summary-box .mCSB_inside>.mCSB_container {
    margin-right: 20px;
}

main.message .contents section .message-wrap .leftBox .summary-box .mCSB_inside .mCSB_scrollTools .mCSB_dragger {
    right: 3px;
}

main.message .contents section .message-wrap .leftBox .summary-box .mod-message-summary-wrap {
    padding-bottom: 35px;
}

main.message .contents section .message-wrap .leftBox .summary-box .mod-message-summary-wrap .mod-message-summary:last-child .summary-body .mod-commentEdit .editList {
    top: -65px;
}

main.message .contents section .message-wrap .leftBox .summary-box .mod-message-summary-wrap .mod-message-summary:last-child .summary-body .mod-commentEdit .editList:before {
    margin-top: 20px;
}

main.message .contents section .message-wrap .leftBox .summary-box .mod-message-summary-wrap .mod-message-summary:last-child .summary-body .mod-commentEdit .editList:after {
    margin-top: 19px;
}

main.message .contents section .message-wrap .leftBox .summary-box .mod-message-summary-wrap .mod-message-summary:first-child .summary-body .mod-commentEdit .editList {
    top: -30px;
}

main.message .contents section .message-wrap .leftBox .summary-box .mod-message-summary-wrap .mod-message-summary:first-child .summary-body .mod-commentEdit .editList:before {
    margin-top: -24px;
}

main.message .contents section .message-wrap .leftBox .summary-box .mod-message-summary-wrap .mod-message-summary:first-child .summary-body .mod-commentEdit .editList:after {
    margin-top: -25px;
}

main.message .contents section .message-wrap .leftBox .messageSearch {
    padding: 15px;
}

main.message .contents section .message-wrap .leftBox .message-loading {
    padding: 10px 15px 0 35px;
    text-align: center;
}

main.message .contents section .inset-searchBox {
    display: block;
}

main.message .contents section .inset-searchBox .mod-searchBox {
    width: 25%;
    position: absolute;
    top: 7px;
    right: 185px;
}

main.message .contents section .inset-searchBox .mod-searchBox input {
    height: 26px;
}

main.message .contents section .scroll-box p {
    padding-bottom: 10px;
}

main.message .contents section span.contentMessage a,
main.message .contents section span.contentMessage a:link,
main.message .contents section span.contentMessage a:visited,
main.message .contents section span.contentMessage a:hover {
    color: #fff;
}

@media screen and (max-width: 46em) {
    html {
        /*&.message,body{
      overflow: hidden;
      height: 100%;
      min-height: 100vh;
    }*/
    }
    main.message {
        height: calc(100vh - 62px);
    }
    main.message .contents section .message-wrap {
        height: calc(100vh - 105px);
    }
    main.message .contents section .message-wrap .mainBox {
        margin-left: 0;
        padding-left: 0;
        float: none;
    }
    main.message .contents section .message-wrap .mainBox-inner .message-box {
        height: 100%;
        padding: 0 0 160px 0;
    }
    main.message .contents section .message-wrap .mainBox .message-search-sp {
        padding: 10px;
        background: #f3f3f3;
    }
    main.message .contents section .message-wrap .leftBox {
        display: none;
    }
}


/*activity_setting*/

.beginner .visual {
    background: #fff url(/common/img/about-visual.png) 0 0 no-repeat;
    background-size: cover;
    position: relative;
    margin-bottom: 45px;
}

.beginner .visual:before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(/common/img/top-bg-mesh2.png);
    left: 0;
    top: 0;
}

.beginner .visual .visual__inner {
    max-width: 1100px;
    margin: 0 auto;
    padding: 50px 60px;
    position: relative;
    display: flex;
    align-items: center;
}

.beginner .visual .visual__inner .text {
    width: 100%;
    display: table;
}

.beginner .visual .visual__inner .text .logo {
    display: table-cell;
    width: 286px;
}

.beginner .visual .visual__inner .text .logo img {
    width: 100%;
}

.beginner .visual .visual__inner .text .title-wrap-right {
    display: table-cell;
    vertical-align: middle;
    padding-left: 60px;
    color: #fff;
}

.beginner .visual .visual__inner .text .title-wrap-right .title {
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 44px;
    line-height: 4.4rem;
    color: #f3dc1e;
    font-weight: bold;
    letter-spacing: 3px;
}

.beginner .visual .visual__inner .text .title-wrap-right .lead {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    font-weight: bold;
    padding: 10px 0;
    letter-spacing: 1px;
}

.beginner .visual .visual__inner .text .title-wrap-right p {
    word-break: normal;
    letter-spacing: 1px;
}

.beginner .visual .visual__inner .text .title-wrap-right .btn-wrap li {
    width: 50%;
    float: left;
    margin-right: 15px;
}

.beginner .visual .visual__inner .text .title-wrap-right-link {
    padding-top: 20px;
    overflow: hidden;
}

.beginner .visual .visual__inner .text .title-wrap-right-link li {
    width: calc(50% - 8px);
    float: left;
}

.beginner .visual .visual__inner .text .title-wrap-right-link li:last-child {
    margin-left: 15px;
}

.beginner .visual .visual__inner .text .title-wrap-right-link li a {
    font-weight: bold;
}

.beginner .visual .visual__inner .text .title-wrap-right-link li a::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 18px;
    width: 7px;
    height: 7px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg) translateY(-50%);
}

.beginner .visual .visual__inner .text .title-wrap-right-link li a:after {
    border-top: none;
    border-bottom: 2px solid #004a83;
    border-right: 2px solid #004a83;
    top: 49%;
}

.beginner .head_howto {
    text-align: center;
    color: #004a83;
    font-weight: bold;
    font-size: 30px;
    font-size: 3rem;
    line-height: 44px;
    line-height: 4.4rem;
    height: 60px;
    max-width: 1100px;
    margin: -45px auto 90px auto;
    padding-top: 45px;
}

.beginner .head_howto p {
    width: 100%;
}

.beginner #howto_02 {
    margin-top: -75px;
}

.beginner .beginner-contents {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 40px;
    position: relative;
}

.beginner .beginner-contents .block {
    position: relative;
    margin-bottom: 80px;
}

.beginner .beginner-contents .block:before {
    content: "";
    width: calc(100% + 2px);
    height: 8px;
    background: #004a83;
    position: absolute;
    left: -1px;
    top: -8px;
}

.beginner .beginner-contents .block .text {
    color: #004a83;
}

.beginner .beginner-contents .block .text .howto {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 26px;
    line-height: 2.6rem;
    font-weight: bold;
    color: #004a83;
    border-bottom: 6px solid #f3dc1e;
    display: inline-block;
    padding-bottom: 6px;
    letter-spacing: 3px;
    margin-bottom: 30px;
    text-align: center;
    letter-spacing: 1px;
}

.beginner .beginner-contents .block .text .lead {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 30px;
    line-height: 3rem;
    font-weight: bold;
    margin-bottom: 16px;
    letter-spacing: 1px;
}

.beginner .beginner-contents .block .text .lead+p {
    letter-spacing: 1px;
}

.beginner .beginner-contents .block .captureBox img {
    width: 100%;
    height: auto;
}

.beginner .beginner-contents .block .btnWrap {
    margin-top: 56px;
    text-align: center;
}

.beginner .beginner-contents .block [class^="component-indexMain"]>span {
    position: absolute;
    left: 20px;
    top: -23px;
    width: 220px;
    height: 36px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 36px;
    line-height: 3.6rem;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    background: #004a83;
    color: #f3dc1e;
}

.beginner .beginner-contents .block .component-indexMain--beginner--estimate .inset-img-full {
    text-align: center;
}

.beginner .beginner-contents .block .component-indexMain--beginner--estimate .inset-img-full img {
    max-width: 952px;
    max-height: 370px;
}

.beginner .beginner-contents-inner {
    margin: 0 35px 35px;
    border: 1px solid #d2dce7;
    background: #fff;
    padding: 20px;
}

.beginner .beginner-contents-inner:after {
    content: "";
    clear: both;
    display: block;
}

.beginner .beginner-contents-inner-right {
    float: right;
    width: 33.33333%;
    padding: 0 0 10px 10px;
}

.beginner .beginner-contents-inner-left {
    float: left;
    padding: 0 10px 10px;
    width: 66.66667%;
}

.beginner .beginner-contents-inner-application {
    padding: 0 30px 25px;
}

.beginner .beginner-contents-inner-application:after {
    content: "";
    clear: both;
    display: block;
}

.beginner .beginner-contents-inner-application-right,
.beginner .beginner-contents-inner-application-left {
    border: 1px solid #d2dce7;
    background: #fff;
    width: calc(50% - 20px);
    margin: 0 0 10px 10px;
}

.beginner .beginner-contents-inner-application-right .title_mini,
.beginner .beginner-contents-inner-application-left .title_mini {
    margin: 0 !important;
}

.beginner .beginner-contents-inner-application-right {
    float: right;
}

.beginner .beginner-contents-inner-application-left {
    float: left;
}

.beginner .beginner-contents-inner-application .beginner-contents-box {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.beginner .beginner-contents-box {
    margin-bottom: 20px;
}

.beginner .beginner-contents .dotLine {
    border: 1px dotted #568fcc;
}

.beginner .beginner-contents .inset-title-circle {
    position: relative;
    padding: 20px 20px 20px 60px;
}

.beginner .beginner-contents .inset-title-circle .title-circle {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 16px;
    line-height: 1.6rem;
    padding-top: 16px;
    font-weight: bold;
    position: absolute;
    top: -10px;
    left: -14px;
}

.beginner .beginner-contents .inset-title-circle .title-circle span {
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    line-height: 1.8rem;
}

.beginner .beginner-contents .inset-title-circle .title-circle.title-professional {
    background: #004a83;
}

.beginner .beginner-contents .inset-title-circle .title-circle.title-company {
    background: #568fcc;
}

.beginner .beginner-contents .title_mini {
    padding: 9px 21px;
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px;
    line-height: 2.2rem;
    margin: 0 35px;
    background: #668ab1;
    color: #fff;
}

.beginner .beginner-contents .estimateBtn-wrap {
    padding: 10px 40px 40px;
}

.beginner .beginner-contents .open-range li {
    padding-left: 35px;
    background-size: 20px !important;
    padding: 6px 0 5px 30px;
    background-position: left center !important;
}

.beginner .beginner-contents .open-range li.open-all {
    background: url(/common/img/icon-beginner-open-all.svg) no-repeat;
}

.beginner .beginner-contents .open-range li.open-friend {
    background: url(/common/img/icon-beginner-open-friend.svg) no-repeat;
}

.beginner .beginner-contents .open-range li.open-none {
    background: url(/common/img/icon-beginner-open-none.svg) no-repeat;
}

@media screen and (max-width: 46em) {
    .beginner .visual {
        background: #fff url(/common/img/about-visual-sp.png) right 0 no-repeat;
        background-size: cover;
        height: auto;
        position: relative;
        margin-bottom: 20px;
    }
    .beginner .visual:before {
        position: absolute;
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background: url(/common/img/top-bg-mesh2.png);
        left: 0;
        top: 0;
    }
    .beginner .visual .visual__inner {
        max-width: 100%;
        margin: 0 auto;
        padding: 20px 15px;
        position: relative;
        height: auto;
        display: block;
    }
    .beginner .visual .visual__inner .text {
        width: 100%;
        padding: 0;
        display: block;
        text-align: center;
    }
    .beginner .visual .visual__inner .text h1 {
        display: block;
        width: 143px;
        margin: 0 auto 20px auto;
    }
    .beginner .visual .visual__inner .text h1 img {
        width: 144px;
        height: auto;
    }
    .beginner .visual .visual__inner .text p {
        display: block;
        vertical-align: middle;
        width: 100%;
        padding-left: 0;
        color: #fff;
        font-weight: bold;
        letter-spacing: 1px;
    }
    .beginner .visual .visual__inner .text p .small {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 18px;
        line-height: 1.8rem;
        font-weight: normal;
        letter-spacing: 0.5px;
    }
    .beginner .visual .visual__inner .text p .large {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 24px;
        line-height: 2.4rem;
    }
    .beginner .visual .visual__inner .text p .noticeSmall {
        font-size: 10px;
        font-size: 1rem;
        line-height: 18.5px;
        line-height: 1.85rem;
        display: inline-block;
        padding-top: 5px;
    }
    .beginner .visual .visual__inner .text .logo {
        display: block;
        width: 143px;
        margin: 0 auto 20px auto;
    }
    .beginner .visual .visual__inner .text .logo img {
        width: 144px;
        height: auto;
    }
    .beginner .visual .visual__inner .text .title-wrap-right {
        display: block;
        padding-left: 0;
        color: #fff;
        letter-spacing: 3px;
    }
    .beginner .visual .visual__inner .text .title-wrap-right .title {
        font-size: 20px;
        font-size: 2rem;
        line-height: 24px;
        line-height: 2.4rem;
        color: #f3dc1e;
        font-weight: bold;
    }
    .beginner .visual .visual__inner .text .title-wrap-right .lead {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
        line-height: 2.4rem;
        font-weight: bold;
        padding: 10px 0;
    }
    .beginner .visual .visual__inner .text .title-wrap-right p {
        word-break: normal;
        font-weight: normal;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 22px;
        line-height: 2.2rem;
    }
    .beginner .visual .visual__inner .text .title-wrap-right .btn-wrap li {
        width: 50%;
        float: left;
        margin-right: 15px;
    }
    .beginner .visual .visual__inner .text .title-wrap-right-link {
        padding-top: 20px;
        padding-left: 15px;
        overflow: hidden;
    }
    .beginner .visual .visual__inner .text .title-wrap-right-link li {
        width: 50%;
        float: left;
        margin-left: -15px;
    }
    .beginner .visual .visual__inner .text .title-wrap-right-link li:last-child {
        margin-left: 15px;
    }
    .beginner .visual .visual__inner .text .title-wrap-right-link li a::after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        right: 18px;
        width: 7px;
        height: 7px;
        border-bottom: 2px solid #fff;
        border-right: 2px solid #fff;
        transform: rotate(45deg) translateY(-50%);
    }
    .beginner .visual .visual__inner .text .title-wrap-right-link li a:after {
        border-top: none;
        border-bottom: 2px solid #004a83;
        border-right: 2px solid #004a83;
        top: 49%;
    }
    .beginner .head_howto {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 44px;
        line-height: 4.4rem;
        padding: 0;
        height: 45px;
        margin: -15px auto 40px auto;
        padding-top: 15px;
    }
    .beginner #howto_02 {
        margin-top: -25px;
    }
    .beginner .beginner-contents {
        max-width: 100%;
        padding: 1px 15px 0;
    }
    .beginner .beginner-contents .block {
        margin-top: 0px;
        padding: 20px 15px 0;
        margin-bottom: 30px;
    }
    .beginner .beginner-contents .block:before {
        height: 4px;
        top: -4px;
    }
    .beginner .beginner-contents .block .text {
        color: #004a83;
    }
    .beginner .beginner-contents .block .text .title {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 18px;
        line-height: 1.8rem;
        border-bottom: 2px solid #f3dc1e;
        display: block;
        padding-bottom: 4px;
        letter-spacing: 0;
        margin-bottom: 15px;
        text-align: left;
    }
    .beginner .beginner-contents .block .text .title small {
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 11px;
        line-height: 1.1rem;
        padding-bottom: 5px;
        display: inline-block;
    }
    .beginner .beginner-contents .block .text .lead {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 22px;
        line-height: 2.2rem;
        margin-bottom: 15px;
        text-align: left;
    }
    .beginner .beginner-contents .block .text .lead+p {
        text-align: left;
        letter-spacing: 0px;
    }
    .beginner .beginner-contents .block .text .beginner-contents-box:last-child {
        margin-bottom: 0;
    }
    .beginner .beginner-contents .block .btnWrap {
        margin-top: 30px;
        text-align: center;
    }
    .beginner .beginner-contents .block .btnWrap .color-yellow {
        width: 100%;
        padding: 14px 15px;
        min-width: inherit;
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 20px;
        line-height: 2rem;
        box-shadow: 2px 3px rgba(0, 0, 0, 0.1) !important;
    }
    .beginner .beginner-contents .block .btnWrap .color-yellow:after {
        content: none;
    }
    .beginner .beginner-contents .block .btnWrap+.btnWrap {
        margin-top: 36px;
    }
    .beginner .beginner-contents .block .btnWrap+.btnWrap .btn {
        min-width: inherit;
        width: 180px;
        padding: 11px 25px;
    }
    .beginner .beginner-contents .block [class^="component-indexMain"]>span {
        left: 15px;
        top: -14px;
        width: 140px;
        height: 23px;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 23px;
        line-height: 2.3rem;
    }
    .beginner .beginner-contents .block .component-indexMain--beginner--estimate .inset-img-full {
        text-align: center;
    }
    .beginner .beginner-contents .block .component-indexMain--beginner--estimate .inset-img-full img {
        max-width: 250px;
        max-height: initial;
    }
    .beginner .beginner-contents .title_mini {
        margin: 0;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 28px;
        line-height: 2.8rem;
        padding: 2px 15px;
    }
    .beginner .beginner-contents-inner {
        margin: 0 0 15px;
        padding: 15px;
    }
    .beginner .beginner-contents-inner-right {
        float: none;
        width: 100%;
        padding: 0;
        margin-bottom: 15px;
    }
    .beginner .beginner-contents-inner-left {
        float: none;
        width: 100%;
        padding: 0;
    }
    .beginner .beginner-contents-inner .beginner-contents-box:last-child {
        margin-bottom: 0;
    }
    .beginner .beginner-contents-box {
        margin-bottom: 15px;
    }
    .beginner .beginner-contents-box.inset-title-circle:last-child {
        margin-bottom: 0;
    }
    .beginner .beginner-contents-inner-application {
        padding: 0;
    }
    .beginner .beginner-contents-inner-application:after {
        content: "";
        clear: both;
        display: block;
    }
    .beginner .beginner-contents-inner-application-right,
    .beginner .beginner-contents-inner-application-left {
        border: 1px solid #d2dce7;
        background: #fff;
        width: 100%;
        margin: 0 0 15px 0;
    }
    .beginner .beginner-contents-inner-application-right .title_mini,
    .beginner .beginner-contents-inner-application-left .title_mini {
        margin: 0 !important;
    }
    .beginner .beginner-contents-inner-application-right .btn,
    .beginner .beginner-contents-inner-application-left .btn {
        min-width: auto;
        width: 100%;
    }
    .beginner .beginner-contents-inner-application-right {
        float: none;
    }
    .beginner .beginner-contents-inner-application-left {
        float: none;
    }
    .beginner .beginner-contents-inner-application .beginner-contents-box {
        margin-bottom: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .beginner .beginner-contents .inset-title-circle {
        position: relative;
        padding: 15px 15px 15px 40px;
    }
    .beginner .beginner-contents .inset-title-circle .title-circle {
        width: 50px;
        height: 50px;
        border-radius: 25px;
        color: #fff;
        text-align: center;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 16px;
        line-height: 1.6rem;
        padding-top: 10px;
        font-weight: bold;
        position: absolute;
        top: -10px;
        left: -14px;
    }
    .beginner .beginner-contents .inset-title-circle .title-circle span {
        display: inline-block;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 18px;
        line-height: 1.8rem;
    }
    .beginner .beginner-contents .inset-title-circle .title-circle.title-professional {
        background: #004a83;
    }
    .beginner .beginner-contents .inset-title-circle .title-circle.title-company {
        background: #568fcc;
    }
    .beginner .beginner-contents .component-attentionMessage {
        padding: 15px 15px;
    }
    .beginner .beginner-contents .estimateBtn-wrap {
        padding: 0 20px 20px;
    }
}


/*activity_setting*/

.landing main {
    margin-bottom: 0px;
}

.landing .mainVisual {
    width: 100%;
    background: #568fcc;
    padding: 10px 0 0;
    text-align: center;
}

.landing .mainVisual .title {
    margin: 0 auto;
    padding-left: 93px;
}

.landing .mainVisual .title img {
    width: 920px;
    max-width: 100%;
    height: auto;
}

.landing .mainVisual__top {
    background: #568fcc url(/common/img/lp-main-bg.png) no-repeat bottom center;
    padding-bottom: 175px;
}

.landing .mainVisual__top .landing__copy {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 40px;
    line-height: 4rem;
    text-decoration: none;
}

.landing .mainVisual__top .landing__copy span {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 40px;
    line-height: 4rem;
    text-decoration: underline;
}

.landing .mainVisual__top .campaign-notice {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 18px;
    line-height: 1.8rem;
    color: #fff;
    padding-top: 10px;
}

.landing .mainVisual__bottom {
    background: #004a83;
    position: relative;
    padding: 90px 0 72px;
}

.landing .mainVisual__bottom .landing__btnWrap {
    position: absolute;
    top: -50px;
    font-size: 0;
    width: 100%;
}

.landing .mainVisual__bottom__text {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 32px;
    line-height: 3.2rem;
    color: #fff;
    padding: 0 20px;
}

.landing .mainVisual__bottom .about-manegy {
    position: absolute;
    background: #fff;
    border: 1px solid #004a83;
    color: #004a83;
    border-radius: 42px;
    width: 520px;
    height: 84px;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 84px;
    line-height: 8.4rem;
    font-weight: bold;
    bottom: -42px;
    left: 50%;
    margin-left: -260px;
    letter-spacing: 1px;
}

.landing .target-contents-inner {
    max-width: inherit;
    padding: 140px 0 0 0;
}

.landing .target-contents-inner .mod-tabs {
    background: #fff;
}

.landing .target-contents-inner .mod-tabs .tabs {
    justify-content: center;
    border-bottom: none;
    padding: 0 7px 88px;
    width: 1000px;
    margin: 0 auto;
}

.landing .target-contents-inner .mod-tabs .tabs li {
    padding: 0 13px;
    width: calc(50% - 7px);
    margin: -50px 0 0 0;
}

.landing .target-contents-inner .mod-tabs .tabs li a {
    height: 100px !important;
    padding: 40px !important;
    width: 100%;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 40.7px;
    line-height: 4.07rem;
    transition: all 0.3s 0s ease;
    background: #568fcc;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    border-radius: 6px;
    line-height: 1;
    min-width: 240px;
    padding: 15px 25px;
    text-align: center;
    position: relative;
    border: none;
    transition: all 0.3s 0s ease;
    z-index: 3;
}

.landing .target-contents-inner .mod-tabs .tabs li a::after {
    content: "";
    display: block;
    position: absolute;
    top: 49%;
    right: 18px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg) translateY(-50%);
}

.landing .target-contents-inner .mod-tabs .tabs li a:hover {
    background: #3775b8;
}

.landing .target-contents-inner .mod-tabs .tabs li a:active {
    transition: all 0.1s 0s ease;
    background: #2c5c90;
}

.landing .target-contents-inner .mod-tabs .tabs li a:after {
    content: none !important;
}

.landing .target-contents-inner .mod-tabs .tabs li a:hover {
    background: #568fcc;
}

.landing .target-contents-inner .mod-tabs .tabs li a.is-active {
    transition: all 0.3s 0s ease;
    background: #004a83;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    border-radius: 6px;
    line-height: 1;
    min-width: 240px;
    padding: 15px 25px;
    text-align: center;
    position: relative;
    border: none;
    color: #f3dc1e !important;
}

.landing .target-contents-inner .mod-tabs .tabs li a.is-active::after {
    content: "";
    display: block;
    position: absolute;
    top: 49%;
    right: 18px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg) translateY(-50%);
}

.landing .target-contents-inner .mod-tabs .tabs li a.is-active:hover {
    background: #002d50;
}

.landing .target-contents-inner .mod-tabs .tabs li a.is-active:active {
    transition: all 0.1s 0s ease;
    background: #00101d;
}

.landing .target-contents-inner .mod-tabs .tabs li a.is-active:hover {
    background: #004a83;
}

.landing .target-contents-inner .mod-tabs .tabs li a.is-active:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 25px 0 25px;
    border-color: #e2356e transparent transparent transparent;
    position: absolute;
    bottom: -35px;
    left: 50%;
    margin-left: -25px;
    transition: all 0.3s 0s ease;
}

.landing .target-contents-inner .mod-tabs .tab-contents {
    background: #fff;
    transition: all 0.3s 0s ease;
}

.landing .target-contents-inner .mod-tabs .tab-contents h3 img {
    width: 764px;
    height: 55px;
}

.landing .target-contents-inner .mod-tabs .tab-contents .swiper-container {
    background: #e9eef3;
    position: relative;
    margin-top: 118px;
}

.landing .target-contents-inner .mod-tabs .tab-contents .swiper-container .swiper-wrapper {
    position: relative;
    top: -63px;
    text-align: center;
    width: 1060px;
    margin: 0 auto -40px auto;
}

.landing .target-contents-inner .mod-tabs .tab-contents .swiper-container .swiper-wrapper .swiper-slide {
    width: 350px;
    padding: 0 25px;
    margin-bottom: 48px;
    display: inline-block;
}

.landing .target-contents-inner .mod-tabs .tab-contents .swiper-container .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: auto;
}

.landing .target-contents.tab-none .target-contents-inner {
    padding-top: 0;
}

.landing .target-contents.tab-none .target-contents-inner .mod-tabs {
    padding-top: 45px;
}

.landing .topics-flow {
    background: #fff;
    position: relative;
    padding: 81px 0 76px;
}

.landing .topics-flow .more {
    position: absolute;
    top: -30px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 74px 72px 0 72px;
    left: 50%;
    margin-left: -72px;
    border-color: #e2356e transparent transparent transparent;
}

.landing .topics-flow .more span {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 33.3px;
    line-height: 3.33rem;
    letter-spacing: 1px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: -49px;
    left: -72px;
    width: 144px;
    margin-top: -13px;
    display: inline-block;
    text-align: center;
}

.landing .topics-flow-inner {
    margin: 0 auto;
    text-align: center;
}

.landing .topics-flow-inner .copy {
    font-size: 20.2px;
    font-size: 2.02rem;
    line-height: 32px;
    line-height: 3.2rem;
    color: #004a83;
    font-weight: bold;
    letter-spacing: 1.5px;
    padding-bottom: 34px;
}

.landing .topics-flow-inner .copy span {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 32px;
    line-height: 3.2rem;
    color: #e2356e;
}

.landing .topics-flow-inner .image img {
    max-width: 100%;
    height: auto;
}

.landing .topics-flow-inner .btnWrap {
    text-align: center;
    padding: 49px 40px 0;
    position: relative;
    z-index: 1;
}

.landing .topics-flow-inner .btnWrap .btn {
    max-width: 100%;
    width: 700px;
    font-size: 28.02px;
    font-size: 2.802rem;
    line-height: 32px;
    line-height: 3.2rem;
}

.landing .topics-flow-inner .btnWrap .btn span {
    font-weight: normal;
}

.landing .footer-landing {
    background: #568fcc;
    text-align: center;
    padding: 28px 0 82px;
}

.landing .footer-landing .title img {
    width: 800px;
    max-width: 100%;
    height: auto;
}

.landing .footer-landing .landing__btnWrap {
    margin-top: 46px;
}

.landing .footer-landing__copyright {
    background: #004a83;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 12px;
    line-height: 1.2rem;
    text-align: center;
    padding: 18px;
}

.landing__copy {
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 34px;
    line-height: 3.4rem;
    letter-spacing: 1px;
    font-weight: bold;
    color: #f3dc1e;
    text-decoration: underline;
    padding-top: 23px;
}

.landing__btnWrap li {
    display: inline-block;
    width: 460px;
    margin-right: 30px;
    max-width: calc(50% - 30px);
}

.landing__btnWrap li:last-child {
    margin-right: 0;
}

.landing__btnWrap li .btn {
    padding: 33px 40px 33px 25px;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 34px;
    line-height: 3.4rem;
    min-width: auto;
    width: 100%;
}

.landing__btnWrap li .btn:after {
    width: 15px;
    height: 15px;
    right: 24px;
}

@media screen and (max-width: 46em) {
    .landing {
        height: 100% !important;
    }
    .landing .mainVisual {
        width: 100%;
        background: #568fcc;
        padding: 10px 0 0;
        text-align: center;
    }
    .landing .mainVisual .title {
        margin: 0 auto;
        padding-left: 22px;
        overflow: hidden;
    }
    .landing .mainVisual .title img {
        width: 310px;
        max-width: inherit;
        height: auto;
    }
    .landing .mainVisual__top {
        background: #568fcc url(/common/img/lp-main-bg.png) no-repeat center bottom;
        padding-bottom: 76px;
        background-size: 565px;
    }
    .landing .mainVisual__top .landing__copy {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 18px;
        line-height: 1.8rem;
        text-decoration: none;
    }
    .landing .mainVisual__top .landing__copy span {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 26px;
        line-height: 2.6rem;
        padding-top: 5px;
        display: inline-block;
    }
    .landing .mainVisual__top .campaign-notice {
        font-size: 10px;
        font-size: 1rem;
        line-height: 18px;
        line-height: 1.8rem;
        padding: 10px 15px;
    }
    .landing .mainVisual__bottom {
        background: #004a83;
        position: relative;
        padding: 15px 15px 38px 15px;
    }
    .landing .mainVisual__bottom .landing__btnWrap {
        position: static;
    }
    .landing .mainVisual__bottom__text {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 19px;
        line-height: 1.9rem;
        color: #fff;
        padding: 15px 0 0 0;
        letter-spacing: 0.75px;
        text-align: left;
    }
    .landing .mainVisual__bottom .about-manegy {
        position: absolute;
        background: #fff;
        border: 1px solid #004a83;
        color: #004a83;
        border-radius: 21px;
        width: 520px;
        height: 42px;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 42px;
        line-height: 4.2rem;
        font-weight: bold;
        bottom: -21px;
        left: auto;
        margin-left: auto;
        width: calc(100% - 60px);
        margin: 0 15px;
    }
    .landing .target-contents-inner {
        max-width: inherit;
        padding: 70px 0 0 0;
    }
    .landing .target-contents-inner .mod-tabs {
        background: #fff;
    }
    .landing .target-contents-inner .mod-tabs .tabs {
        justify-content: center;
        border-bottom: none;
        padding: 0 7px 40px;
        width: 100%;
        margin: 0 auto;
    }
    .landing .target-contents-inner .mod-tabs .tabs li {
        padding: 0 4px;
        width: calc(50% - 7px);
        margin: -25px 0 0 0;
    }
    .landing .target-contents-inner .mod-tabs .tabs li a {
        height: 50px !important;
        padding: 18px 14px !important;
        width: 100%;
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 27.75px;
        line-height: 2.775rem;
        min-width: auto !important;
        width: 100% !important;
        line-height: 1;
    }
    .landing .target-contents-inner .mod-tabs .tabs li a:after {
        content: none !important;
    }
    .landing .target-contents-inner .mod-tabs .tabs li a.is-active:before {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 12px 12px 0 12px;
        border-color: #e2356e transparent transparent transparent;
        position: absolute;
        bottom: -22px;
        left: 50%;
        margin-left: -12px;
        transition: all 0.3s 0s ease;
    }
    .landing .target-contents-inner .mod-tabs .tabs li a.is-active:hover {
        background: #004a83;
    }
    .landing .target-contents-inner .mod-tabs .tabs li a.is-active:active {
        background: #004a83;
    }
    .landing .target-contents-inner .mod-tabs .tab-contents {
        background: #fff;
        padding: 0;
    }
    .landing .target-contents-inner .mod-tabs .tab-contents h3 img {
        width: 218px;
        height: auto;
    }
    .landing .target-contents-inner .mod-tabs .tab-contents .swiper-container {
        width: 100%;
        margin-top: 32px;
        padding-bottom: 40px;
        overflow-x: scroll;
    }
    .landing .target-contents-inner .mod-tabs .tab-contents .swiper-container.tab-contents-kanri .tab-contents-kanri-inner {
        width: 1238px;
    }
    .landing .target-contents-inner .mod-tabs .tab-contents .swiper-container.tab-contents-kanri:before {
        width: 1238px;
    }
    .landing .target-contents-inner .mod-tabs .tab-contents .swiper-container.tab-contents-pro .tab-contents-pro-inner {
        width: 752px;
    }
    .landing .target-contents-inner .mod-tabs .tab-contents .swiper-container.tab-contents-pro:before {
        width: 752px;
    }
    .landing .target-contents-inner .mod-tabs .tab-contents .swiper-container:before {
        content: "";
        display: block;
        height: 50px;
        position: absolute;
        top: 0;
        left: 0;
        background: #fff;
    }
    .landing .target-contents-inner .mod-tabs .tab-contents .swiper-container .swiper-wrapper {
        padding: 0 20px 0 6px;
        margin-bottom: 0;
        top: 0;
        text-align: left;
    }
    .landing .target-contents-inner .mod-tabs .tab-contents .swiper-container .swiper-wrapper .swiper-slide {
        text-align: center;
        padding: 0;
        width: 225px;
        margin-bottom: 0;
        margin-left: 14px;
    }
    .landing .target-contents-inner .mod-tabs .tab-contents .swiper-container .swiper-wrapper .swiper-slide img {
        width: 100%;
        height: auto;
    }
    .landing .target-contents-inner .mod-tabs .tab-contents .swiper-container::-webkit-scrollbar {
        display: none;
    }
    .landing .target-contents-inner .mod-tabs .tab-contents#tab-2 h3 img {
        width: auto;
        height: 36px;
    }
    .landing .target-contents.tab-none .target-contents-inner .mod-tabs {
        padding-top: 28px;
    }
    .landing .topics-flow {
        background: #fff;
        position: relative;
        padding: 81px 0 76px;
    }
    .landing .topics-flow .more {
        position: absolute;
        top: -30px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 74px 72px 0 72px;
        left: 50%;
        margin-left: -72px;
        border-color: #e2356e transparent transparent transparent;
    }
    .landing .topics-flow .more span {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 33.3px;
        line-height: 3.33rem;
        letter-spacing: 1px;
        font-weight: bold;
        color: #fff;
        position: absolute;
        top: -49px;
        left: -72px;
        width: 144px;
        margin-top: -13px;
        display: inline-block;
        text-align: center;
    }
    .landing .topics-flow-inner {
        margin: 0 auto;
        text-align: center;
    }
    .landing .topics-flow-inner .copy {
        font-size: 20.2px;
        font-size: 2.02rem;
        line-height: 32px;
        line-height: 3.2rem;
        color: #004a83;
        font-weight: bold;
        letter-spacing: 1.5px;
        padding-bottom: 34px;
    }
    .landing .topics-flow-inner .copy span {
        font-size: 26px;
        font-size: 2.6rem;
        line-height: 32px;
        line-height: 3.2rem;
        color: #e2356e;
    }
    .landing .topics-flow-inner .image img {
        max-width: 100%;
        height: auto;
    }
    .landing .topics-flow-inner .btnWrap {
        text-align: center;
        padding: 49px 40px 0;
        position: relative;
        z-index: 1;
    }
    .landing .topics-flow-inner .btnWrap .btn {
        max-width: 100%;
        width: 700px;
        font-size: 28.02px;
        font-size: 2.802rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
    .landing .topics-flow-inner .btnWrap .btn span {
        font-weight: normal;
    }
    .landing .footer-landing {
        background: #568fcc;
        text-align: center;
        padding: 0 0 40px 0;
    }
    .landing .footer-landing .title {
        padding-left: 29px;
        padding-top: 6px;
    }
    .landing .footer-landing .title img {
        width: 270px;
        max-width: inherit;
        height: auto;
    }
    .landing .footer-landing .landing__copy {
        padding-top: 16px;
    }
    .landing .footer-landing .landing__btnWrap {
        margin-top: 20px;
        font-size: 0;
        padding: 0 15px;
    }
    .landing .topics-flow {
        background: #fff;
        position: relative;
        padding: 51px 0 23px;
    }
    .landing .topics-flow .more {
        position: absolute;
        top: -23px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 55px 54px 0 54px;
        left: 50%;
        margin-left: -54px;
        border-color: #e2356e transparent transparent transparent;
        z-index: 2;
    }
    .landing .topics-flow .more span {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 25.9px;
        line-height: 2.59rem;
        letter-spacing: 1px;
        font-weight: bold;
        color: #fff;
        position: absolute;
        top: -35px;
        left: -54px;
        width: 108px;
        margin-top: -13px;
        display: inline-block;
        text-align: center;
    }
    .landing .topics-flow-inner {
        margin: 0 auto;
        text-align: center;
    }
    .landing .topics-flow-inner .copy {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 22px;
        line-height: 2.2rem;
        color: #004a83;
        font-weight: bold;
        letter-spacing: 1px;
        padding-bottom: 20px;
    }
    .landing .topics-flow-inner .copy span {
        font-size: 17px;
        font-size: 1.7rem;
        line-height: 22px;
        line-height: 2.2rem;
        color: #e2356e;
    }
    .landing .topics-flow-inner .image {
        padding: 0 20px;
    }
    .landing .topics-flow-inner .image img {
        max-width: 277px;
        height: auto;
    }
    .landing .topics-flow-inner .btnWrap {
        text-align: center;
        padding: 25px 18px 0;
        position: relative;
        z-index: 1;
    }
    .landing .topics-flow-inner .btnWrap .btn {
        margin-top: 0;
        min-width: 0;
        width: 100%;
        padding: 14px 15px;
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 20px;
        line-height: 2rem;
        box-shadow: 2px 3px rgba(0, 0, 0, 0.1);
    }
    .landing .topics-flow-inner .btnWrap .btn span {
        display: none;
    }
    .landing .topics-flow-inner .btnWrap .btn:after {
        content: none;
    }
    .landing .footer-landing__copyright {
        padding: 10px;
    }
    .landing__copy {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 22px;
        line-height: 2.2rem;
        letter-spacing: 0.5px;
        font-weight: bold;
        color: #f3dc1e;
        text-decoration: underline;
        padding-top: 11px;
    }
    .landing__btnWrap {
        font-size: 0;
        display: flex;
        justify-content: center;
    }
    .landing__btnWrap li {
        width: calc(50% - 5px);
        max-width: inherit;
        margin-right: 10px;
    }
    .landing__btnWrap li:last-child {
        margin-right: 0;
    }
    .landing__btnWrap li .btn {
        padding: 8px 14px 8px 14px;
        width: 100%;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 17px;
        line-height: 1.7rem;
        min-width: auto;
        width: 100%;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }
    .landing__btnWrap li .btn br {
        line-height: 17px;
    }
    .landing__btnWrap li .btn:after {
        content: none;
    }
}


/*activity_setting*/

.campaign-april {
    min-width: 1080px;
    overflow-x: auto;
    /*▼▼form▼▼*/
}

.campaign-april body {
    color: #000 !important;
}

.campaign-april .contents {
    max-width: 1080px;
}

.campaign-april .block {
    margin-bottom: 70px;
}

.campaign-april .mainVisual {
    background: #568fcc url(/common/img/campaign-april-bg.png) no-repeat center bottom;
    width: 100%;
    height: 500px;
    text-align: center;
    padding: 13px 0 26px;
    margin-bottom: 65px;
}

.campaign-april .mainVisual-inner {
    width: 1000px;
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.campaign-april .mainVisual-inner .read {
    padding-bottom: 20px;
}

.campaign-april .mainVisual-inner .read img {
    width: 467px;
    height: auto;
}

.campaign-april .mainVisual-inner .title {
    position: relative;
    z-index: 1;
}

.campaign-april .mainVisual-inner .title img {
    width: 753px;
    height: auto;
}

.campaign-april .mainVisual-inner .title-sub {
    position: relative;
    z-index: 0;
    top: -15px;
    left: 75px;
    background: url(/common/img/campaign-april-title02-bom.png) no-repeat top left;
    width: 723px;
    height: 117px;
    padding-left: 122px;
    padding-top: 32px;
}

.campaign-april .mainVisual-inner .title-sub img {
    width: 594px;
    height: auto;
}

.campaign-april .mainVisual-inner .date div {
    color: #000;
    font-weight: bold;
    background: #f3dc1e;
    width: 182px;
    height: 182px;
    border-radius: 104px;
    border: 3px solid #000;
    position: absolute;
    right: 5px;
    bottom: -3px;
    padding-top: 36px;
    z-index: 2;
}

.campaign-april .mainVisual-inner .date div span {
    font-size: 12.4px;
    font-size: 1.24rem;
    line-height: 20px;
    line-height: 2rem;
    padding-bottom: 8px;
}

.campaign-april .mainVisual-inner .date div p {
    font-size: 18.6px;
    font-size: 1.86rem;
    line-height: 26.6px;
    line-height: 2.66rem;
}

.campaign-april .mainVisual-inner .date:after {
    content: "";
    width: 182px;
    height: 182px;
    border-radius: 104px;
    background: #000;
    position: absolute;
    z-index: 1;
    right: -2px;
    bottom: -6px;
}

.campaign-april .mainVisual-inner .balloon {
    position: absolute;
    right: 0;
    top: -4px;
    width: 214px;
    height: 205px;
}

.campaign-april .mainVisual-inner .balloon .balloon01 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 131px;
    height: auto;
}

.campaign-april .mainVisual-inner .balloon .balloon02 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 144px;
    height: auto;
}

.campaign-april .mainVisual-inner .subText {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 3.2rem;
    letter-spacing: 0.5px;
    font-weight: bold;
    color: #f3dc1e;
    text-decoration: underline;
    margin-top: -16px;
}

.campaign-april .entry-box {
    margin: -20px 0 100px;
}

.campaign-april .entry-box-before {
    padding-top: 0 !important;
    margin: -20px 0 100px;
}

.campaign-april .present-wrap:after {
    content: "";
    clear: both;
    display: block;
}

.campaign-april .present-wrap .present {
    position: relative;
}

.campaign-april .present-wrap .present .comment {
    position: absolute;
    top: -12px;
    right: -24px;
}

.campaign-april .present-wrap .present .winner {
    position: absolute;
    bottom: -32px;
    right: -14px;
    padding: 16px 0 8px;
    height: 68px;
    width: 108px;
    text-align: center;
    background: #f3dc1e;
    color: #000;
    border: 6px solid;
    font-weight: bold;
}

.campaign-april .present-wrap .present .winner span {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 28px;
    line-height: 2.8rem;
}

.campaign-april .present-wrap .present .winner small {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 16px;
    line-height: 1.6rem;
}

.campaign-april .present-wrap .present-mini {
    float: left;
    margin-right: 50px;
}

.campaign-april .present-wrap .present-mini:last-child {
    margin-right: 0;
}

.campaign-april .present-wrap .present-mini .comment {
    position: absolute;
    top: -50px;
    right: -24px;
}

.campaign-april .present-wrap .present-mini .winner {
    bottom: -14px;
}

.campaign-april .present-wrap .present-manegy .copy {
    position: absolute;
    font-size: 20px;
    font-size: 2rem;
    line-height: 37px;
    line-height: 3.7rem;
    font-weight: bold;
    width: 100%;
    text-align: center;
    top: 146px;
}

.campaign-april .present-wrap .present-manegy .winner {
    width: 314px;
    bottom: -40px;
}

.campaign-april .present-wrap .present-manegy .comment {
    top: -40px;
}

.campaign-april .present-wrap .notice {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem;
    padding-top: 10px;
}

.campaign-april .present-wrap:first-child {
    margin-bottom: 40px;
}

.campaign-april .w-chance {
    margin-top: 25px;
    background: url(/common/img/campaign_april_w-chance.png) no-repeat center center;
    text-align: center;
    margin-bottom: 10px;
    height: 74px;
}

.campaign-april .w-chance p {
    color: #004a83;
    font-weight: bold;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 40.7px;
    line-height: 4.07rem;
}

.campaign-april .w-chance p span {
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 62.9px;
    line-height: 6.29rem;
}

.campaign-april .w-chance-or p {
    color: #004a83;
    font-weight: bold;
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 62.9px;
    line-height: 6.29rem;
    text-align: center;
    padding: 10px 0 5px;
    letter-spacing: 0.5px;
}

.campaign-april .landing__btnWrap {
    padding-top: 70px;
}

.campaign-april .landing__btnWrap li a {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 34px;
    line-height: 3.4rem;
}

.campaign-april-text-contents {
    background: #568fcc;
    padding: 70px 0;
    text-align: center;
}

.campaign-april-text-contents-inner {
    border: 4px solid #000;
    background: #fff;
    width: 1000px;
    max-width: 100%;
    margin: 0 auto;
    padding: 35px;
}

.campaign-april-text-contents-inner p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 30px;
    line-height: 3rem;
}

.campaign-april-text-contents .page-top {
    position: relative;
    top: 35px;
}

.campaign-april-text-contents.about-manegy .campaign-april-text-contents-inner {
    width: 870px;
}

.campaign-april-text-contents.about-manegy .campaign-april-text-contents-inner p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
    line-height: 2.4rem;
    padding-bottom: 10px;
}

.campaign-april-text-contents.about-manegy .campaign-april-text-contents-inner img {
    margin-left: 12px;
}

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

.campaign-april-table td,
.campaign-april-table th {
    border: 4px solid #000;
    padding: 15px;
    vertical-align: middle;
}

.campaign-april-table th {
    background: #568fcc;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 29.6px;
    line-height: 2.96rem;
    width: 274px;
}

.campaign-april-table td {
    background: #fff;
}

.campaign-april-table.form td,
.campaign-april-table.form th {
    padding: 20px 30px;
}

.campaign-april-table.form td {
    border-left: 0;
    width: 182px;
    height: 120px;
    text-align: center;
}

.campaign-april-table.form th {
    border-right: 0;
    background: #fff;
    color: #000;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 25.9px;
    line-height: 2.59rem;
    font-weight: normal;
    width: auto;
}

.campaign-april-table.form th .prize {
    background: #f3dc1e;
    margin: 0 15px;
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.campaign-april-table.form th input[type="radio"]+.mod-radio {
    color: #000;
}

.campaign-april-table.form th input[type="radio"]+.mod-radio:before {
    border: 1px solid #000;
}

.campaign-april-table.form th input[type="radio"]:checked+.mod-radio {
    color: #000;
}

.campaign-april-table.form th input[type="radio"]:checked+.mod-radio:before {
    border: 1px solid #000;
}

.campaign-april-table.form th input[type="radio"]:checked+.mod-radio:after {
    background: #000;
}

.campaign-april .under-line {
    padding-bottom: 23px;
}

.campaign-april .under-line span {
    padding: 0 18px;
    font-size: 30px;
    font-size: 3rem;
    line-height: 30px;
    line-height: 3rem;
    color: #004a83;
    font-weight: bold;
    position: relative;
    z-index: 2;
}

.campaign-april .under-line span:after {
    content: "";
    display: inline-block;
    background: #f3dc1e;
    height: 18px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 4px;
    z-index: -1;
}

.campaign-april .entrance-requirements {
    padding: 70px 0 0;
}

.campaign-april .entrance-requirements h3 {
    text-align: center;
    padding-bottom: 40px;
    pointer-events: none;
}

.campaign-april .mainVisual-form {
    background: #568fcc url(/common/img/campaign-april_form-bg.svg) no-repeat center bottom;
    width: 100%;
    height: 335px;
    text-align: center;
    padding: 27px 0 50px;
    margin-bottom: 60px;
}

.campaign-april .mainVisual-form .title {
    padding-bottom: 20px;
}

.campaign-april .mainVisual-form .date {
    color: #fff;
    font-weight: bold;
}

.campaign-april .mainVisual-form .date span {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 20px;
    line-height: 2rem;
}

.campaign-april .mainVisual-form .date p {
    font-size: 20px;
    font-size: 2rem;
    line-height: 28px;
    line-height: 2.8rem;
}

.campaign-april-rule {
    padding: 30px 0;
}

.campaign-april-rule .scroll-box {
    background: #fff;
}

.campaign-april .btnWrap-campaign-form {
    padding-top: 70px;
}

.campaign-april .btnWrap-campaign-form li {
    display: inline-block;
}

.campaign-april .btnWrap-campaign-form li+li {
    margin-left: 20px;
}

@media screen and (max-width: 46em) {
    .campaign-april {
        min-width: inherit;
        /*▼▼form▼▼*/
    }
    .campaign-april .contents {
        max-width: none;
    }
    .campaign-april .contents .component-formStep {
        padding: 0 15px;
    }
    .campaign-april .block {
        margin-bottom: 25px;
        padding: 15px;
    }
    .campaign-april .component-formStep+.block {
        padding-top: 23px;
    }
    .campaign-april .mainVisual {
        background: #568fcc url(/common/img/campaign-april-bg-sp.png) no-repeat center bottom;
        background-size: 736px;
        width: 100%;
        height: 464px;
        text-align: center;
        padding: 22px 0 26px;
        margin-bottom: 23px;
    }
    .campaign-april .mainVisual-inner {
        width: 290px;
        max-width: 100%;
        height: 100%;
        margin: 0 auto;
        position: relative;
    }
    .campaign-april .mainVisual-inner .read {
        padding-bottom: 0;
        position: relative;
        z-index: 2;
        padding-right: 29px;
    }
    .campaign-april .mainVisual-inner .read img {
        width: 258px;
        height: auto;
    }
    .campaign-april .mainVisual-inner .title {
        padding-left: 5px;
        margin-top: -5px;
    }
    .campaign-april .mainVisual-inner .title img {
        width: 303px;
        height: auto;
    }
    .campaign-april .mainVisual-inner .title-sub {
        top: 0px;
        left: 0;
        padding-top: 5px;
        background: url(/common/img/campaign-april-title02-bom-sp.png) no-repeat 14px 20px;
        width: 230px;
        height: 76px;
        padding-left: 4px;
        background-size: 80px;
    }
    .campaign-april .mainVisual-inner .title-sub img {
        width: 280px;
        height: auto;
    }
    .campaign-april .mainVisual-inner .date {
        position: relative;
        padding-top: 18px;
    }
    .campaign-april .mainVisual-inner .date div {
        width: 270px;
        height: 62px;
        border-radius: 0;
        border: 3px solid #000;
        position: static;
        right: 5px;
        bottom: 14px;
        padding-top: 43px;
        z-index: 2;
        padding: 7px 0;
        margin: 0 auto;
        box-shadow: 4px 4px 0px 0px #000000;
        -moz-box-shadow: 4px 4px 0px 0px #000000;
        -webkit-box-shadow: 4px 4px 0px 0px #000000;
    }
    .campaign-april .mainVisual-inner .date div span {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 20px;
        line-height: 2rem;
        padding-bottom: 8px;
    }
    .campaign-april .mainVisual-inner .date div p {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 24px;
        line-height: 2.4rem;
    }
    .campaign-april .mainVisual-inner .date:after {
        content: none;
    }
    .campaign-april .mainVisual-inner .balloon {
        position: absolute;
        right: -20px;
        top: -31px;
        width: 177px;
        height: 111px;
    }
    .campaign-april .mainVisual-inner .balloon .balloon01 {
        width: 91px;
        height: auto;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }
    .campaign-april .mainVisual-inner .balloon .balloon02 {
        width: 100px;
        height: auto;
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .campaign-april .mainVisual-inner .subText {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 25px;
        line-height: 2.5rem;
        margin-top: -16px;
    }
    .campaign-april .mainVisual.login {
        padding: 22px 0 26px;
    }
    .campaign-april .mainVisual.login .mainVisual-inner .balloon {
        top: -31px;
    }
    .campaign-april .mainVisual.login .mainVisual-inner .btn {
        margin-top: 20px;
    }
    .campaign-april .entry-box {
        margin: 0 0 35px;
        padding: 0 15px;
    }
    .campaign-april .entry-box .btn {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 20px;
        line-height: 2rem;
        padding: 14px 15px;
        min-width: 0;
        width: 100%;
        box-shadow: 3px 5px rgba(0, 0, 0, 0.1);
    }
    .campaign-april .entry-box .btn:after {
        content: none;
    }
    .campaign-april .entry-box-before {
        margin: 0 0 35px;
        padding: 0 15px;
    }
    .campaign-april .present-wrap {
        margin-bottom: 20px;
    }
    .campaign-april .present-wrap:after {
        content: "";
        clear: both;
        display: block;
    }
    .campaign-april .present-wrap .present {
        position: relative;
        width: 290px;
        margin: 0 auto;
    }
    .campaign-april .present-wrap .present .comment {
        position: absolute;
        top: -36px;
        right: -12px;
    }
    .campaign-april .present-wrap .present .comment img {
        width: 103px;
        height: auto;
    }
    .campaign-april .present-wrap .present .winner {
        position: absolute;
        bottom: -22px;
        right: inherit;
        left: 50%;
        margin-left: -54px;
        padding: 9px 0;
        height: 50px;
        width: 108px;
        text-align: center;
        background: #f3dc1e;
        color: #000;
        border: 3px solid;
        font-weight: bold;
    }
    .campaign-april .present-wrap .present .winner span {
        font-size: 28px;
        font-size: 2.8rem;
        line-height: 28px;
        line-height: 2.8rem;
    }
    .campaign-april .present-wrap .present .winner small {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 16px;
        line-height: 1.6rem;
    }
    .campaign-april .present-wrap .present>img {
        width: 290px;
        height: auto;
    }
    .campaign-april .present-wrap .present-mini {
        float: none;
        margin: 0 auto 35px auto;
    }
    .campaign-april .present-wrap .present-mini:last-child {
        margin: 0 auto 35px auto;
    }
    .campaign-april .present-wrap .present-mini .comment {
        position: absolute;
        top: -28px;
        right: -12px;
    }
    .campaign-april .present-wrap .present-mini .comment img {
        width: 103px;
        height: auto;
    }
    .campaign-april .present-wrap .present-mini .winner {
        bottom: -20px;
    }
    .campaign-april .present-wrap .present-mini:last-child {
        margin-bottom: 40px;
    }
    .campaign-april .present-wrap .present-manegy .copy {
        position: absolute;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 20px;
        line-height: 2rem;
        font-weight: bold;
        width: 100%;
        text-align: center;
        top: 160px;
    }
    .campaign-april .present-wrap .present-manegy .winner {
        width: 262px;
        bottom: -22px;
        left: 50%;
        margin-left: -131px;
        padding: 11px 0;
    }
    .campaign-april .present-wrap .present-manegy .winner span {
        font-size: 23px;
        font-size: 2.3rem;
        line-height: 23px;
        line-height: 2.3rem;
    }
    .campaign-april .present-wrap .present-manegy .winner small {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 14px;
        line-height: 1.4rem;
    }
    .campaign-april .present-wrap .present-manegy .comment {
        top: -53px;
    }
    .campaign-april .present-wrap .present-happy .comment {
        top: -53px;
    }
    .campaign-april .present-wrap .notice {
        padding-top: 33px;
        font-size: 11.5px;
        font-size: 1.15rem;
        line-height: 18px;
        line-height: 1.8rem;
    }
    .campaign-april .w-chance {
        margin-top: 0;
        background: url(/common/img/campaign_april_w-chance-sp.png) no-repeat center center;
        background-size: 157px;
        text-align: center;
        margin: 0 0 25px 0;
        height: 81px;
        padding-top: 7px;
    }
    .campaign-april .w-chance p {
        color: #004a83;
        font-weight: bold;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 30px;
        line-height: 3rem;
    }
    .campaign-april .w-chance p span {
        font-size: 25px;
        font-size: 2.5rem;
        line-height: 20px;
        line-height: 2rem;
    }
    .campaign-april .w-chance-or p {
        color: #004a83;
        font-weight: bold;
        font-size: 25px;
        font-size: 2.5rem;
        line-height: 46.25px;
        line-height: 4.625rem;
        text-align: center;
        padding: 0 0 28px;
        letter-spacing: 0.5px;
    }
    .campaign-april .landing__btnWrap {
        padding-top: 0;
    }
    .campaign-april .landing__btnWrap li a {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 17px;
        line-height: 1.7rem;
        display: inline-block;
    }
    .campaign-april-text-contents {
        background: #568fcc;
        padding: 70px 0;
        text-align: center;
    }
    .campaign-april-text-contents-inner {
        border: 4px solid #000;
        background: #fff;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        padding: 35px;
    }
    .campaign-april-text-contents-inner p {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 30px;
        line-height: 3rem;
    }
    .campaign-april-text-contents .page-top {
        position: relative;
        top: 35px;
    }
    .campaign-april-text-contents.about-manegy .campaign-april-text-contents-inner {
        width: 870px;
    }
    .campaign-april-text-contents.about-manegy .campaign-april-text-contents-inner p {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 20px;
        line-height: 2rem;
        padding-bottom: 10px;
    }
    .campaign-april-text-contents.about-manegy .campaign-april-text-contents-inner img {
        margin-left: 0;
    }
    .campaign-april .mainVisual-form {
        background: #568fcc url(/common/img/campaign-april_form-bg.svg) no-repeat center bottom;
        width: 100%;
        height: 195px;
        text-align: center;
        padding: 20px 0;
        margin-bottom: 30px;
    }
    .campaign-april .mainVisual-form .title {
        padding-bottom: 10px;
    }
    .campaign-april .mainVisual-form .title img {
        width: 280px;
        height: auto;
    }
    .campaign-april .mainVisual-form .date span {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 20px;
        line-height: 2rem;
    }
    .campaign-april .mainVisual-form .date p {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 28px;
        line-height: 2.8rem;
    }
    .campaign-april-table {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
    }
    .campaign-april-table.form {
        padding-bottom: 20px;
    }
    .campaign-april-table.form td,
    .campaign-april-table.form th {
        border: 4px solid #000;
        padding: 15px;
        background: #fff;
        vertical-align: middle;
    }
    .campaign-april-table.form td {
        border-left: 0;
        width: 120px;
        height: auto;
    }
    .campaign-april-table.form td img {
        width: 100%;
    }
    .campaign-april-table.form th {
        border-right: 0;
    }
    .campaign-april-table.form th .prize {
        background: #f3dc1e;
        margin: 0 0 5px 0;
        width: 60px;
        height: 20px;
        border-radius: 10px;
        display: flex;
    }
    .campaign-april-table.form th input[type="radio"]+.mod-radio {
        color: #000;
    }
    .campaign-april-table.form th input[type="radio"]+.mod-radio:before {
        border: 1px solid #000;
    }
    .campaign-april-table.form th input[type="radio"]:checked+.mod-radio {
        color: #000;
    }
    .campaign-april-table.form th input[type="radio"]:checked+.mod-radio:before {
        border: 1px solid #000;
    }
    .campaign-april-table.form th input[type="radio"]:checked+.mod-radio:after {
        background: #000;
    }
    .campaign-april-table.campaign {
        border-top: 3px solid #000;
    }
    .campaign-april-table.campaign th,
    .campaign-april-table.campaign td {
        display: block;
        border: 3px solid #000;
        border-top: none;
        padding: 5px 10px;
        width: 100%;
    }
    .campaign-april-table.campaign th {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 25.9px;
        line-height: 2.59rem;
    }
    .campaign-april-table.campaign td {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 22.2px;
        line-height: 2.22rem;
    }
    .campaign-april .under-line {
        padding-bottom: 20px;
    }
    .campaign-april .under-line span {
        padding: 0 10px;
        font-size: 20px;
        font-size: 2rem;
        line-height: 0px;
        line-height: 0rem;
    }
    .campaign-april .under-line span:after {
        height: 15px;
        width: 100%;
    }
    .campaign-april .entrance-requirements {
        padding: 20px 0 20px;
    }
    .campaign-april .entrance-requirements h3.entrance-requirements-head {
        text-align: center;
        background: #004a83;
        padding: 16px 20px 12px;
        position: relative;
        pointer-events: auto;
        margin-bottom: 6px;
    }
    .campaign-april .entrance-requirements h3.entrance-requirements-head span {
        color: #fff;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 14px;
        line-height: 1.4rem;
    }
    .campaign-april .entrance-requirements h3.entrance-requirements-head span:after {
        content: none;
    }
    .campaign-april .entrance-requirements h3.entrance-requirements-head::before {
        display: none;
    }
    .campaign-april .entrance-requirements h3.entrance-requirements-head::after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: 8px solid transparent;
        border-top-color: #e2356e;
        background: none;
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -2px;
        transform: rotate(0);
        transition: all 0s 0s ease;
    }
    .campaign-april .entrance-requirements h3.entrance-requirements-head.is-open::after {
        transform: rotate(0) rotateX(180deg) translateY(9px);
    }
    .campaign-april .entrance-requirements-contents {
        display: none;
    }
    .campaign-april-rule+.inner {
        padding: 15px 0 15px 0;
    }
    .campaign-april-text-contents {
        background: #568fcc;
        padding: 35px 15px;
        text-align: center;
    }
    .campaign-april-text-contents-inner {
        border: 4px solid #000;
        background: #fff;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        padding: 25px 15px;
    }
    .campaign-april-text-contents-inner p {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 18px;
        line-height: 1.8rem;
    }
    .campaign-april-text-contents .page-top {
        top: 17px;
    }
    .campaign-april .btnWrap-campaign-form {
        padding-top: 30px;
        font-size: 0;
    }
    .campaign-april .btnWrap-campaign-form li {
        width: calc(50% - 5px);
        max-width: inherit;
        margin-right: 10px;
    }
    .campaign-april .btnWrap-campaign-form li .btn {
        width: 100%;
        padding: 20px 15px;
    }
    .campaign-april .btnWrap-campaign-form li+li {
        margin-right: 0;
        margin-left: 0;
    }
    .campaign-april .btnWrap-campaign-form.complete li {
        width: 240px;
    }
}


/*activity_setting*/

.estimate-guide .block {
    border-top: 8px solid #004a83;
    margin-bottom: 55px;
}

.estimate-guide .block.back {
    border: none;
}

.estimate-guide__title {
    text-align: center;
    padding: 44px 0 75px 50px;
}

.estimate-guide__title img {
    width: 627px;
    max-width: 100%;
    height: auto;
}

.estimate-guide .tab-estimate-guide {
    position: relative;
    margin-bottom: 80px;
}

.estimate-guide .tab-estimate-guide:after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 1px;
    background: #d2dce7;
    position: absolute;
    left: 50%;
    top: 0;
}

.estimate-guide .tab-estimate-guide .estimate-guide-tabs {
    border-bottom: none;
    padding: 0;
    display: flex;
}

.estimate-guide .tab-estimate-guide .estimate-guide-tabs li {
    width: 50%;
    text-align: center;
}

.estimate-guide .tab-estimate-guide .estimate-guide-tabs li a {
    display: inline-block;
    background: #568fcc;
    color: #fff;
    border: none;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 30px;
    line-height: 3rem;
    width: 460px;
    max-width: calc(100% - 20px);
    height: 60px;
    border-radius: 6px;
    padding: 15px 25px;
    text-decoration: none;
    font-weight: bold;
    cursor: default;
}

.estimate-guide .tab-estimate-guide .estimate-guide-tabs li .tab-estimate-guide__notice {
    color: #e2356e;
    padding-top: 10px;
}

.estimate-guide .tab-estimate-guide .tab-contents-wrap {
    position: relative;
}

.estimate-guide .tab-estimate-guide .tab-contents-wrap:after {
    content: "";
    clear: both;
    display: block;
}

.estimate-guide .tab-estimate-guide .tab-contents-wrap .tab-contents {
    width: 50%;
    text-align: center;
    margin-top: 38px;
    float: left;
    padding: 0 15px;
}

.estimate-guide .tab-estimate-guide .tab-contents-wrap .tab-contents .step {
    padding-bottom: 75px;
}

.estimate-guide .tab-estimate-guide .tab-contents-wrap .tab-contents .step .title {
    color: #004a83;
    font-weight: bold;
    font-size: 38px;
    font-size: 3.8rem;
    line-height: 48px;
    line-height: 4.8rem;
    letter-spacing: 2px;
    display: inline-block;
    position: relative;
    margin-bottom: 15px;
}

.estimate-guide .tab-estimate-guide .tab-contents-wrap .tab-contents .step .title:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 30px;
    background: #f3dc1e;
    position: absolute;
    left: 0;
    bottom: -2px;
    z-index: 1;
}

.estimate-guide .tab-estimate-guide .tab-contents-wrap .tab-contents .step .title span {
    z-index: 2;
    position: relative;
    padding: 0 10px;
}

.estimate-guide .tab-estimate-guide .tab-contents-wrap .tab-contents .step .copy {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 30px;
    line-height: 3rem;
    color: #004a83;
    font-weight: bold;
    padding-bottom: 25px;
    letter-spacing: 1px;
}

.estimate-guide .tab-estimate-guide .tab-contents-wrap .tab-contents .step .image {
    padding-bottom: 30px;
}

.estimate-guide .tab-estimate-guide .tab-contents-wrap .tab-contents .step .image img {
    max-width: 100%;
    width: 270px;
    height: auto;
}

.estimate-guide .tab-estimate-guide .tab-contents-wrap .tab-contents .step .image img.capture_double {
    width: 420px;
}

.estimate-guide .tab-estimate-guide .tab-contents-wrap .tab-contents .step:last-child {
    padding-bottom: 0;
}

.estimate-guide .tab-estimate-guide .tab-contents-wrap #tab-estimate-guide01-01 .step:nth-child(3) .image {
    padding-left: 54px;
}

.estimate-guide .tab-estimate-guide .tab-contents-wrap #tab-estimate-guide02-01 .step:nth-child(1) .image {
    padding-left: 60px;
}

.estimate-guide .tab-estimate-guide .tab-contents-wrap #tab-estimate-guide02-01 .step:nth-child(2) .image {
    padding-left: 60px;
}

.estimate-guide .tab-estimate-guide .tab-contents-wrap #tab-estimate-guide02-02 .step:nth-child(2) .image {
    padding-right: 45px;
}

.estimate-guide .one-point .estimate-guide__title {
    padding: 75px 0;
}

.estimate-guide .one-point .estimate-guide__title img {
    width: 520px;
    max-width: 100%;
    height: auto;
}

.estimate-guide .one-point .tab-estimate-guide .tab-contents-wrap .tab-contents .step .title {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 48px;
    line-height: 4.8rem;
    margin-bottom: 20px;
}

.estimate-guide .one-point .tab-estimate-guide .tab-contents-wrap .tab-contents .step .title:after {
    height: 20px;
    bottom: 5px;
}

.estimate-guide .one-point .tab-estimate-guide .tab-contents-wrap .tab-contents .step .text {
    padding-bottom: 35px;
}

.estimate-guide .btnWrap {
    text-align: center;
    padding: 0 0 80px;
}

@media screen and (max-width: 46em) {
    .estimate-guide .block {
        margin-bottom: 20px;
    }
    .estimate-guide__title {
        text-align: center;
        padding: 25px 0 40px 10px;
    }
    .estimate-guide__title img {
        width: 290px;
        max-width: initial;
        height: auto;
    }
    .estimate-guide .tab-estimate-guide {
        position: relative;
        margin-bottom: 35px;
    }
    .estimate-guide .tab-estimate-guide:after {
        content: none;
    }
    .estimate-guide .tab-estimate-guide .estimate-guide-tabs {
        border-bottom: none;
        padding: 0;
        display: flex;
        padding: 0 7px 0;
        justify-content: center;
    }
    .estimate-guide .tab-estimate-guide .estimate-guide-tabs li {
        width: calc(50% - 7px);
        text-align: center;
        padding: 0 4px;
    }
    .estimate-guide .tab-estimate-guide .estimate-guide-tabs li a {
        display: inline-block;
        background: #568fcc;
        color: #fff;
        border: none;
        max-width: inherit;
        position: relative;
        height: 50px;
        padding: 12px 14px;
        width: 100%;
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 27.75px;
        line-height: 2.775rem;
        box-shadow: 3px 5px rgba(0, 0, 0, 0.1) !important;
    }
    .estimate-guide .tab-estimate-guide .estimate-guide-tabs li a.is-active {
        background: #004a83;
        color: #f3dc1e !important;
    }
    .estimate-guide .tab-estimate-guide .estimate-guide-tabs li a.is-active:hover {
        background: #004a83;
    }
    .estimate-guide .tab-estimate-guide .estimate-guide-tabs li a.is-active:before {
        content: "";
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 12px 12px 0 12px;
        border-color: #e2356e transparent transparent transparent;
        position: absolute;
        bottom: -22px;
        left: 50%;
        margin-left: -12px;
        transition: all 0.3s 0s ease;
    }
    .estimate-guide .tab-estimate-guide .estimate-guide-tabs li .tab-estimate-guide__notice {
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 20.35px;
        line-height: 2.035rem;
        letter-spacing: -1px;
    }
    .estimate-guide .tab-estimate-guide .estimate-guide-tabs li:first-child a.is-active:before {
        bottom: -46px;
    }
    .estimate-guide .tab-estimate-guide .tab-contents-wrap {
        position: relative;
    }
    .estimate-guide .tab-estimate-guide .tab-contents-wrap:after {
        content: "";
        clear: both;
        display: block;
    }
    .estimate-guide .tab-estimate-guide .tab-contents-wrap .tab-contents {
        width: 100%;
        text-align: center;
        margin-top: 18px;
        float: none;
        padding: 0 25px;
    }
    .estimate-guide .tab-estimate-guide .tab-contents-wrap .tab-contents .step {
        padding-bottom: 30px;
    }
    .estimate-guide .tab-estimate-guide .tab-contents-wrap .tab-contents .step .title {
        color: #004a83;
        font-weight: bold;
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 48px;
        line-height: 4.8rem;
        letter-spacing: 2px;
        display: inline-block;
        position: relative;
        margin-bottom: 10px;
    }
    .estimate-guide .tab-estimate-guide .tab-contents-wrap .tab-contents .step .title:after {
        content: "";
        display: inline-block;
        width: 100%;
        height: 25px;
        background: #f3dc1e;
        position: absolute;
        left: 0;
        bottom: 4px;
        z-index: 1;
    }
    .estimate-guide .tab-estimate-guide .tab-contents-wrap .tab-contents .step .title span {
        z-index: 2;
        position: relative;
        padding: 0 10px;
    }
    .estimate-guide .tab-estimate-guide .tab-contents-wrap .tab-contents .step .copy {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 26px;
        line-height: 2.6rem;
        color: #004a83;
        font-weight: bold;
        padding-bottom: 25px;
        letter-spacing: 1px;
    }
    .estimate-guide .tab-estimate-guide .tab-contents-wrap .tab-contents .step .image {
        padding-bottom: 20px;
    }
    .estimate-guide .tab-estimate-guide .tab-contents-wrap .tab-contents .step .image img {
        width: 230px;
        height: auto;
    }
    .estimate-guide .tab-estimate-guide .tab-contents-wrap .tab-contents .step .image img.capture_double {
        width: 270px;
        height: auto;
    }
    .estimate-guide .tab-estimate-guide .tab-contents-wrap .tab-contents .step .text {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 22px;
        line-height: 2.2rem;
    }
    .estimate-guide .tab-estimate-guide .tab-contents-wrap #tab-estimate-guide01-01 .step:nth-child(3) .image {
        padding-left: 30px;
    }
    .estimate-guide .tab-estimate-guide .tab-contents-wrap #tab-estimate-guide02-01 .step:nth-child(1) .image {
        padding-left: 38px;
    }
    .estimate-guide .tab-estimate-guide .tab-contents-wrap #tab-estimate-guide02-02 .step:nth-child(2) .image {
        padding-right: 26px;
    }
    .estimate-guide .one-point .estimate-guide__title {
        padding: 30px 0 35px 0;
    }
    .estimate-guide .one-point .estimate-guide__title img {
        width: 250px;
        max-width: inherit;
        height: auto;
    }
    .estimate-guide .one-point .tab-estimate-guide .tab-contents-wrap .tab-contents .step .title {
        font-size: 19px;
        font-size: 1.9rem;
        line-height: 36px;
        line-height: 3.6rem;
        margin-bottom: 20px;
        letter-spacing: 0.75px;
    }
    .estimate-guide .one-point .tab-estimate-guide .tab-contents-wrap .tab-contents .step .title span {
        padding: 0 5px;
    }
    .estimate-guide .one-point .tab-estimate-guide .tab-contents-wrap .tab-contents .step .title:after {
        height: 18px;
        bottom: 0px;
    }
    .estimate-guide .one-point .tab-estimate-guide .tab-contents-wrap .tab-contents .step .text {
        padding-bottom: 26px;
    }
    .estimate-guide .btnWrap {
        text-align: center;
        padding: 0 25px 35px 25px;
    }
    .estimate-guide .btnWrap a {
        min-width: inherit;
        width: 100%;
        padding: 14px 15px;
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 20px;
        line-height: 2rem;
        box-shadow: 2px 3px rgba(0, 0, 0, 0.1) !important;
    }
    .estimate-guide .btnWrap a:after {
        content: none;
    }
}


/*activity_setting*/

.qualification {
    min-width: 1200px;
    overflow-x: auto;
    /*common*/
    /*date*/
}

.qualification .section-qualification {
    padding-top: 50px;
}

.qualification .section-qualification .section-title {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 40px;
    line-height: 4rem;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    position: relative;
}

.qualification .section-qualification .section-title.blue {
    color: #004a83;
}

.qualification .section-qualification .section-title.under-line {
    display: inline-block;
}

.qualification .section-qualification .section-title.under-line span {
    position: relative;
    z-index: 2;
}

.qualification .section-qualification .section-title.under-line:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 12px;
    background: #f3dc1e;
    position: absolute;
    bottom: 5px;
    left: 0;
}

.qualification .section-qualification .section-title .supplement {
    font-weight: normal;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 18px;
    line-height: 1.8rem;
}

.qualification .section-qualification .section-title small {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 28px;
    line-height: 2.8rem;
}

.qualification .section-qualification .section-title strong {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 28px;
    line-height: 2.8rem;
}

.qualification .section-qualification sup {
    font-size: 8px;
    font-size: 0.8rem;
    line-height: 8px;
    line-height: 0.8rem;
    position: relative;
    top: -5px;
}

.qualification .mainVisual {
    width: 100%;
    height: 100vh;
    min-height: 650px;
    position: relative;
    background: url(/common/img/qualification/main-visual.png) no-repeat center;
    background-size: cover;
    text-align: center;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    /*arrow*/
}

.qualification .mainVisual-inner {
    position: relative;
}

.qualification .mainVisual-link {
    display: flex;
    justify-content: center;
}

.qualification .mainVisual-link .tsukin-link {
    position: relative;
    padding-right: 105px;
}

.qualification .mainVisual-link .tsukin-link:after,
.qualification .mainVisual-link .tsukin-link:before {
    display: block;
    content: '';
    width: 2px;
    height: 28px;
    transform: rotate(-45deg);
    background-color: #fff;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    right: 45px;
    margin-top: -18px;
}

.qualification .mainVisual-link .tsukin-link:after {
    transform: rotate(45deg);
}

.qualification .mainVisual h1 {
    padding: 50px 0 30px 70px;
}

.qualification .mainVisual .text {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 36px;
    line-height: 3.6rem;
    font-feature-settings: "palt";
    letter-spacing: 2px;
    padding-bottom: 85px;
    position: relative;
}

.qualification .mainVisual .ca3-scroll-down-arrow:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -28px;
    width: 32px;
    height: 32px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg) translateY(-50%);
}

.qualification .mainVisual .ca3-scroll-down-link {
    cursor: pointer;
    height: 60px;
    width: 80px;
    margin: 0px 0 0 -40px;
    line-height: 60px;
    position: absolute;
    left: 50%;
    bottom: 0px;
    color: #FFF;
    text-align: center;
    font-size: 70px;
    z-index: 100;
    text-decoration: none;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    -webkit-animation: ca3_fade_move_down 2s ease-in-out infinite;
    -moz-animation: ca3_fade_move_down 2s ease-in-out infinite;
    animation: ca3_fade_move_down 2s ease-in-out infinite;
}

.qualification .date {
    background: #568fcc;
}

.qualification .date-inner {
    display: flex;
    padding-top: 45px;
}

.qualification .date-box {
    width: 50%;
    padding: 40px 50px;
}

.qualification .date-box h3 {
    text-align: center;
    color: #fff;
    width: 518px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
    line-height: 2.4rem;
    padding-bottom: 10px;
    letter-spacing: 1px;
}

.qualification .date-box h3 span {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 30px;
    line-height: 3rem;
}

.qualification .date-left {
    background: #2d70b8;
    text-align: right;
    padding: 40px 50px 55px 0;
}

.qualification .date-left h3 {
    float: right;
}

.qualification .date-right {
    background: #004a83;
    text-align: left;
    padding: 40px 0 55px 50px;
}

.qualification .date-right h3 {
    float: left;
}

.qualification .voice {
    background: url(/common/img/qualification/voice_bg.png) no-repeat center;
    background-size: cover;
    color: #fff;
    padding-bottom: 70px;
}

.qualification .voice-inner {
    display: flex;
    justify-content: center;
    padding-top: 55px;
}

.qualification .voice-inner figure {
    width: 235px;
    text-align: center;
    margin: 0 70px;
}

.qualification .voice-inner figure h3 {
    font-weight: bold;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 26px;
    line-height: 2.6rem;
    padding: 12px 0 10px;
}

.qualification .voice-inner figure p {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 28px;
    line-height: 2.8rem;
}

.qualification .problem {
    background: url(/common/img/qualification/problem_bg.png) no-repeat center;
    background-size: cover;
    padding-bottom: 40px;
}

.qualification .problem-inner {
    display: flex;
    justify-content: center;
    padding-top: 50px;
}

.qualification .problem-text {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 36px;
    line-height: 3.6rem;
    color: #333;
    text-align: center;
    letter-spacing: 0.5px;
    padding-top: 35px;
}

.qualification .point {
    background: #fff;
    padding-bottom: 50px;
}

.qualification .point h3 {
    width: 170px;
    height: 34px;
    border-radius: 17px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 30px;
    line-height: 3rem;
    background: #004a83;
    text-align: center;
    margin: 40px auto 0;
    padding: 2px 2px 2px 10px;
}

.qualification .point-text {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 30px;
    line-height: 3rem;
    color: #333;
    text-align: center;
    letter-spacing: 0.5px;
    padding-top: 6px;
}

.qualification .point .btn {
    margin: 30px auto 50px;
    width: 500px;
    height: 60px;
    border-radius: 30px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 20px;
    line-height: 2rem;
    font-weight: bold;
    padding: 20px;
    display: block;
}

.qualification .point-inner {
    display: flex;
    align-items: center;
    width: 960px;
    height: 320px;
    margin: 0 auto 60px;
    position: relative;
}

.qualification .point-inner-text {
    background: #004a83;
    color: #fff;
    width: 420px;
    padding: 50px 30px;
    position: relative;
    z-index: 2;
}

.qualification .point-inner-text .number {
    background: #f3dc1e;
    color: #004a83;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 40px;
    line-height: 4rem;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    text-align: center;
}

.qualification .point-inner-text h4 {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 28px;
    line-height: 2.8rem;
    padding-bottom: 10px;
    font-weight: bold;
}

.qualification .point-inner-text p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
    line-height: 2.4rem;
}

.qualification .point-inner-image {
    position: absolute;
    top: 0;
}

.qualification .point-inner:nth-child(2n) {
    justify-content: flex-end;
}

.qualification .point-inner:nth-child(2n) .point-inner-image {
    left: 0;
}

.qualification .point-inner:nth-child(2n+1) .point-inner-image {
    right: 0;
}

.qualification .voc {
    background: url(/common/img/qualification/voc_bg.svg) repeat;
    min-height: 440px;
    display: flex;
    justify-content: center;
}

.qualification .voc-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 90px;
    position: absolute;
    width: 1100px;
    left: 50%;
    margin-left: -550px;
}

.qualification .voc p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 30px;
    line-height: 3rem;
    color: #fff;
    letter-spacing: 0.5px;
    padding: 30px;
    background: #2d70b8;
    width: 50%;
}

.qualification .voc p:nth-child(1),
.qualification .voc p:nth-child(4) {
    background: #004a83;
}

.qualification .price {
    padding: 130px 0 60px;
    background: url(/common/img/qualification/price_bg.png) no-repeat center;
    background-size: cover;
    text-align: center;
}

.qualification .price-inner {
    width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    -ms-flex-pack: justify;
    padding-top: 60px;
}

.qualification .price-inner-box {
    display: flex;
}

.qualification .price-inner-box .text {
    background: #fff;
    padding: 30px;
    text-align: left;
    width: 370px;
}

.qualification .price-inner-box .text h4 {
    color: #004a83;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    font-weight: bold;
    padding-bottom: 10px;
}

.qualification .price-inner-box .application {
    background: #dbdbdb;
    padding: 20px;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
}

.qualification .price-inner-box .application .normal-price {
    padding-bottom: 20px;
    position: relative;
}

.qualification .price-inner-box .application .normal-price:after {
    content: "";
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top-color: #333;
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-left: -6px;
}

.qualification .price-inner-box .application .normal-price span {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 16px;
    line-height: 1.6rem;
}

.qualification .price-inner-box .application .normal-price p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 18px;
    line-height: 1.8rem;
    text-decoration: line-through;
}

.qualification .price-inner-box .application .special-price {
    color: #e33c3c;
}

.qualification .price-inner-box .application .special-price span {
    border: 1px solid;
    width: 100%;
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 12px;
    line-height: 1.2rem;
    padding: 4px 0 2px;
}

.qualification .price-inner-box .application .special-price p {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 18px;
    line-height: 1.8rem;
    font-weight: bold;
    padding: 8px 0 16px;
}

.qualification .price-inner-box .application .btn {
    background: #e33c3c;
    width: 110px;
    min-width: 0;
    height: 40px;
    border-radius: 20px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    transition: all 0.3s 0s ease;
}

.qualification .price-inner-box .application .btn:hover {
    background: #d63a3a;
}

.qualification .price-inner:last-child {
    justify-content: center;
}

.qualification .other {
    background: #568fcc;
    text-align: center;
    padding-bottom: 55px;
}

.qualification .other-inner {
    padding: 30px 0 0;
}

.qualification .other-inner .qualification-list li {
    background: #004a83;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 22px;
    line-height: 2.2rem;
    padding: 5px 12px 4px;
    font-weight: bold;
    margin: 10px;
    display: inline-block;
    letter-spacing: 1px;
}

.qualification .other-inner .qualification-list.small li {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 22px;
    line-height: 2.2rem;
    font-weight: normal;
}

.qualification .other-inner .btn {
    margin-top: 45px;
    width: 500px;
    height: 60px;
    border-radius: 30px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 20px;
    line-height: 2rem;
    font-weight: bold;
    padding: 20px;
}

.qualification .qualification-footer {
    background: #333;
    text-align: center;
    color: #fff;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 20.35px;
    line-height: 2.035rem;
    padding: 25px;
}

@media screen and (max-width: 46em) {
    .qualification {
        min-width: 0;
        overflow-x: hidden;
        /*common*/
        /*date*/
    }
    .qualification .section-qualification {
        padding-top: 20px;
    }
    .qualification .section-qualification .section-title {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 28px;
        line-height: 2.8rem;
        padding: 0 15px;
        letter-spacing: 0.5px;
    }
    .qualification .section-qualification .section-title.blue {
        color: #004a83;
    }
    .qualification .section-qualification .section-title.under-line {
        display: inline-block;
    }
    .qualification .section-qualification .section-title.under-line span {
        position: relative;
        z-index: 2;
    }
    .qualification .section-qualification .section-title.under-line:after {
        content: "";
        display: inline-block;
        width: 100%;
        height: 12px;
        background: #f3dc1e;
        position: absolute;
        bottom: 2px;
        left: 0;
    }
    .qualification .section-qualification .section-title .supplement {
        font-weight: normal;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 18px;
        line-height: 1.8rem;
        padding: 0 15px;
        display: inline-block;
    }
    .qualification .section-qualification .section-title small {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 26px;
        line-height: 2.6rem;
    }
    .qualification .section-qualification .section-title strong {
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 40px;
        line-height: 4rem;
        margin-left: -10px;
    }
    .qualification .section-qualification sup {
        font-size: 8px;
        font-size: 0.8rem;
        line-height: 8px;
        line-height: 0.8rem;
        position: relative;
        top: -5px;
    }
    .qualification .mainVisual {
        width: 100%;
        height: 420px;
        min-height: 0;
        background: url(/common/img/qualification/main-visual-sp.png) no-repeat center;
        background-size: cover;
        padding: 0;
    }
    .qualification .mainVisual-link {
        display: flex;
        justify-content: center;
    }
    .qualification .mainVisual-link .tsukin-link {
        position: relative;
        padding-right: 30px;
    }
    .qualification .mainVisual-link .tsukin-link:after,
    .qualification .mainVisual-link .tsukin-link:before {
        width: 1px;
        height: 16px;
        right: 14px;
        margin-top: -10px;
    }
    .qualification .mainVisual-link .tsukin-link img {
        width: 67px;
        height: auto;
    }
    .qualification .mainVisual-link .manegy-link img {
        width: 62px;
        height: auto;
    }
    .qualification .mainVisual h1 {
        padding: 20px 0 10px 15px;
    }
    .qualification .mainVisual h1 img {
        width: 100%;
        height: auto;
    }
    .qualification .mainVisual .text {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 30px;
        line-height: 3rem;
        font-feature-settings: "palt";
        letter-spacing: 0px;
        padding: 0 15px 32px 15px;
        position: relative;
    }
    .qualification .mainVisual .ca3-scroll-down-arrow:after {
        content: "";
        display: block;
        position: absolute;
        bottom: -15px;
        left: 50%;
        margin-left: -14px;
        width: 20px;
        height: 20px;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: rotate(45deg) translateY(-50%);
    }
    .qualification .date {
        background: #568fcc;
    }
    .qualification .date-inner {
        display: block;
        padding-top: 20px;
    }
    .qualification .date-box {
        width: 100%;
        padding: 20px 15px;
    }
    .qualification .date-box h3 {
        text-align: center;
        color: #fff;
        width: auto;
        text-align: center;
        font-weight: bold;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 18px;
        line-height: 1.8rem;
        padding-bottom: 15px;
        letter-spacing: 1px;
    }
    .qualification .date-box h3 span {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 22px;
        line-height: 2.2rem;
    }
    .qualification .date-box img {
        width: 100%;
        height: auto;
    }
    .qualification .date-left {
        background: #2d70b8;
        text-align: right;
    }
    .qualification .date-left h3 {
        float: none;
    }
    .qualification .date-right {
        background: #004a83;
        text-align: left;
    }
    .qualification .date-right h3 {
        float: none;
    }
    .qualification .voice {
        background: url(/common/img/qualification/voice_bg.png) no-repeat center left;
        background-size: cover;
        color: #fff;
        padding-bottom: 30px;
    }
    .qualification .voice .section-title {
        padding-bottom: 5px;
    }
    .qualification .voice-inner {
        display: block;
        padding: 0 15px;
    }
    .qualification .voice-inner figure {
        width: 100%;
        text-align: left;
        margin: 0 auto;
        padding-top: 15px;
    }
    .qualification .voice-inner figure .profile {
        display: flex;
        align-items: center;
    }
    .qualification .voice-inner figure h3 {
        font-weight: bold;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 18px;
        line-height: 1.8rem;
        padding: 12px 0 10px 15px;
    }
    .qualification .voice-inner figure h3 span {
        padding-left: 5px;
    }
    .qualification .voice-inner figure p {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 18px;
        line-height: 1.8rem;
        padding-top: 10px;
    }
    .qualification .voice-inner figure img {
        width: 60px;
        height: 60px;
    }
    .qualification .problem {
        background: url(/common/img/qualification/problem_bg.png) no-repeat center;
        background-size: cover;
        padding-bottom: 30px;
    }
    .qualification .problem-inner {
        padding: 20px 15px;
        flex-wrap: wrap;
    }
    .qualification .problem-text {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 29.6px;
        line-height: 2.96rem;
        letter-spacing: 0.5px;
        padding-top: 0px;
    }
    .qualification .problem-image {
        width: 50%;
    }
    .qualification .problem-image img {
        width: 100%;
        height: auto;
    }
    .qualification .point {
        background: #fff;
        padding-bottom: 15px;
    }
    .qualification .point h3 {
        width: 140px;
        height: 30px;
        border-radius: 15px;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 30px;
        line-height: 3rem;
        margin: 15px auto 0;
        padding: 1px 2px 2px 10px;
    }
    .qualification .point-text {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 22.2px;
        line-height: 2.22rem;
        letter-spacing: 0.5px;
        padding: 10px 15px 15px;
    }
    .qualification .point .btn {
        margin: 0 15px 20px;
        width: auto;
        height: 40px;
        border-radius: 20px;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 20px;
        line-height: 2rem;
        font-weight: bold;
        padding: 10px 20px;
    }
    .qualification .point-inner {
        display: block;
        align-items: center;
        width: auto;
        height: auto;
        margin: 0 15px 15px;
        position: relative;
    }
    .qualification .point-inner-text {
        width: auto;
        padding: 30px 15px;
        position: relative;
    }
    .qualification .point-inner-text .number {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 26px;
        line-height: 2.6rem;
        width: 26px;
        height: 26px;
    }
    .qualification .point-inner-text h4 {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 26px;
        line-height: 2.6rem;
        padding-bottom: 5px;
        font-weight: bold;
    }
    .qualification .point-inner-text p {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 20px;
        line-height: 2rem;
    }
    .qualification .point-inner-image {
        position: static;
        top: 0;
    }
    .qualification .point-inner-image img {
        width: 100%;
        height: auto;
    }
    .qualification .point-inner:nth-child(2n) .point-inner-image {
        right: 0;
    }
    .qualification .point-inner:nth-child(2n+1) {
        justify-content: end;
    }
    .qualification .point-inner:nth-child(2n+1) .point-inner-image {
        left: 0;
    }
    .qualification .voc {
        background: url(/common/img/qualification/voc_bg.svg) repeat;
        background-size: 12px;
        min-height: 0;
        display: block;
        justify-content: center;
    }
    .qualification .voc-inner {
        display: block;
        margin: 0 auto;
        position: static;
        padding: 20px 15px;
        width: 100%;
    }
    .qualification .voc p {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 20px;
        line-height: 2rem;
        color: #fff;
        letter-spacing: 0.5px;
        padding: 15px;
        width: 100%;
    }
    .qualification .voc p:nth-child(1),
    .qualification .voc p:nth-child(3) {
        background: #004a83;
    }
    .qualification .voc p:nth-child(2),
    .qualification .voc p:nth-child(4) {
        background: #2d70b8;
    }
    .qualification .price {
        padding: 20px 0 20px;
        background: url(/common/img/qualification/price_bg.png) no-repeat center;
        background-size: cover;
        text-align: center;
    }
    .qualification .price .section-title {
        padding: 0;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 26px;
        line-height: 2.6rem;
    }
    .qualification .price-inner {
        width: auto;
        margin: 0 auto;
        display: block;
        padding: 0 15px;
    }
    .qualification .price-inner-box {
        display: block;
        padding-top: 15px;
    }
    .qualification .price-inner-box .text {
        background: #fff;
        padding: 15px;
        text-align: left;
        width: auto;
    }
    .qualification .price-inner-box .text h4 {
        color: #004a83;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 22px;
        line-height: 2.2rem;
        font-weight: bold;
        padding-bottom: 5px;
    }
    .qualification .price-inner-box .application {
        background: #dbdbdb;
        padding: 15px;
        display: block;
        align-items: center;
    }
    .qualification .price-inner-box .application .application-price {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 10px;
    }
    .qualification .price-inner-box .application .normal-price {
        padding-bottom: 0px;
        position: relative;
        padding-right: 28px;
    }
    .qualification .price-inner-box .application .normal-price:after {
        content: "";
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-left-color: #333;
        position: absolute;
        left: initial;
        bottom: inherit;
        margin-left: 0;
        right: 4px;
        top: 50%;
        margin-top: -6px;
    }
    .qualification .price-inner-box .application .normal-price span {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 16px;
        line-height: 1.6rem;
    }
    .qualification .price-inner-box .application .normal-price p {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 18px;
        line-height: 1.8rem;
        text-decoration: line-through;
    }
    .qualification .price-inner-box .application .special-price {
        color: #e33c3c;
    }
    .qualification .price-inner-box .application .special-price span {
        border: 1px solid;
        width: 100%;
        display: inline-block;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 12px;
        line-height: 1.2rem;
        padding: 4px 0 2px;
    }
    .qualification .price-inner-box .application .special-price p {
        font-size: 20px;
        font-size: 2rem;
        line-height: 20px;
        line-height: 2rem;
        font-weight: bold;
        padding: 8px 0 0;
    }
    .qualification .price-inner-box .application .btn {
        background: #e33c3c;
        width: 100%;
        min-width: 0;
        height: 40px;
        border-radius: 20px;
        color: #fff;
        font-weight: bold;
        text-align: center;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 14px;
        line-height: 1.4rem;
        transition: all 0.3s 0s ease;
    }
    .qualification .price-inner-box .application .btn:hover {
        background: #e33c3c;
    }
    .qualification .price-inner:last-child {
        justify-content: center;
    }
    .qualification .other {
        background: #568fcc;
        text-align: center;
        padding-bottom: 30px;
    }
    .qualification .other-inner {
        padding: 15px 10px 0;
    }
    .qualification .other-inner .qualification-list {
        display: flex;
        flex-wrap: wrap;
    }
    .qualification .other-inner .qualification-list li {
        background: #004a83;
        color: #fff;
        text-align: center;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 20px;
        line-height: 2rem;
        padding: 4px 12px 2px;
        margin: 5px;
        display: inline-block;
        letter-spacing: 1px;
        flex-grow: 1;
    }
    .qualification .other-inner .qualification-list.small li {
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 20px;
        line-height: 2rem;
        font-weight: normal;
    }
    .qualification .other-inner .btn {
        margin: 20px 0 0;
        width: 100%;
        height: 40px;
        border-radius: 20px;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 20px;
        line-height: 2rem;
        font-weight: bold;
        padding: 10px 20px;
    }
    .qualification .qualification-footer {
        padding: 15px;
    }
}

@keyframes open-menu-bar01 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0);
    }
    50% {
        transform: translate3d(0, 9px, 0) rotate(0);
    }
    100% {
        transform: translate3d(0, 9px, 0) rotate(45deg);
    }
}

@keyframes open-menu-bar03 {
    0% {
        transform: translate3d(0, 0, 0) rotate(0);
    }
    50% {
        transform: translate3d(0, -9px, 0) rotate(0);
    }
    100% {
        transform: translate3d(0, -9px, 0) rotate(-45deg);
    }
}

@keyframes close-menu-bar01 {
    0% {
        transform: translate3d(0, 9px, 0) rotate(45deg);
    }
    50% {
        transform: translate3d(0, 9px, 0) rotate(0);
    }
    100% {
        transform: translate3d(0, 0, 0) rotate(0);
    }
}

@keyframes close-menu-bar02 {
    0% {
        transform: translate3d(0, -9px, 0) rotate(-45deg);
    }
    50% {
        transform: translate3d(0, -9px, 0) rotate(0);
    }
    100% {
        transform: translate3d(0, 0, 0) rotate(0);
    }
}

@keyframes loading-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes tooltip {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.mod-tooltip-wrap:hover .tooltip {
    animation: show 1s linear 0s;
}


/*animated scroll arrow animation*/

@-webkit-keyframes ca3_fade_move_down {
    0% {
        -webkit-transform: translate(0, -20px);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translate(0, 20px);
        opacity: 0;
    }
}

@-moz-keyframes ca3_fade_move_down {
    0% {
        -moz-transform: translate(0, -20px);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -moz-transform: translate(0, 20px);
        opacity: 0;
    }
}

@keyframes ca3_fade_move_down {
    0% {
        transform: translate(0, -20px);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: translate(0, 20px);
        opacity: 0;
    }
}

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto;
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr;
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto;
}

.mCSB_inside>.mCSB_container {
    margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-left: 30px;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0;
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_outside+.mCSB_scrollTools {
    right: -26px;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    right: auto;
    left: 0;
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    left: -26px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px;
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
    min-height: 100%;
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}

.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
    margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0;
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}

.mCSB_container_wrapper>.mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px;
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0;
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0;
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px;
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
    padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
    padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)";
}

.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
    background-image: url(mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
}

.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover,
.mCSB_scrollTools .mCSB_buttonUp:hover {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonUp:active {
    opacity: .9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px;
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
    height: 14px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    opacity: .3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=);
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px;
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px;
}

.mCS-3d-dark.mCSB_scrollTools,
.mCS-3d.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px;
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical {
    right: 1px;
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCS-3d-thick.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,
.mCS-3d-thick.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
    height: 12px;
    width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px;
}

.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
    left: 0;
    right: auto;
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px;
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0;
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}


/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

html {
    overflow-x: hidden;
}

body {
    min-width: inherit;
    min-height: 0;
}

body main {
    margin-bottom: 0;
}

body .fancybox-wrap,
body .fancybox-skin,
body .fancybox-outer,
body .fancybox-inner,
body .fancybox-image,
body .fancybox-wrap iframe,
body .fancybox-wrap object,
body .fancybox-nav,
body .fancybox-nav span,
body .fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

body .fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020000;
}

body .fancybox-skin {
    position: relative;
    background: #fff;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

body .fancybox-opened {
    z-index: 803000;
}

body .fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

body .fancybox-outer,
body .fancybox-inner {
    position: relative;
}

body .fancybox-inner {
    overflow: hidden;
}

body .fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

body .fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

body .fancybox-image,
body .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

body .fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

body .fancybox-close {
    position: absolute;
    top: -20px;
    right: -15px;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    background: #fff;
    cursor: pointer;
    z-index: 1103;
}

body .fancybox-close:before,
body .fancybox-close:after {
    display: block;
    content: '';
    width: 2px;
    height: 18px;
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #004a83;
    border-radius: 10px;
    position: absolute;
    top: 10px;
    left: 19px;
}

body .fancybox-close:after {
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

body .fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}

body .fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

body .fancybox-lock body {
    overflow: hidden !important;
}

body .fancybox-lock-test {
    overflow-y: hidden !important;
}

body .fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
    z-index: 10000;
}

body .fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 80100;
    /*background: rgba(0,0,0,0.5);*/
    background: url(/common/img/fancybox_overlay.png);
}

body .fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

body .fancyboxContents {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 25.9px;
    line-height: 2.59rem;
    background: #fff;
    overflow-x: hidden;
}

body .fancyboxContents__sort {
    background: #fff;
}

body .fancyboxContents__sort .mod-input {
    margin-right: 0;
}

body .fancyboxContents .inner {
    padding: 20px;
}

body .fancyboxContents .inner+.inner {
    margin-top: -20px;
}

body .fancyboxContents .inner.border-bottom+.inner {
    margin-top: 0px;
}

body .fancyboxContents .inner+.component-column {
    margin-top: -20px;
}

body .fancyboxContents .component-column {
    padding: 20px 10px 10px;
}

body .fancyboxContents .component-column+.inner {
    margin-top: -20px;
}

body .fancyboxContents .headline--lv2 {
    background: #004a83;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 22px;
    line-height: 2.2rem;
    padding: 6px 15px;
}

body .fancyboxContents__imageUpload .imageBox {
    position: relative;
    height: 400px;
    width: 100%;
    border: 1px solid #aaa;
    background: #fff;
    overflow: hidden;
    background-repeat: no-repeat;
    cursor: move;
}

body .fancyboxContents__imageUpload .imageBox .thumbBox {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin-top: -100px;
    margin-left: -100px;
    box-sizing: border-box;
    border: 1px solid #666666;
    box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
    background: none repeat scroll 0% 0% transparent;
}

body .fancyboxContents__imageUpload .imageBox .spinner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    line-height: 400px;
    background: rgba(0, 0, 0, 0.7);
}

body .fancyboxContents__imageUpload .imageBox .sizeChange {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

body .fancyboxContents__imageUpload .imageBox .sizeChange button {
    width: 30px;
    height: 30px;
    padding-top: 6px;
    min-width: inherit;
    margin-top: 0;
    position: relative;
    background: #c7d3e0;
    float: left;
    margin-left: 5px;
}

body .fancyboxContents__imageUpload .imageBox .sizeChange button.sizeChange-plus span {
    display: inline-block;
    position: relative;
    margin: 0 0;
    padding: 0;
    width: 3px;
    height: 18px;
    background: #fff;
}

body .fancyboxContents__imageUpload .imageBox .sizeChange button.sizeChange-plus span:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: -8px;
    width: 18px;
    height: 3px;
    margin-top: -2px;
    background: #fff;
}

body .fancyboxContents__imageUpload .imageBox .sizeChange button.sizeChange-minus {
    padding-top: 7px;
}

body .fancyboxContents__imageUpload .imageBox .sizeChange button.sizeChange-minus span {
    display: inline-block;
    position: relative;
    margin: 0 0;
    padding: 0;
    width: 18px;
    height: 3px;
    background: #fff;
    top: -8px;
}

body .fancyboxContents textarea {
    resize: vertical;
    overflow: auto;
    height: 160px !important;
}

body .fancyboxContents .pc-hide {
    display: none;
}

body.tutorial {
    pointer-events: none;
}

body.tutorial .fancybox-overlay {
    pointer-events: none;
}

body.tutorial .fancybox-overlay .fancybox-wrap {
    pointer-events: auto;
}

body.tutorial .fancybox-overlay .fancybox-wrap a {
    pointer-events: auto;
}

@media screen and (max-width: 599px) {
    body.tutorial .fancybox-inner {
        height: auto !important;
    }
    body .fancyboxContents {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 22.2px;
        line-height: 2.22rem;
    }
    body .fancyboxContents__sort {
        background: #fff;
    }
    body .fancyboxContents__sort .mod-input {
        margin-right: 0;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 22.2px;
        line-height: 2.22rem;
    }
    body .fancyboxContents .inner {
        padding: 15px;
    }
    body .fancyboxContents .headline--lv2 {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 15px;
        line-height: 1.5rem;
        padding: 9px 15px;
    }
    body .fancyboxContents .component-column .col-1-2 {
        flex: 0 0 50%;
        flex-basis: auto;
    }
    body .fancyboxContents .btn {
        padding: 15px;
    }
    body .fancyboxContents .pc-hide {
        display: block;
    }
    body .fancyboxContents .btnWrap li .btn {
        min-width: inherit !important;
        padding: 15px 10px !important;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 12px;
        line-height: 1.2rem;
    }
    body .fancyboxContents .btnWrap li .btn::before {
        width: 16px;
        height: 16px;
        margin-right: 10px;
        background-size: 16px;
    }
    body .fancybox-inner {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 22.2px;
        line-height: 2.22rem;
    }
}

#tooltip {
    color: #fff;
    background: rgba(0, 0, 0, 0.75);
    position: absolute;
    z-index: 100;
    padding: 10px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 22.2px;
    line-height: 2.22rem;
}

#tooltip::after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #111;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
}

#tooltip.top::after {
    border-top-color: transparent;
    border-bottom: 10px solid #111;
    top: -20px;
    bottom: auto;
}

#tooltip.left::after {
    left: 10px;
    margin: 0;
}

#tooltip.right::after {
    right: 10px;
    left: auto;
    margin: 0;
}


/*! jQuery UI - v1.12.1 - 2017-01-08
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

#ui-datepicker-div {
    z-index: 2000000 !important;
}

.ui-datepicker-trigger {
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}


/* Layout helpers
----------------------------------*/

.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
    /* support: IE8 */
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}


/* Icons
----------------------------------*/

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}


/* Misc visuals
----------------------------------*/


/* Overlays */

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}

.ui-menu .ui-menu {
    position: absolute;
}

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
    /* support: IE10, see #8844 */
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em;
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: -1px;
}


/* icon support */

.ui-menu-icons {
    position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em;
}


/* left-aligned */

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}


/* right-aligned */

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* Support: IE <= 11 */
    overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
    text-decoration: none;
}


/* to make room for the icon, a width needs to be set here */

.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
}


/* no icon support for input elements */

input.ui-button.ui-button-icon-only {
    text-indent: 0;
}


/* button icon element(s) */

.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em;
}


/* workarounds */


/* Support: Firefox 5 - 40 */

input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block;
}

.ui-controlgroup>.ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0;
}

.ui-controlgroup>.ui-controlgroup-item:focus,
.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus {
    z-index: 9999;
}

.ui-controlgroup-vertical>.ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item {
    border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item {
    border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none;
}


/* Spinner specific style fixes */

.ui-controlgroup-vertical .ui-spinner-input {
    /* Support: IE8 only, Android < 4.4 only */
    width: 75%;
    width: calc( 100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid;
}

.ui-checkboxradio-disabled {
    pointer-events: none;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%;
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}


/* with multiple calendars */

.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}


/* RTL support */

.ui-datepicker-rtl {
    direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}


/* Icons */

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}

.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0;
}

.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0;
}

.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0;
}

.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
    width: 7px;
    height: 7px;
}

.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0;
}

.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0;
}

.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0;
}

.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
    background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
    height: 100%;
    filter: alpha(opacity=25);
    /* support: IE8 */
    opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none;
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    padding: 2px 0.4em;
    margin: 0.5em 0 0 0;
    height: auto;
    border: 0;
}

.ui-selectmenu-open {
    display: block;
}

.ui-selectmenu-text {
    display: block;
    margin-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
    text-align: left;
    white-space: nowrap;
    width: 14em;
}

.ui-selectmenu-icon.ui-icon {
    float: right;
    margin-top: 0;
}

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}


/* support: IE8 - See #6727 */

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal {
    height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: .222em 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 2em;
}

.ui-spinner-button {
    width: 1.6em;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
}


/* more specificity required here to override default borders */

.ui-spinner a.ui-spinner-button {
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
}

.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

.ui-tabs {
    position: relative;
    /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: .2em;
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
}

body .ui-tooltip {
    border-width: 2px;
}


/* Component containers
----------------------------------*/

.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}

.ui-widget-content a {
    color: #333333;
}

.ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold;
}

.ui-widget-header a {
    color: #333333;
}


/* Interaction states
----------------------------------*/

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: #454545;
    text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid #cccccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none;
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #ffffff;
    text-decoration: none;
}


/* Interaction Cues
----------------------------------*/

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    /* support: IE8 */
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    /* support: IE8 */
    background-image: none;
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35);
    /* support: IE8 - See #6059 */
}


/* Icons
----------------------------------*/


/* states and images */

.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("images/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("images/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
    background-image: url("images/ui-icons_777777_256x240.png");
}


/* positioning */

.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-icon-caret-1-n {
    background-position: 0 0;
}

.ui-icon-caret-1-ne {
    background-position: -16px 0;
}

.ui-icon-caret-1-e {
    background-position: -32px 0;
}

.ui-icon-caret-1-se {
    background-position: -48px 0;
}

.ui-icon-caret-1-s {
    background-position: -65px 0;
}

.ui-icon-caret-1-sw {
    background-position: -80px 0;
}

.ui-icon-caret-1-w {
    background-position: -96px 0;
}

.ui-icon-caret-1-nw {
    background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}


/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */

.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}


/* Misc visuals
----------------------------------*/


/* Corner radius */

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 3px;
}


/* Overlays */

.ui-widget-overlay {
    background: #aaaaaa;
    opacity: .3;
    filter: Alpha(Opacity=30);
    /* support: IE8 */
}

.ui-widget-shadow {
    -webkit-box-shadow: 0px 0px 5px #666666;
    box-shadow: 0px 0px 5px #666666;
}


/* Slider */

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

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    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);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

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

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

.slick-track:after {
    clear: both;
}

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

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

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

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


/* Slider */

.slick-loading .slick-list {
    background: #fff url("./ajax-loader.gif") center center no-repeat;
}


/* Icons */

@font-face {
    font-family: "slick";
    src: url("./fonts/slick.eot");
    src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
    font-weight: normal;
    font-style: normal;
}


/* Arrows */

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 40px;
    width: 40px;
    background: #000;
    border-radius: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
    z-index: 2;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: #000;
    color: #000;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: 0;
    margin-right: 3px;
}

.slick-prev {
    left: -5px;
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -5px;
}

.slick-prev:before {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    border-right: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-right: 0;
    margin-left: 3px;
}

.slick-next {
    right: -5px;
}

[dir="rtl"] .slick-next {
    left: -5px;
    right: auto;
}

.slick-next:before {
    content: "→";
}

[dir="rtl"] .slick-next:before {
    content: "←";
}


/* Dots */

.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: black;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    color: black;
    opacity: 0.75;
}


/*slider*/

.slider .mod-thumbLink figcaption .mod-articlTitle {
    margin-bottom: 0;
    display: block;
}

@media screen and (max-width: 46em) {
    .slick-prev {
        left: 0;
    }
    [dir="rtl"] .slick-prev {
        left: auto;
        right: 5px;
    }
    .slick-next {
        right: 0;
    }
    [dir="rtl"] .slick-next {
        left: 5px;
        right: auto;
    }
}


/*
	Redactor II

	http://imperavi.com/redactor/

	Copyright (c) 2009-2017, Imperavi Oy.
	License: http://imperavi.com/redactor/license/
*/

@font-face {
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Verdana, sans-serif;
    src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBkUAAAC8AAAAYGNtYXAXVtKuAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZnzExC8AAAF4AAAcJGhlYWQMgV4/AAAdnAAAADZoaGVhB7gD6QAAHdQAAAAkaG10eKYBDw8AAB34AAAAsGxvY2GR7orEAAAeqAAAAFptYXhwADQApgAAHwQAAAAgbmFtZVDOJQoAAB8kAAABknBvc3QAAwAAAAAguAAAACAAAwP0AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpJwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Sf//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAADAAAAgAQAAwAADwAjADMAABMhMhYdARQGIyEiJj0BNDYDITIWHQEUBiMhOAExIiY9ATQ2MxMhMhYdARQGIyEiJj0BNDa7AooZIiIZ/XYZIiJnA4oZIiIZ/HYYIyIZgAKKGSIiGf12GSIiAwAiGQoZIiIZChki/wAiGQkZIiIYChki/wAiGQoZIiIZChkiAAADAAAAgAQAAwAAEAAkADUAABMhMhYdARQGIyEiJj0BNDYzESEyFh0BFAYjITgBMSImPQE0NjMRITIWHQEUBiMhIiY9ATQ2MzsCyhkiIhn9NhkiIhkDihkiIhn8dhgjIhkCyhkiIhn9NhkiIhkDACIZChkiIhkKGSL/ACIZCRkiIhgKGSL/ACIZChkiIhkKGSIAAAAAAwAAAIAEAAMAAA8AIwAzAAATITIWHQEUBiMhIiY9ATQ2AyEyFh0BFAYjITgBMSImPQE0NjMTITIWHQEUBiMhIiY9ATQ2+wLKGSIiGf02GSIipwOKGSIiGfx2GCMiGcACyhkiIhn9NhkiIgMAIhkKGSIiGQoZIv8AIhkJGSIiGAoZIv8AIhkKGSIiGQoZIgAAAwEZAEcC5wMAACUALgBLAAAlPgE1NCY1NjQ1NCYnPgE3PAE1NCYnLgEjKgEjIgcRMzIWMzI2NwMyFRQjIiM1MwM6ATMyFhceARUcARUcARUUBgcOASMiJiMiJzUzAp8hJwEBSDckMAEhGyFRLQIFAjiIzwMGAzBYJMpqdx8cRgcFCQUcNBYPEhUSFjQcBAkEFiZAgBlKLAEEAQMHAz1dEBFFKwEDASY/FhgbBv1OAR8bAhZPWqb+/w4ODSgXAgUCAgQCGSwODg8BA+MAAgDAAAADQAOAACcAMwAAJSImJzEnBw4BIzgBMSoBIyImJxE+ATM6ATMhOgEzMhYXEQ4BIyoBIwERNz4BMzIWFzEXEQMACxMI2toIEwsBAgEYIgICIhgBAgECAAECARgiAgIiGAECAf5AmgcUCgsTCJsABwWOjgYGIBcDERggIRf88BchAxD9mGUGBgYGZQJoAAAAAAUAQAAAA8ADgAAPABMAIQAvAD0AAAEhIgYVERQWMyEyNjURNCYDIREhBSEyFhUUBiMhIiY1NDYXITIWFRQGIyEiJjU0NhchMhYVFAYjISImNTQ2A0D9gDVLSzUCgDVLSzX9gAKA/gABgBslJRv+gBslJRsBgBslJRv+gBslJRsBgBslJRv+gBslJQOASzX9gDVLSzUCgDVL/QACgEAlGxslJRsbJcAlGxslJRsbJcAlGxslJRsbJQADAEAAAAPAA4AADwATAE4AAAEhIgYVERQWMyEyNjURNCYDIREhAzEHDgEjOAExKgEjIiYnNDY3MTcjMCIxIiYnNDY3MTc+ATM4ATE6ATMyFhcUBgcxBzMwMjEyFhcUBgcDQP2ANUtLNQKANUtLNf2AAoCIwAUQCQEBAQ4UAgQElOkCDhUBBATABRAJAQEBDhQCBASU6QIOFQEEBAOASzX9gDVLSzUCgDVL/QACgP6t4AYHEg4FCgStEg4FCgTgBgcSDgUKBK0SDgUKBAABAIAAPAOAAwEAbQAAASMuAS8BLgEnLgEnLgE1MDQ1PAE1NDY3PgEzOgEzHgEXHgEXNy4BIyoBByoBIyIGBw4BFRwBFRwBFRQWFx4BHwEhFSEXHgEVHAEVFAYHDgEjKgEjLgEnLgEnBx4BMzoBMzIWMzI2Nz4BNy4BJxcDgPQSKBc7FSMRCA0FBQUPDQ0jEwIEAhMkEQ8cDRocQiQHDgYBBAImRBoZHQ8NEzAdMf6dAcQECQoSDxEqGAEEARMkEREgDiEfTCkCBAMCBwMsTiAdIgEBCAfUAYASHQsbChUNBhIKCxcNAQEBAQEUIg0LDgEGBgUNCFEREwEbGBc/JQEDAQECAhw1FxgmCxdABA4hEQEBARYmDg4QAQcGBRALVxUWAR0aF0QoFCYSAgACAEAAAAPAA4AAGgA2AAABBzMyFhUUBisBIiY9ATQ2MzIWHQE3HgEXFDY/ASMiJjU0NjsBMhYdARQGIyImPQEHLgEnNAY3AcDnRxMaGhOzExoaExIb5hgiBgZ650cTGhoTsxMaGhMSG+YYIgYGBgFA5hsSExoaE7MTGhoTR+cFIxcKD/rmGxITGhoTsxMaGhNH5wUjFwoPBgAAAAADAEAAQAPAA4AAFwAaAB4AAAEjFTMRIREzNSMiBhURFBYzITI2NRE0JgEHISczESMDQICA/YCAgDVLSzUCgDVLS/6LgAEAqlRUAoCA/sABQIBLNf7ANUtLNQFANUsBANog/roAAwBAAAADwAOAAAMAEwAbAAABMycHASEiBhURFBYzITI2NRE0JgMnIwcjEzMTAbiNRkcBiP2ANUtLNQKANUtL5yvIKHPoLuoBgdHRAf9LNf2ANUtLNQKANUv9QHNzAkD9wAAAAAQAPwDAA78C/wAHAAoAaACVAAAlAyMDMzczFycjNwERMDQ1NCYnLgEnLgEnLgEjKgExOAExIgYHBgcGBwYHFT4BNz4BMzoBMzIWFx4BFTAUHQEjJiIjIgYHDgEVHAEVOAEVFBYXHgEXHgEXHgEzOgEzOAExMjY3PgE3FzMnDgEHDgEHKgEjIiYnLgEnLgEnLgE1OAExNDA1NDY3PgE3PgE3PgEzOgE7ARUCQOou6XMpyCtJjEYCgAYFBA8JChcNDh4PAQIKEwoRERAQDwwNHxEQIRACBAIQHgwKC04DBwQfOBgTFwQEAwsHCBMKDBoOAQIBEiIQER8NATtCDR4RDBoOAQEBBw4GBgkEBAUCAgEDAgMIBgYOCAkUCwEBAVPAAj/9wXNzwNH+egEEAgEOGgwLEwgHDAMEBAEBAgQDBAQFOwYKBAQECwkKGg8CASEBEg8OLBoBAgIBCxUKCREHBwsEBAUIBggWDjNoDBYIBwcBAwICBgQECAUFCwUBAQcOBgYLBAUHAgMCQwAAAAcAPwBAA9EDQAAHAAoADgASABYAGgAeAAAlAyMDMzczFycjNyUzESMTFwcnNwcXNwM3JwcXJzcXAkDqLulzKcgrSYxGAcFAQCQttS2tLbUtrS21La0ttS3AAj/9wXNzwNHv/QAC8S21LbUttS390y21LbUttS0AAAEAwABAA0ADQAAqAAABISoBIyIGBw4BBw4BBw4BFRwBFRQWFx4BFx4BFx4BMzoBMxEzETMRMxEzA0D+YAIFAhgsFRMjDw4WCAYHCQcIFw4OIRMVLRgCBAFcgFxoA0AHBgYUDAwdERAiEgIFAhMkEBEdDA0VBwcI/nMCq/1VAqsAAv/xALMEBALcAAUACwAAAS0BJwkBAQ0BFwkBAZ//AAEAUf6jAV0BCQEA/wBQAV3+owEAyMZO/uz+6wHcyMZNARQBFAAGAEAAQAPAA0AAAwAcAB8AIgAyAEIAAAERIREFOgEzMhYXDgEjKgEjKgEjIiYnPgEzOgEzBzcXMTcXASEyFh0BFAYjISImPQE0NhMhMhYdARQGIyEiJj0BNDYBAAIA/qsBAgIVHgMDHhUCAgEBAwEVHwICHxUBAwFcTUh0bf22AwoZIiIZ/PYZIiIZAwoZIiIZ/PYZIiICgP6AAYBKHBQVGxsVFBz2UFCAgAIAIhkKGSIiGQoZIv2AIhkKGSIiGQoZIgAABwBAAIADwAMAAA8AIwAzADcAUABTAFYAAAEzMhYdARQGKwEiJj0BNDYTMzIWHQEUBisBOAExIiY9ATQ2MwEhMhYdARQGIyEiJj0BNDYDESERBTAyMzIWFw4BIyoBMSoBMSImJz4BMzAyMwc3FyM3FwK7yhkiIhnKGSIiGckZIiIZyRgjIhn9wAMKGSIiGfz2GSIiIgHA/tYBARQdAQEdFAEBAQEUHQEBHRQBAVFDQANoYAMAIhkKGSIiGQoZIv8AIhkJGSIiGAoZIv8AIhkKGSIiGQoZIgIA/oABgEocFBQcHBQUHPZQUICAAAAHAEAAgAPAAwAADwAmADYAOgBNAFAAUwAAEzMyFh0BFAYrASImPQE0NhMzMhYdARQwMRQGIzgBMSMiJj0BNDYzESEyFh0BFAYjISImPQE0NgERIREFMDIzMhYXDgEjIiYnPgEzOgEzBzcXJzcXe8oZIiIZyhkiIhnKGSIiGcoZIiIZAwoZIiIZ/PYZIiIBngHA/tYBARQdAQMdFRQdAwEdFAEBAVFEQARlYwMAIhkKGSIiGQoZIv8AIhkJARkiIhkKGSL/ACIZChkiIhkKGSICAP6AAYBKHBQUGxsUFBz2T1ABgIAAAAAABAAAAAAEAAOAAAMAHAAfACIAABMRIREFOgEzMhYXDgEjKgEjKgEjIiYnPgEzOgEzAzcXNRsBAAQA/VQBAQEvQwEBQy8BAQEBAQEvQwEBQy8BAQG3m5Ho2gOA/IADgKxBLy9BQS8uQv3Ft7sEASf+1AAAAAAFAAAAgAQAAwAAEAAkADQANwA7AAATITIWHQEUBiMhIiY9ATQ2MwEhMhYdARQGIyE4ATEiJj0BNDYzESEyFh0BFAYjISImPQE0NicHEQczFSM7A4oZIiIZ/HYZIiIZAcAByRkiIhn+NxgjIhkByhkiIhn+NhkiIqLAgICAAwAiGQoZIiIZChki/wAiGQkZIiIYChki/wAiGQoZIiIZChkiIaEBQIBAAAACAMAAAAOAA4AAGgA1AAAlKgEjIi4CJzQ+AjMyHgIVDgMjKgEjNToBMzI+Ajc0LgIjIg4CFR4DMzoBMwIgAQMBR35eNwFhfHIREXJ8YQE3Xn5HAQMBAQIBNV5HKQFLXlUKClVeSwEpR141AQIBADVdfEdHv614eK2/R0d8XTVVKEZdNTWThV5ehZM1NV1GKAABAbMASAKMAvYAAwAAJRMjAwITeV96SAKu/VIAAQAAAYEEAAIAABMAABMhMhYdARQGIyE4ATEiJj0BNDYzOwOKGSIiGfx2GCMiGQIAIhkJGSIiGAoZIgAAAwAAAL8EAALBACwAMABhAAAlIiYnNzMeATMyFjMyNjcuASMqASMOAQcnNT4BMzI2MzIeAhcOAyMiJiMBIRUhJw4BBycVDgEVFBYXFTMeATMyNjcXFQ4BIyIGIyIuAic+AzMyFjMyFhcHIy4BJwLcKUshAj0TKxcECQRAXggHX0AECQQXLBQ7IEooBAkFNmFKLgQELkphNgUJBP6SASX+20kXLBQ6EhMTEjwTKxcYLBQ7IEooBAkFNmFKLgQELkphNgUJBChLIQI9EysXwBQSWggKAVQ+P1UBCgkBWxEUAShFXjU2XkYoAQFAgNMBCgkBKREtGRotESgICgoJAVsRFAEoRV41Nl5GKAEUEloJCQEAAAAABQAaAIAEAAMAAA8AIwAzADwAYwAAASEyFh0BFAYjISImPQE0NhMhMhYdARQGIyE4ATEiJj0BNDYzESEyFh0BFAYjISImPQE0NgM1Iw4BDwE3FRM1Izc+ATc0NjU0JicuASMiBiM4ATEiBgcOAQcXPgEzMhUOAQ8BFQE7AooZIiIZ/XYZIiIZAooZIiIZ/XYYIyIZAooZIiIZ/XYZIiKdEA4kFAEvVVYvCg0CAQsJCxkOAgICChQICA0EGwUVDCACCwlJAwAiGQoZIiIZChki/wAiGQkZIiIYChki/wAiGQoZIiIZChkiAQjlEBsKJxyl/oAkRw4gEgEBAQwWBwgJAQUGBQ0JFgsOGhAbC2kMAAAFAAAAgAQAAwAAEAAkADQANwA7AAATITIWHQEUBiMhIiY9ATQ2MwEhMhYdARQGIyE4ATEiJj0BNDYzESEyFh0BFAYjISImPQE0NiUXERUzFSM7A4oZIiIZ/HYZIiIZAcAByRkiIhn+NxgjIhkByhkiIhn+NhkiIv4ewICAAwAiGQoZIiIZChki/wAiGQkZIiIYChki/wAiGQoZIiIZChkiIaEBQIBAAAAGAAD/wAQAA8AAEwAnACsALwAzADcAAAEiDgIVFB4CMzI+AjU0LgIDIi4CNTQ+AjMyHgIVFA4CASEVIREhFSEbARcDNxMXAwIAaruLUFCLu2pqu4tQUIu7alCLaTw8aYtQUItpPDxpi/7wAYD+gAGA/oBASjZKSko3SwPAUIu7amq7i1BQi7tqaruLUPyAPGmLUFCLaTw8aYtQUItpPAFAQAEAQP7bAeUb/hsbAeUa/hoAAAAFAAAAgAQAAwAAEAAtAD4AWwBvAAATITIWHQEUBiMhIiY9ATQ2MwEzMjAxMhYVOAExFRQwMRQGIzgBMSMiJj0BNDYzASEyFh0BFAYjISImPQE0NjMBMzIwMTIWFTgBMRUUMDEUBiM4ATEjIiY9ATQ2MzsBMhYdARQGKwE4ATEiJj0BNDYzOwOKGSIiGfx2GSIiGQEACQEZIiIZChkiIhn/AAOKGSIiGfx2GSIiGQHACQEZIiIZChkiIhnACRkiIhkJGCMiGQMAIhkKGSIiGQoZIv8AIhkJARkiIhkKGSL/ACIZChkiIhkKGSIBACIZCQEZIiIZChkiIhkJGSIiGAoZIgAAAAEAwACAA0ADAABBAAA3MDIxMjY1OAExNTQ2MyEHDgEVFBYzMjY3MTc+ATU0Ji8BLgEjIgYVFBYfASE4ATEiDgIVOAExFTgBMRQWMzgBMegBEBhdQwEHhAYGGBAIDwXIBgYGBsgFDwgQGAYGhP74MldBJhcRgBcRoEJehAUOCRAYBwXIBQ8ICA8FyAYGFxEIDgaEJUJXMqARFwAAAAIAQAAAA4ADgAAbADcAAAEHMzIWFRQGKwEiJj0BNDYzMhYdATceARcUNgcBNyMiJjU0NjsBMhYdARQGIyImPQEHLgEnNAY3A4DnRxMaGhOzExoaExIb5hgiBgYG/MDnRxMaGhOzExoaExIb5hgiBgYGA0DmGxITGhoTsxMaGhNH5wUjFwoPBv0A5hsSExoaE7MTGhoTR+cFIxcKDwYAAAABAIAAPgN/A0AAowAAJSIjBz4BNz4BNz4BNz4BNTwBNTwBNTQmJy4BJy4BJy4BIyoBIyoBIyIGBw4BBw4BBw4BFRwBFTgBMRQWFx4BFx4BFx4BFyciKwEVMBQxFBYXHgEzOgExITUuAScuAScuAScuATU8ATE8ATU0Njc+ATc+ATc+ATMyFhceARceARceARUcARUwFBUUBgcOAQcOAQcOAQ8BIToBMTI2Nz4BNTA0MTUC9hcXLRksFBMiDw4XCAgJEA8OKBgaOiAiSSYBAgEBAgEmSSIhOxkZKA4OEAkICBcPDiITFCwXKxcWigYGBQ8IAQEBGRUmEBIdDA0VBwcICwoKGxERJxYWMhkaMRgVKBERGwkKCwgHBxQNDB4RESUVAQEZAQEJDgYFBqgFCRgPDyQUFS4YGjYcAQEBAQEBJkcgHzcXFiMMDA4ODQwkFxc3HyBHJgECAR03GhkuFBQkDw8YCQVAAQgOBQUGkQMQDAweERIpFxcyGgEBAQMBHDQYFiYPDxcICAgICAgXDw8mFhg0HAEDAQEBGjIYFikSER4MDA8EjwYFBQ4IAUAAAAACARUAFgPpAp0ACwA1AAAlJzcjBycjFwczNxcFNSM3PgE3PAE1NCYnLgEjKgEjMCIjIgYHDgEHFz4BNz4BMzIVDgEPARUCzLurXXVqXZ2rYXKAAYGPUhAVAxANECcVAgQCAQEQHQ0LEQQfBQ0ICBMLOQMSD3PI8OWhoeXwq6uwLYAWNB0CAwETIQwLDQgHBhQMGwkNBQUGMxowE7AKAAAAAgEVAMgD6QONAAsANQAAJSc3IwcnIxcHMzcXATUjNz4BNzwBNTQmJy4BIyoBIyoBIyIGBw4BBxc+ATc+ATcyFQ4BDwEVAsy7q111al2dq2FygAGBj1IQFQMQDREoFgEDAQEBARAdDQsRBCAEDQgIFAo5AhMPcsjw5aGh5fCrqwFQLYAWNB0CAwETIQwNDggHBhQMGwgOBQUFATMbLxSwCgAAAAAGAEAAQAPAAwAAAwAHAAsADwATABcAABMhFSElIRUhBSEVISUhFSEFIRUhJSEVIUABov5eAd4Bov5e/iIBov5eAd4Bov5e/iIBov5eAd4Bov5eAwDAwMBAwMDAQMDAwAACAIAAQQOAA0AALQBbAAABMhYVMBQVFAYHNQchMhYVFAYjIRceARUcATEUBiMiJic1Jy4BNTQ2NzE3PgEzATEXHgEVFAYHMQcOASMiJjUwNDE0NjcxNyEGJjU0NjMhJy4BNTwBMTQ2MzIWFwEQFBwIBg4CLBQcHBT91A4HBxwUCxEGYAYICAZgBhELAgBgBwcHB2AGEQsUHAgGDv3WFBwcFAIsDgcHHBQLEQYDQCYaAQEMFgoBEyYaGiYTCRYMAQEaJgoIAYAJFw0MFwqACAv+bYAJFw0MFwqACAolGwENFgkTASYaGiYTCRYMAQEaJgoIAAAABAEAAIADAQMAAAMABwALAA8AAAEnNxcXNycHAwcXNzcXBycBKSnrKcMq7CnDKespwyrsKQIAJ9km2ibaJv6mJton2SfZJwAAAgDQ/8ADEAMOADIANgAAARwBFRQWFx4BMzI2MzoBMzI2Nz4BNTwBNREjERwBFRQGBw4BIyoBIyoBIyImNTQ2NREjAzUhFQESHxseSyoFCgUCBwMsTR8cIVgUERIxGwIEAgIDAzVLAVhCAkABTAMHAylJGhgcAR0aGkgqAwYDAb/+RgEEAhsvEhEUSzUCAwIBtvy3ODgAAAABAMAAgANAAwAAMAAAJSImPQE0JiMhFx4BFRQGIyImJzEnLgE1NDY/AT4BMzIWFRQGBzEHITIeAh0BFAYjAxgQF15C/veEBgYYEAgPBcgGBgYGyAUPCBAYBgaEAQgyV0EmFxGAFxGgQl6EBQ4JEBgHBcgFDwgIDwXIBgYXEQgOBoQmQVgxoBEXAAAAAAYAAACABAADAAAPACMAMwBDAGAAcAAAEyEyFh0BFAYjISImPQE0NhMhMhYdARQGIyE4ATEiJj0BNDYzESEyFh0BFAYjISImPQE0NiMzMhYdARQGKwEiJj0BNDYTMzIwMTIWFTgBMRUUMDEUBiM4ATEjIiY9ATQ2MxEzMhYdARQGKwEiJj0BNDb7AsoZIiIZ/TYZIiIZAsoZIiIZ/TYYIyIZAsoZIiIZ/TYZIiKnChkiIhkKGSIiGQkBGSIiGQoZIiIZChkiIhkKGSIiAwAiGQoZIiIZChki/wAiGQkZIiIYChki/wAiGQoZIiIZChkiIhkKGSIiGQoZIgEAIhkJARkiIhkKGSIBACIZChkiIhkKGSIAAAQAAABABAADQAAXACcASABLAAABISIOAhURFB4CMyEyPgI1ETQuAhMUBiMhIiY1ETQ2MyEyFhUFMQcOASMwIjEqASMiJic1PgEzOgEzMhYXIxceARUUBgcnNycDAP4ANV1GKChGXTUCADVdRigoRl1LSzX+ADVLSzUCADVL/umaBg0IAQECARIbAgIbEgECAQgOBwGaCg0NCoAICwNAKEZdNf8ANV1GKChGXTUBADVdRij+ADVLSzUBADVLSzWjVgMEGRKqEhkEBFUEEwwLEwQdBQYAAQAAAAEAAL19wCtfDzz1AAsEAAAAAADUtozhAAAAANS2jOH/8f/ABAQDwAAAAAgAAgAAAAAAAAABAAADwP/AAAAEAP/x//wEBAABAAAAAAAAAAAAAAAAAAAALAQAAAAAAAAAAAAAAAIAAAAEAAAABAAAAAQAAAAEAAEZBAAAwAQAAEAEAABABAAAgAQAAEAEAABABAAAQAQAAD8EAAA/BAAAwAQA//EEAABABAAAQAQAAEAEAAAABAAAAAQAAMAEAAGzBAAAAAQAAAAEAAAaBAAAAAQAAAAEAAAABAAAwAQAAEAEAACABAABFQQAARUEAABABAAAgAQAAQAEAADQBAAAwAQAAAAEAAAAAAAAAAAKABQAHgBmALAA+AFeAagCBAJqAwADTgOAA7IEeAS0BPQFFgV4Be4GYgacBvAHOAdGB2QH7gh2CMoJJAmmCfQKRAscC2wLvgvuDGgMjAzYDR4NqA4SAAAAAQAAACwApAAHAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAgAAAABAAAAAAACAAcAaQABAAAAAAADAAgAOQABAAAAAAAEAAgAfgABAAAAAAAFAAsAGAABAAAAAAAGAAgAUQABAAAAAAAKABoAlgADAAEECQABABAACAADAAEECQACAA4AcAADAAEECQADABAAQQADAAEECQAEABAAhgADAAEECQAFABYAIwADAAEECQAGABAAWQADAAEECQAKADQAsFJlZGFjdG9yAFIAZQBkAGEAYwB0AG8AclZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMFJlZGFjdG9yAFIAZQBkAGEAYwB0AG8AclJlZGFjdG9yAFIAZQBkAGEAYwB0AG8AclJlZ3VsYXIAUgBlAGcAdQBsAGEAclJlZGFjdG9yAFIAZQBkAGEAYwB0AG8AckZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype");
    font-weight: normal;
    font-style: normal;
}

[class^="re-icon-"],
[class*=" re-icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Verdana, sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    /*line-height: 1;*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.re-icon-aligncenter:before {
    content: "\e900";
}

.re-icon-alignment:before,
.re-icon-alignleft:before {
    content: "\e901";
}

.re-icon-alignright:before {
    content: "\e902";
}

.re-icon-bold:before {
    content: "\e903";
}

.re-icon-bookmark:before {
    content: "\e904";
}

.re-icon-clips:before {
    content: "\e905";
}

.re-icon-codesnippets:before {
    content: "\e906";
}

.re-icon-deleted:before {
    content: "\e907";
}

.re-icon-expand:before {
    content: "\e908";
}

.re-icon-file:before {
    content: "\e909";
}

.re-icon-fontcolor:before {
    content: "\e90a";
}

.re-icon-fontfamily:before {
    content: "\e90b";
}

.re-icon-fontsize:before {
    content: "\e90c";
}

.re-icon-format:before {
    content: "\e90d";
}

.re-icon-html:before {
    content: "\e90e";
}

.re-icon-imagecenter:before {
    content: "\e90f";
}

.re-icon-imageleft:before {
    content: "\e910";
}

.re-icon-imageright:before {
    content: "\e911";
}

.re-icon-image:before {
    content: "\e912";
}

.re-icon-indent:before {
    content: "\e913";
}

.re-icon-inline:before {
    content: "\e914";
}

.re-icon-italic:before {
    content: "\e915";
}

.re-icon-horizontalrule:before {
    content: "\e916";
}

.re-icon-link:before {
    content: "\e917";
}

.re-icon-ol:before,
.re-icon-ordered:before {
    content: "\e918";
}

.re-icon-outdent:before {
    content: "\e919";
}

.re-icon-properties:before {
    content: "\e91a";
}

.re-icon-readmore:before {
    content: "\e91b";
}

.re-icon-redo:before {
    content: "\e91c";
}

.re-icon-retract:before {
    content: "\e91d";
}

.re-icon-specialcharacters:before {
    content: "\e91e";
}

.re-icon-sub:before {
    content: "\e91f";
}

.re-icon-sup:before {
    content: "\e920";
}

.re-icon-table:before {
    content: "\e921";
}

.re-icon-textdirection:before {
    content: "\e922";
}

.re-icon-toggle:before {
    content: "\e923";
}

.re-icon-underline:before {
    content: "\e924";
}

.re-icon-undo:before {
    content: "\e925";
}

.re-icon-ul:before,
.re-icon-lists:before,
.re-icon-unordered:before {
    content: "\e926";
}

.re-icon-video:before {
    content: "\e927";
}

.redactor-box {
    position: relative;
    overflow: visible;
}

.redactor-layer,
.redactor-box {
    background: #fff;
}

.redactor-layer,
.redactor-box,
.redactor-box textarea {
    z-index: auto;
}

.redactor-link-tooltip {
    z-index: 1050;
}

.redactor-toolbar {
    z-index: 100;
}

.redactor-box-fullscreen {
    z-index: 1051;
}

.redactor-air,
.redactor-dropdown {
    z-index: 1052;
}

#redactor-modal-overlay,
#redactor-modal-box,
#redactor-modal {
    z-index: 1053;
}

.redactor-body-fullscreen .redactor-link-tooltip {
    z-index: 1099;
}

.redactor-box-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.redactor-placeholder:after {
    position: absolute;
    top: 20px;
    left: 20px;
    content: attr(placeholder);
    display: block;
    color: rgba(0, 0, 0, 0.3);
    font-weight: normal !important;
}

.redactor-layer {
    /*position: relative;
  overflow: auto;
  margin: 0;
  padding: 24px 20px;
  padding-top: 20px;
  outline: none;
  white-space: normal;
  border: 1px solid rgba(0, 0, 0, 0.07);*/
    padding: 0 20px;
}

.redactor-relative {
    position: relative;
}

.redactor-in {
    cursor: text;
}

.redactor-in:after {
    content: "";
    display: block;
    clear: both;
}

.redactor-layer:focus,
.redactor-in:focus {
    outline: none;
}

.redactor-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

.redactor-script-tag {
    display: none;
}

.redactor-layer-img-edit img {
    cursor: default;
}

.redactor-layer-img-edit a img {
    cursor: pointer;
}

.redactor-voice-label {
    display: none;
}

.redactor-voice-alert {
    position: absolute;
    left: -3000px;
}

.redactor-toolbar {
    position: relative;
    padding: 0 !important;
    background: #fff;
    border: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

.redactor-toolbar:after {
    content: "";
    display: table;
    clear: both;
}

.redactor-toolbar.redactor-toolbar-overflow {
    overflow-y: auto;
    white-space: nowrap;
    height: 48px;
}

.redactor-toolbar li a {
    color: rgba(0, 0, 0, 0.8);
}

.redactor-toolbar li a:hover {
    outline: none;
    background-color: #3d79f2;
    color: #fff;
}

.redactor-toolbar li a:active,
.redactor-toolbar li a.redactor-act {
    outline: none;
    background-color: #eee;
    color: #444;
}

.redactor-toolbar li a.redactor-button-disabled {
    opacity: 0.3;
}

.redactor-toolbar li a.redactor-button-disabled:hover {
    color: #333;
    outline: none;
    background-color: transparent !important;
    cursor: default;
}

.redactor-toolbar li a.redactor-button-focus {
    color: #fff;
    background: #000;
}

.redactor-toolbar.redactor-toolbar-external {
    z-index: 999;
    border: 1px solid #d2dce7;
    box-shadow: none;
}

.redactor-air {
    position: absolute;
    background: rgba(0, 0, 0, 0.9);
    padding: 0;
    max-width: 576px;
    min-width: 200px;
    border-radius: 4px;
    border: none;
}

.redactor-air li a {
    color: rgba(255, 255, 255, 0.75);
}

.redactor-air li a:hover {
    outline: none;
    background-color: #1f78d8;
    color: #fff;
}

.redactor-air li a:active,
.redactor-air li a.redactor-act {
    outline: none;
    background-color: #333;
    color: rgba(255, 255, 255, 0.5);
}

.redactor-air li a.redactor-button-disabled {
    opacity: .3;
}

.redactor-air li a.redactor-button-disabled:hover {
    color: rgba(255, 255, 255, 0.3);
    outline: none;
    background-color: transparent !important;
    cursor: default;
}

.redactor-air li a.redactor-button-focus {
    color: #333;
    background: #eee;
}

.redactor-air,
.redactor-toolbar {
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Verdana, sans-serif;
    margin: 0 !important;
    list-style: none !important;
    /*line-height: 1 !important;*/
}

.redactor-air li,
.redactor-toolbar li {
    vertical-align: top;
    display: inline-block;
    margin: 0 !important;
    padding: 0 !important;
    outline: none;
    list-style: none !important;
}

.redactor-air li a,
.redactor-toolbar li a {
    box-sizing: border-box;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 48px;
    line-height: 4.8rem;
    display: block;
    text-align: center;
    height: 48px;
    padding: 16px;
    padding-top: 17px;
    padding-bottom: 15px;
    cursor: pointer;
    outline: none;
    border: none;
    /*line-height: 1;*/
    text-decoration: none;
    cursor: pointer;
    zoom: 1;
    position: relative;
}

.redactor-air li a.re-button-icon,
.redactor-toolbar li a.re-button-icon {
    padding: 16px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 29.6px;
    line-height: 2.96rem;
}

.redactor-air li a .re-button-tooltip,
.redactor-toolbar li a .re-button-tooltip {
    display: none;
    position: absolute;
    white-space: nowrap;
    left: 50%;
    bottom: -18px;
    background: rgba(0, 0, 0, 0.9);
    border-radius: 2px;
    padding: 3px 8px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 22.2px;
    line-height: 2.22rem;
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Verdana, sans-serif;
}

.redactor-toolbar li a {
    border-right: 1px solid rgba(0, 0, 0, 0.05);
}

.redactor-toolbar li:last-child a {
    border-right: none;
}

.redactor-link-tooltip {
    border-radius: 3px;
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Verdana, sans-serif;
    position: absolute;
    padding: 16px;
    /*line-height: 1;*/
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.95);
    color: #555 !important;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 25.9px;
    line-height: 2.59rem;
}

.redactor-link-tooltip a {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 25.9px;
    line-height: 2.59rem;
    color: #ccc;
    margin: 0 8px;
    text-decoration: none;
}

.redactor-link-tooltip a:hover {
    color: #fff;
}

.redactor-structure h1,
.redactor-structure h2,
.redactor-structure h3,
.redactor-structure h4,
.redactor-structure h5,
.redactor-structure h6,
.redactor-structure div {
    position: relative;
}

.redactor-structure h1:before,
.redactor-structure h2:before,
.redactor-structure h3:before,
.redactor-structure h4:before,
.redactor-structure h5:before,
.redactor-structure h6:before,
.redactor-structure div:before {
    width: 24px;
    position: absolute;
    font-size: 10px;
    font-size: 1rem;
    line-height: 18.5px;
    line-height: 1.85rem;
    font-weight: normal;
    opacity: .3;
    left: -28px;
    text-align: right;
}

.redactor-structure h1:before {
    content: "h1";
}

.redactor-structure h2:before {
    content: "h2";
}

.redactor-structure h3:before {
    content: "h3";
}

.redactor-structure h4:before {
    content: "h4";
}

.redactor-structure h5:before {
    content: "h5";
}

.redactor-structure h6:before {
    content: "h6";
}

.redactor-structure div:before {
    content: "div";
}

#redactor-image-box {
    position: relative;
    max-width: 100%;
    display: inline-block;
    line-height: 0;
    outline: 3px solid #1f78d8;
    box-shadow: 0 0 12px #1f78d8;
}

#redactor-image-editter {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    margin-top: -11px;
    margin-left: -18px;
    /*line-height: 1;*/
    background-color: rgba(0, 0, 0, 0.9);
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 22.2px;
    line-height: 2.22rem;
    padding: 7px 10px;
    cursor: pointer;
}

#redactor-image-resizer {
    box-sizing: border-box;
    position: absolute;
    z-index: 2;
    /*line-height: 1;*/
    cursor: nw-resize;
    bottom: -5px;
    right: -6px;
    border: 2px solid #000;
    background-color: rgba(255, 255, 255, 0.9);
    width: 10px;
    height: 10px;
}

#redactor-droparea {
    position: relative;
    overflow: hidden;
    padding: 64px 24px;
    border: 3px dashed rgba(0, 0, 0, 0.1);
}

#redactor-droparea.drag-hover {
    background: rgba(200, 222, 250, 0.75);
}

#redactor-droparea.drag-drop {
    background: rgba(250, 248, 200, 0.5);
}

#redactor-droparea-placeholder {
    text-align: center;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 22.2px;
    line-height: 2.22rem;
    margin-left: 64px;
    color: rgba(0, 0, 0, 0.7);
}

.redactor-image-dragover {
    outline: 2px solid #3d79f2;
}

#redactor-progress {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000000;
    height: 10px;
}

#redactor-progress span {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #3d58a8;
    background-size: 40px 40px;
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}

.redactor-animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes redactorSlideUp {
    to {
        padding-top: 0;
        padding-bottom: 0;
        height: 0;
    }
}

@keyframes redactorSlideUp {
    to {
        padding-top: 0;
        padding-bottom: 0;
        height: 0;
    }
}

.redactor-slideUp {
    overflow: hidden;
    -webkit-animation-name: redactorSlideUp;
    animation-name: redactorSlideUp;
}

@-webkit-keyframes redactorSlideDown {
    from {
        height: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
}

@keyframes redactorSlideDown {
    from {
        height: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
}

.redactor-slideDown {
    overflow: hidden;
    -webkit-animation-name: redactorSlideDown;
    animation-name: redactorSlideDown;
}

@-webkit-keyframes redactorFadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes redactorFadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.redactor-fadeIn {
    -webkit-animation-name: redactorFadeIn;
    animation-name: redactorFadeIn;
}

@-webkit-keyframes redactorFadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes redactorFadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.redactor-fadeOut {
    -webkit-animation-name: redactorFadeOut;
    animation-name: redactorFadeOut;
}

.redactor-dropdown {
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Verdana, sans-serif;
    min-width: 220px;
    max-height: 254px;
    color: #000;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 25.9px;
    line-height: 2.59rem;
    background: #fff;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
    overflow: auto;
    list-style: none;
}

.redactor-dropdown li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.redactor-dropdown li:last-child {
    border-bottom: none;
}

.redactor-dropdown li:hover {
    background-color: #3d79f2;
}

.redactor-dropdown li:hover a {
    color: #fff !important;
    text-decoration: none;
}

.redactor-dropdown li.redactor-dropdown-link-inactive {
    background: none;
}

.redactor-dropdown li.redactor-dropdown-link-inactive a,
.redactor-dropdown li.redactor-dropdown-link-inactive a:hover {
    background: none;
    cursor: default;
    color: #000 !important;
    opacity: 0.4;
    background: none;
}

.redactor-dropdown a {
    display: block;
    padding: 12px 10px;
    color: #000;
    text-decoration: none;
}

.redactor-dropdown a span {
    padding: 2px 4px 1px 4px;
    display: inline-block;
    border-radius: 3px;
    /*line-height: 1;*/
}

.redactor-dropdown a:focus {
    outline: none;
}

.redactor-dropdown a.selected {
    background-color: #000;
    color: #fff;
}

.redactor-dropdown a.redactor-dropdown-link-selected {
    color: #fff;
    background: #000;
}

.redactor-dropdown-box-inline .redactor-dropdown-marked span {
    background-color: #ffd61e;
    color: #000;
    text-decoration: none;
}

.redactor-dropdown-box-inline .redactor-dropdown-code span {
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Verdana, sans-serif;
    background: rgba(0, 0, 0, 0.05);
}

.redactor-dropdown-box-inline .redactor-dropdown-sample span {
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Verdana, sans-serif;
    background: #46a9fc;
    color: rgba(255, 255, 255, 0.9);
}

.redactor-dropdown-box-inline .redactor-dropdown-variable span {
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Verdana, sans-serif;
    color: rgba(0, 0, 0, 0.5);
}

.redactor-dropdown-box-inline .redactor-dropdown-shortcut span {
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Verdana, sans-serif;
    background: #000;
    color: rgba(255, 255, 255, 0.85);
    white-space: nowrap;
}

.redactor-dropdown-box-inline .redactor-dropdown-cite span {
    color: rgba(0, 0, 0, 0.5);
    font-style: italic;
}

.redactor-dropdown-box-inline .redactor-dropdown-sup span,
.redactor-dropdown-box-inline .redactor-dropdown-sub span {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 22.2px;
    line-height: 2.22rem;
}

.redactor-dropdown-box-format .redactor-dropdown-blockquote {
    color: rgba(0, 0, 0, 0.4);
    font-style: italic;
}

.redactor-dropdown-box-format .redactor-dropdown-pre {
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Verdana, sans-serif;
}

.redactor-dropdown-box-format .redactor-dropdown-h1,
.redactor-dropdown-box-format .redactor-dropdown-h2,
.redactor-dropdown-box-format .redactor-dropdown-h3,
.redactor-dropdown-box-format .redactor-dropdown-h4,
.redactor-dropdown-box-format .redactor-dropdown-h5,
.redactor-dropdown-box-format .redactor-dropdown-h6 {
    /*line-height: 24px;*/
    font-weight: bold;
}

.redactor-dropdown-box-format .redactor-dropdown-h1 {
    font-size: 40px;
    font-size: 4rem;
    line-height: 32px;
    line-height: 3.2rem;
}

.redactor-dropdown-box-format .redactor-dropdown-h2 {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 32px;
    line-height: 3.2rem;
}

.redactor-dropdown-box-format .redactor-dropdown-h3 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 44.4px;
    line-height: 4.44rem;
}

.redactor-dropdown-box-format .redactor-dropdown-h4 {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 38.85px;
    line-height: 3.885rem;
}

.redactor-dropdown-box-format .redactor-dropdown-h5 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 33.3px;
    line-height: 3.33rem;
}

.redactor-dropdown-box-format .redactor-dropdown-h6 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 29.6px;
    line-height: 2.96rem;
}

#redactor-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    margin: auto;
    overflow: auto;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.95);
}

#redactor-modal-box {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

#redactor-modal {
    position: relative;
    margin: auto;
    margin-top: 16px;
    padding: 0;
    background: #fff;
    color: #000;
    border-radius: 5px;
    box-shadow: 0 4px 40px rgba(0, 0, 0, 0.15);
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Verdana, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 25.9px;
    line-height: 2.59rem;
}

@media (max-width: 768px) {
    #redactor-modal {
        font-size: 16px !important;
    }
}

#redactor-modal #redactor-modal-header {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    padding: 20px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 33.3px;
    line-height: 3.33rem;
    font-weight: bold;
    color: #000;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

#redactor-modal #redactor-modal-close {
    position: absolute;
    top: 10px;
    right: 4px;
    width: 30px;
    height: 40px;
    text-align: center;
    color: rgba(0, 0, 0, 0.3);
    font-size: 30px;
    font-size: 3rem;
    line-height: 55.5px;
    line-height: 5.55rem;
    font-weight: 300;
    cursor: pointer;
    -webkit-appearance: none;
    padding: 0;
    border: 0;
    background: none;
    outline: none;
}

#redactor-modal #redactor-modal-close:hover {
    color: #000;
}

#redactor-modal #redactor-modal-body {
    overflow: auto;
    padding: 40px 48px 24px 48px;
}

#redactor-modal #redactor-modal-body section {
    margin-bottom: 24px;
}

#redactor-modal #redactor-modal-body label {
    font-weight: normal;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 27.75px;
    line-height: 2.775rem;
    display: block;
    margin-bottom: 4px;
    color: rgba(0, 0, 0, 0.8);
}

#redactor-modal #redactor-modal-body label .desc {
    color: rgba(0, 0, 0, 0.5);
}

#redactor-modal #redactor-modal-body label.checkbox {
    font-size: inherit;
}

@media (max-width: 768px) {
    #redactor-modal #redactor-modal-body {
        padding: 24px;
    }
}

#redactor-modal select,
#redactor-modal input[type="text"],
#redactor-modal input[type="password"],
#redactor-modal input[type="email"],
#redactor-modal input[type="url"],
#redactor-modal input[type="number"],
#redactor-modal textarea {
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    margin: 0;
    padding: 8px;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background-color: white;
    box-shadow: none;
    color: #333;
    width: 100%;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 29.6px;
    line-height: 2.96rem;
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Verdana, sans-serif;
}

#redactor-modal select:focus,
#redactor-modal input[type="text"]:focus,
#redactor-modal input[type="password"]:focus,
#redactor-modal input[type="email"]:focus,
#redactor-modal input[type="url"]:focus,
#redactor-modal input[type="number"]:focus,
#redactor-modal textarea:focus {
    -moz-transition: border 0.3s ease-in;
    transition: border 0.3s ease-in;
    outline: none;
    border-color: #1f78d8;
}

#redactor-modal textarea {
    display: block;
    /*line-height: 1.4em;*/
}

#redactor-modal button {
    padding: 0 20px;
    margin: 0;
    margin-bottom: 8px;
    margin-right: 8px;
    height: 40px;
    outline: none;
    border: 2px solid transparent;
    border-radius: 3px;
    background-color: #eee;
    color: #000;
    text-align: center;
    text-decoration: none;
    font-weight: normal;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 38px;
    line-height: 3.8rem;
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Verdana, sans-serif;
    cursor: pointer;
    vertical-align: middle;
    -webkit-appearance: none;
}

#redactor-modal button:hover {
    color: #777;
    background: none;
    background-color: #f5f5f5;
    text-decoration: none;
}

#redactor-modal button.redactor-modal-button-offset {
    margin-left: 24px;
}

#redactor-modal button#redactor-modal-button-delete {
    background: none;
    border-color: #f23d3d;
    color: #f23d3d;
}

#redactor-modal button#redactor-modal-button-delete:hover {
    color: rgba(255, 255, 255, 0.6);
    background-color: #f23d3d;
}

#redactor-modal button#redactor-modal-button-action {
    background: none;
    color: #fff;
    background-color: #1c86f2;
}

#redactor-modal button#redactor-modal-button-action:hover {
    color: rgba(255, 255, 255, 0.6);
    background-color: #4ca0f5;
}

#redactor-modal .redactor-group:after {
    content: "";
    display: table;
    clear: both;
}

#redactor-modal .redactor-modal-tab-side {
    float: left;
    width: 26%;
    margin-right: 6%;
}

#redactor-modal .redactor-modal-tab-area {
    float: left;
    width: 66%;
}

@media (max-width: 768px) {
    #redactor-modal .redactor-modal-tab-side {
        float: none;
        width: auto;
        margin-right: 0;
        margin-bottom: 24px;
    }
    #redactor-modal .redactor-modal-tab-area {
        float: none;
        width: auto;
    }
}

#redactor-modal-tabber {
    margin-bottom: 40px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 22.2px;
    line-height: 2.22rem;
}

#redactor-modal-tabber a {
    border: 1px solid #ddd;
    /*line-height: 1;*/
    padding: 8px 15px;
    margin-right: -1px;
    text-decoration: none;
    color: #000;
}

#redactor-modal-tabber a:hover {
    background-color: #1f78d8;
    border-color: #1f78d8;
    color: #fff;
}

#redactor-modal-tabber a.active {
    cursor: default;
    background-color: rgba(0, 0, 0, 0.05);
    border-color: #ddd;
    color: rgba(0, 0, 0, 0.5);
}

#redactor-modal-list {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
    max-height: 250px;
    overflow-x: auto;
}

#redactor-modal-list li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

#redactor-modal-list li:last-child {
    border-bottom: none;
}

#redactor-modal-list a {
    padding: 16px 4px;
    color: #000;
    text-decoration: none;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 27.75px;
    line-height: 2.775rem;
    display: block;
    position: relative;
}

#redactor-modal-list a:hover {
    background-color: #eee;
}

.redactor-styles {
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Verdana, sans-serif;
    /*@include font-size(16,24);
  color: #333;*/
}

.redactor-styles[dir="rtl"] {
    direction: rtl;
    unicode-bidi: embed;
}

.redactor-styles[dir="rtl"] ul li,
.redactor-styles[dir="rtl"] ol li {
    text-align: right;
}

.redactor-styles[dir="rtl"] ul,
.redactor-styles[dir="rtl"] ol,
.redactor-styles[dir="rtl"] ul ul,
.redactor-styles[dir="rtl"] ol ol,
.redactor-styles[dir="rtl"] ul ol,
.redactor-styles[dir="rtl"] ol ul {
    margin: 0 24px 0 0;
}

@media (max-width: 768px) {
    .redactor-styles {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 29.6px;
        line-height: 2.96rem;
    }
}

.redactor-styles a {
    color: #256bc9;
}

.redactor-styles a:focus,
.redactor-styles a:hover {
    color: #e21e3b;
}

.redactor-styles h1,
.redactor-styles h2,
.redactor-styles h3,
.redactor-styles h4,
.redactor-styles h5,
.redactor-styles h6 {
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Verdana, sans-serif;
    font-weight: bold;
    color: #222;
    text-rendering: optimizeLegibility;
    margin-bottom: 12px;
    padding: 0;
}

.redactor-styles h1:empty,
.redactor-styles h2:empty,
.redactor-styles h3:empty,
.redactor-styles h4:empty,
.redactor-styles h5:empty,
.redactor-styles h6:empty {
    min-height: 20px;
}

.redactor-styles h1 {
    font-size: 40px;
    font-size: 4rem;
    line-height: 44px;
    line-height: 4.4rem;
}

.redactor-styles h2 {
    color: #004a83;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 28px;
    line-height: 2.8rem;
    padding: 0 0 6px;
    border-bottom: 1px dotted #004a83;
}

.redactor-styles h3 {
    color: #004a83;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
    line-height: 2.6rem;
}

.redactor-styles h4 {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 24px;
    line-height: 2.4rem;
}

.redactor-styles h5 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
    line-height: 2.4rem;
}

.redactor-styles h6 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
}

.redactor-styles p,
.redactor-styles ul,
.redactor-styles ol,
.redactor-styles dl,
.redactor-styles blockquote,
.redactor-styles hr,
.redactor-styles pre,
.redactor-styles table,
.redactor-styles figure,
.redactor-styles address {
    padding: 0;
    margin: 0;
}

.redactor-styles p:empty,
.redactor-styles blockquote:empty {
    min-height: 24px;
}

.redactor-styles p+h2,
.redactor-styles p+h3,
.redactor-styles p+h4,
.redactor-styles p+h5,
.redactor-styles p+h6,
.redactor-styles ul+h2,
.redactor-styles ul+h3,
.redactor-styles ul+h4,
.redactor-styles ul+h5,
.redactor-styles ul+h6,
.redactor-styles ol+h2,
.redactor-styles ol+h3,
.redactor-styles ol+h4,
.redactor-styles ol+h5,
.redactor-styles ol+h6,
.redactor-styles dl+h2,
.redactor-styles dl+h3,
.redactor-styles dl+h4,
.redactor-styles dl+h5,
.redactor-styles dl+h6,
.redactor-styles blockquote+h2,
.redactor-styles blockquote+h3,
.redactor-styles blockquote+h4,
.redactor-styles blockquote+h5,
.redactor-styles blockquote+h6,
.redactor-styles hr+h2,
.redactor-styles hr+h3,
.redactor-styles hr+h4,
.redactor-styles hr+h5,
.redactor-styles hr+h6,
.redactor-styles pre+h2,
.redactor-styles pre+h3,
.redactor-styles pre+h4,
.redactor-styles pre+h5,
.redactor-styles pre+h6,
.redactor-styles table+h2,
.redactor-styles table+h3,
.redactor-styles table+h4,
.redactor-styles table+h5,
.redactor-styles table+h6,
.redactor-styles form+h2,
.redactor-styles form+h3,
.redactor-styles form+h4,
.redactor-styles form+h5,
.redactor-styles form+h6,
.redactor-styles figure+h2,
.redactor-styles figure+h3,
.redactor-styles figure+h4,
.redactor-styles figure+h5,
.redactor-styles figure+h6 {
    /*margin-top: 24px;*/
}

.redactor-styles ul,
.redactor-styles ol,
.redactor-styles ul ul,
.redactor-styles ol ol,
.redactor-styles ul ol,
.redactor-styles ol ul {
    margin: 0 0 0 24px;
}

.redactor-styles ul li,
.redactor-styles ol li {
    text-align: left;
}

.redactor-styles ol ol li {
    list-style-type: lower-alpha;
}

.redactor-styles ol ol ol li {
    list-style-type: lower-roman;
}

.redactor-styles p,
.redactor-styles ul,
.redactor-styles ol,
.redactor-styles dl,
.redactor-styles blockquote,
.redactor-styles hr,
.redactor-styles pre,
.redactor-styles table,
.redactor-styles figure,
.redactor-styles address {
    margin-bottom: 20px;
}

.redactor-styles blockquote {
    position: relative;
    font-style: italic;
    color: rgba(0, 0, 0, 0.6);
}

.redactor-styles blockquote cite {
    font-size: 80%;
}

@media (min-width: 768px) {
    .redactor-styles blockquote {
        padding-left: 20px;
        margin-left: 20px;
        border-left: 1px solid #d2dce7;
    }
}

.redactor-styles address {
    font-style: normal;
}

.redactor-styles dl dt {
    font-weight: bold;
}

.redactor-styles dd {
    margin-left: 24px;
}

.redactor-styles cite {
    color: rgba(0, 0, 0, 0.5);
    font-style: italic;
}

.redactor-styles s,
.redactor-styles del {
    text-decoration: line-through;
}

.redactor-styles abbr[title],
.redactor-styles dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help;
}

.redactor-styles strong,
.redactor-styles b {
    font-weight: bold;
}

.redactor-styles em,
.redactor-styles i {
    font-style: italic;
}

.redactor-styles sub,
.redactor-styles sup {
    font-size: 10px;
    font-size: 1rem;
    line-height: 0px;
    line-height: 0rem;
    position: relative;
    margin-left: .2rem;
}

.redactor-styles sup {
    top: -.4rem;
}

.redactor-styles sub {
    bottom: -.2rem;
}

.redactor-styles strong:empty,
.redactor-styles b:empty,
.redactor-styles em:empty,
.redactor-styles i:empty,
.redactor-styles sup:empty,
.redactor-styles sub:empty,
.redactor-styles u:empty,
.redactor-styles ins:empty {
    display: inline-block;
    min-width: 1px;
    min-height: 1rem;
}

.redactor-styles figcaption {
    margin: 4px 0;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 22.2px;
    line-height: 2.22rem;
    font-style: italic;
    text-align: left;
}

.redactor-styles ins,
.redactor-styles u {
    text-decoration: underline;
}

.redactor-styles mark {
    background-color: #ffd61e;
    color: #000;
    text-decoration: none;
}

.redactor-styles pre,
.redactor-styles code,
.redactor-styles kbd,
.redactor-styles samp,
.redactor-styles var,
.redactor-styles output {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 22.2px;
    line-height: 2.22rem;
    font-style: normal;
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Verdana, sans-serif;
}

.redactor-styles pre {
    margin-top: 16px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 24px;
    line-height: 2.4rem;
    color: rgba(0, 0, 0, 0.75);
    overflow: auto;
    background: rgba(0, 0, 0, 0.03);
    padding: 16px 20px;
    word-wrap: normal;
}

.redactor-styles mark,
.redactor-styles code,
.redactor-styles samp,
.redactor-styles kbd {
    padding: 2px 4px 1px 4px;
    display: inline-block;
    /*line-height: 1;*/
    border-radius: 3px;
}

.redactor-styles code {
    background: rgba(0, 0, 0, 0.05);
}

.redactor-styles pre code {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
    line-height: 2.4rem;
    border: none;
    padding: 0;
    background: none;
}

.redactor-styles var {
    color: rgba(0, 0, 0, 0.5);
}

.redactor-styles samp {
    background: #46a9fc;
    color: rgba(255, 255, 255, 0.9);
}

.redactor-styles kbd {
    background: #000;
    color: rgba(255, 255, 255, 0.85);
    white-space: nowrap;
}

.redactor-styles hr {
    display: block;
    box-sizing: content-box;
    height: 1px;
    border: 0;
    border-top: 1px solid #d2dce7;
}

.redactor-styles img,
.redactor-styles video,
.redactor-styles audio,
.redactor-styles embed,
.redactor-styles object {
    max-width: 100%;
}

.redactor-styles img,
.redactor-styles video,
.redactor-styles embed,
.redactor-styles object {
    height: auto;
}

.redactor-styles embed,
.redactor-styles object {
    height: 100%;
}

.redactor-styles img {
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
    display: inline-block;
}

.redactor-styles table {
    border-collapse: collapse;
    max-width: 100%;
    width: 100%;
    empty-cells: show;
}

.redactor-styles table caption {
    text-transform: uppercase;
    padding: 0;
    color: rgba(0, 0, 0, 0.5);
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 20.35px;
    line-height: 2.035rem;
}

.redactor-styles table th,
.redactor-styles table td {
    border: 1px solid #d2dce7;
    padding: 20px;
    vertical-align: top;
}

.redactor-styles table tfoot th,
.redactor-styles table tfoot td {
    color: rgba(0, 0, 0, 0.5);
}

.redactor-styles table th {
    background: #e9eef3;
}

.redactor-styles .video-container {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    margin-bottom: 16px;
}

.redactor-styles .video-container iframe,
.redactor-styles .video-container object,
.redactor-styles .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}


/*alignment*/

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-justify {
    text-align: justify;
    text-justify: auto;
}

.redactor-styles ul li {
    list-style-type: disc;
}

.redactor-styles ol li {
    list-style-type: decimal;
}

@media screen and (max-width: 46em) {
    .redactor-styles {
        font-size: 12px;
        font-size: 1.5rem;
        line-height: 19px;
        line-height: 2.2rem;
    }
    .redactor-styles {
        font-size: 12px;
        font-size: 1.5rem;
        line-height: 19px;
        line-height: 2.2rem;
    }
    .redactor-styles h2 {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 20px;
        line-height: 2rem;
        padding: 0 0 2px;
        margin-bottom: 15px;
    }
    .redactor-styles p,
    .redactor-styles ul,
    .redactor-styles ol,
    .redactor-styles dl,
    .redactor-styles blockquote,
    .redactor-styles hr,
    .redactor-styles pre,
    .redactor-styles table,
    .redactor-styles figure,
    .redactor-styles address {
        margin-bottom: 15px;
    }
    .redactor-styles ul,
    .redactor-styles ol,
    .redactor-styles ul ul,
    .redactor-styles ol ol,
    .redactor-styles ul ol,
    .redactor-styles ol ul {
        margin: 0 0 15px 15px;
    }
    .redactor-styles table th,
    .redactor-styles td {
        padding: 15px;
    }
    .redactor-layer {
        padding: 0 15px 15px;
    }
}

.introjs-overlay {
    position: absolute;
    box-sizing: content-box;
    z-index: 999999;
    background-color: #000;
    opacity: 0;
    background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.9)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
    background: radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1)";
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.introjs-fixParent {
    z-index: auto !important;
    opacity: 1.0 !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
}

.introjs-showElement,
tr.introjs-showElement>td,
tr.introjs-showElement>th {
    z-index: 9999999 !important;
}

.introjs-disableInteraction {
    z-index: 99999999 !important;
    position: absolute;
    background-color: white;
    opacity: 0;
    filter: alpha(opacity=0);
}

.introjs-relativePosition,
tr.introjs-showElement>td,
tr.introjs-showElement>th {
    position: relative;
}

.introjs-helperLayer {
    box-sizing: content-box;
    position: absolute;
    z-index: 9999998;
    background-color: #FFF;
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid #777;
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.introjs-tooltipReferenceLayer {
    box-sizing: content-box;
    position: absolute;
    visibility: hidden;
    z-index: 100000000;
    background-color: transparent;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.introjs-helperLayer *,
.introjs-helperLayer *:before,
.introjs-helperLayer *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
}

.introjs-helperNumberLayer {
    box-sizing: content-box;
    position: absolute;
    visibility: visible;
    top: -16px;
    left: -16px;
    z-index: 9999999999 !important;
    padding: 2px;
    font-family: Arial, verdana, tahoma;
    font-size: 13px;
    font-weight: bold;
    color: white;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    background: #ff3019;
    /* Old browsers */
    background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
    /* Chrome10+,Safari5.1+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404));
    /* Chrome,Safari4+ */
    background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
    /* FF3.6+ */
    background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%);
    /* IE10+ */
    background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%);
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
    /* W3C */
    width: 20px;
    height: 20px;
    line-height: 20px;
    border: 3px solid white;
    border-radius: 50%;
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0)";
    /* IE6-9 */
    filter: "progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000)";
    /* IE10 text shadows */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}

.introjs-arrow {
    border: 5px solid white;
    content: '';
    position: absolute;
}

.introjs-arrow.top {
    top: -10px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: white;
    border-left-color: transparent;
}

.introjs-arrow.top-right {
    top: -10px;
    right: 10px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: white;
    border-left-color: transparent;
}

.introjs-arrow.top-middle {
    top: -10px;
    left: 50%;
    margin-left: -5px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: white;
    border-left-color: transparent;
}

.introjs-arrow.right {
    right: -10px;
    top: 10px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: white;
}

.introjs-arrow.right-bottom {
    bottom: 10px;
    right: -10px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: white;
}

.introjs-arrow.bottom {
    bottom: -10px;
    border-top-color: white;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.introjs-arrow.left {
    left: -10px;
    top: 10px;
    border-top-color: transparent;
    border-right-color: white;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.introjs-arrow.left-bottom {
    left: -10px;
    bottom: 10px;
    border-top-color: transparent;
    border-right-color: white;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.introjs-tooltip {
    box-sizing: content-box;
    position: absolute;
    visibility: visible;
    padding: 10px;
    background-color: white;
    min-width: 200px;
    max-width: 300px;
    border-radius: 3px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
    -webkit-transition: opacity 0.1s ease-out;
    -moz-transition: opacity 0.1s ease-out;
    -ms-transition: opacity 0.1s ease-out;
    -o-transition: opacity 0.1s ease-out;
    transition: opacity 0.1s ease-out;
}

.introjs-tooltip.tooltip-right {
    right: 15px !important;
    left: initial !important;
    bottom: initial !important;
    top: -80px;
}

.introjs-tooltipbuttons {
    text-align: right;
    white-space: nowrap;
}


/*
 Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/
 Changed by Afshin Mehrabani
*/

.introjs-button {
    box-sizing: content-box;
    position: relative;
    overflow: visible;
    display: inline-block;
    padding: 0.3em 0.8em;
    border: 1px solid #d4d4d4;
    margin: 0;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff;
    font: 11px/normal sans-serif;
    color: #333;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    background-color: #ececec;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
    background-image: -moz-linear-gradient(#f4f4f4, #ececec);
    background-image: -o-linear-gradient(#f4f4f4, #ececec);
    background-image: linear-gradient(#f4f4f4, #ececec);
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    -o-background-clip: padding-box;
    /*background-clip: padding-box;*/
    /* commented out due to Opera 11.10 bug */
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    border-radius: 0.2em;
    /* IE hacks */
    zoom: 1;
    *display: inline;
    margin-top: 10px;
}

.introjs-button:hover {
    border-color: #bcbcbc;
    text-decoration: none;
    box-shadow: 0px 1px 1px #e3e3e3;
}

.introjs-button:focus,
.introjs-button:active {
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4));
    background-image: -moz-linear-gradient(#ececec, #f4f4f4);
    background-image: -o-linear-gradient(#ececec, #f4f4f4);
    background-image: linear-gradient(#ececec, #f4f4f4);
}


/* overrides extra padding on button elements in Firefox */

.introjs-button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.introjs-skipbutton {
    box-sizing: content-box;
    margin-right: 5px;
    color: #7a7a7a;
}

.introjs-prevbutton {
    -webkit-border-radius: 0.2em 0 0 0.2em;
    -moz-border-radius: 0.2em 0 0 0.2em;
    border-radius: 0.2em 0 0 0.2em;
    border-right: none;
}

.introjs-prevbutton.introjs-fullbutton {
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    border-radius: 0.2em;
}

.introjs-nextbutton {
    -webkit-border-radius: 0 0.2em 0.2em 0;
    -moz-border-radius: 0 0.2em 0.2em 0;
    border-radius: 0 0.2em 0.2em 0;
}

.introjs-nextbutton.introjs-fullbutton {
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    border-radius: 0.2em;
}

.introjs-disabled,
.introjs-disabled:hover,
.introjs-disabled:focus {
    color: #9a9a9a;
    border-color: #d4d4d4;
    box-shadow: none;
    cursor: default;
    background-color: #f4f4f4;
    background-image: none;
    text-decoration: none;
}

.introjs-hidden {
    display: none;
}

.introjs-bullets {
    text-align: center;
}

.introjs-bullets ul {
    box-sizing: content-box;
    clear: both;
    margin: 15px auto 0;
    padding: 0;
    display: inline-block;
}

.introjs-bullets ul li {
    box-sizing: content-box;
    list-style: none;
    float: left;
    margin: 0 2px;
}

.introjs-bullets ul li a {
    box-sizing: content-box;
    display: block;
    width: 6px;
    height: 6px;
    background: #ccc;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-decoration: none;
    cursor: pointer;
}

.introjs-bullets ul li a:hover {
    background: #999;
}

.introjs-bullets ul li a.active {
    background: #999;
}

.introjs-progress {
    box-sizing: content-box;
    overflow: hidden;
    height: 10px;
    margin: 10px 0 5px 0;
    border-radius: 4px;
    background-color: #ecf0f1;
}

.introjs-progressbar {
    box-sizing: content-box;
    float: left;
    width: 0%;
    height: 100%;
    font-size: 10px;
    line-height: 10px;
    text-align: center;
    background-color: #08c;
}

.introjsFloatingElement {
    position: absolute;
    height: 0;
    width: 0;
    left: 50%;
    top: 50%;
}

.introjs-fixedTooltip {
    position: fixed;
}

.introjs-hint {
    box-sizing: content-box;
    position: absolute;
    background: transparent;
    width: 20px;
    height: 15px;
    cursor: pointer;
}

.introjs-hint:focus {
    border: 0;
    outline: 0;
}

.introjs-hidehint {
    display: none;
}

.introjs-fixedhint {
    position: fixed;
}

.introjs-hint:hover>.introjs-hint-pulse {
    border: 5px solid rgba(60, 60, 60, 0.57);
}

.introjs-hint-pulse {
    box-sizing: content-box;
    width: 10px;
    height: 10px;
    border: 5px solid rgba(60, 60, 60, 0.27);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: rgba(136, 136, 136, 0.24);
    z-index: 10;
    position: absolute;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.introjs-hint-no-anim .introjs-hint-dot {
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
}

.introjs-hint-dot {
    box-sizing: content-box;
    border: 10px solid rgba(146, 146, 146, 0.36);
    background: transparent;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    height: 50px;
    width: 50px;
    -webkit-animation: introjspulse 3s ease-out;
    -moz-animation: introjspulse 3s ease-out;
    animation: introjspulse 3s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: absolute;
    top: -25px;
    left: -25px;
    z-index: 1;
    opacity: 0;
}

@-webkit-keyframes introjspulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.0;
    }
    25% {
        -webkit-transform: scale(0);
        opacity: 0.1;
    }
    50% {
        -webkit-transform: scale(0.1);
        opacity: 0.3;
    }
    75% {
        -webkit-transform: scale(0.5);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0.0;
    }
}

@-moz-keyframes introjspulse {
    0% {
        -moz-transform: scale(0);
        opacity: 0.0;
    }
    25% {
        -moz-transform: scale(0);
        opacity: 0.1;
    }
    50% {
        -moz-transform: scale(0.1);
        opacity: 0.3;
    }
    75% {
        -moz-transform: scale(0.5);
        opacity: 0.5;
    }
    100% {
        -moz-transform: scale(1);
        opacity: 0.0;
    }
}

.disable-scroll {
    overflow: hidden;
}

.introjs-hidebutton {
    display: none;
}


/*   .introjs-nextbutton { display: none; } */

.introjs-prevbutton {
    display: none;
}


/* floating */

.introjs--skipbutton {
    display: block;
    position: fixed;
    bottom: 0;
    background: #fff;
    margin: 20px;
    padding: 5px 10px;
    z-index: 10000000;
}

.introjs--skipbutton:hover {
    cursor: pointer;
}

@keyframes introjspulse {
    0% {
        transform: scale(0);
        opacity: 0.0;
    }
    25% {
        transform: scale(0);
        opacity: 0.1;
    }
    50% {
        transform: scale(0.1);
        opacity: 0.3;
    }
    75% {
        transform: scale(0.5);
        opacity: 0.5;
    }
    100% {
        transform: scale(1);
        opacity: 0.0;
    }
}

@media screen and (max-width: 46em) {
    .introjs-tooltip {
        position: fixed !important;
        top: 10px !important;
        margin-top: 0 !important;
    }
    .introjs-tooltip.tooltip-right {
        right: initial !important;
        left: 50% !important;
        margin-left: -160px !important;
    }
}

.rc-anchor-light.rc-anchor-normal {
    border: 1px solid #d3d3d3;
    position: relative;
    display: flex;
    height: 74px;
    width: 300px;
    margin: 20px auto 0;
    border-radius: 3px;
    box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.08);
}

.rc-anchor-light {
    background: #f9f9f9;
    color: #000;
}

.rc-anchor-aria-status {
    display: none;
}

.rc-anchor-normal .rc-anchor-content {
    height: 74px;
    width: 206px;
    padding: 12px;
    display: flex;
    align-items: center;
}

.rc-inline-block {
    display: inline-block;
    height: 100%;
}

.rc-anchor-center-container {
    display: table;
    height: 100%;
}

.recaptcha-checkbox {
    border: none;
    font-size: 1px;
    height: 28px;
    margin: 4px;
    width: 28px;
    overflow: visible;
    outline: 0;
    vertical-align: text-bottom;
}

.rc-anchor-checkbox {
    margin: 0 12px 2px 12px;
}

.rc-anchor-checkbox {
    margin: 0 12px 2px 12px;
}

.goog-inline-block {
    position: relative;
    display: -moz-inline-box;
    display: inline-block;
}

.rc-anchor-content .mod-check {
    margin: 0;
    padding-left: 35px;
    color: #000;
    line-height: 20px;
}

input[type="checkbox"]:checked+.mod-check {
    color: #000;
}

.rc-anchor-content .mod-check:before {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #fff;
    border: 2px solid #c1c1c1;
    font-size: 1px;
    height: 24px;
    position: absolute;
    width: 24px;
    margin-top: 0;
    top: 4px;
}

.rc-anchor-content .mod-check:before {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #fff;
    border: 2px solid #c1c1c1;
    font-size: 1px;
    height: 24px;
    position: absolute;
    width: 24px;
    margin-top: 0;
    top: 0;
}

input[type="checkbox"]:checked+.mod-check::before {
    content: none;
}

.rc-anchor-content .mod-check:after {
    top: 0;
    left: 10px;
    margin-top: 0;
    width: 12px;
    height: 22px;
    border-right: 3px solid #009e55;
    border-bottom: 3px solid #009e55;
}

.rc-anchor-center-item {
    display: table-cell;
    vertical-align: middle;
}

.rc-anchor-normal-footer {
    display: inline-block;
    height: 74px;
    vertical-align: top;
    width: 70px;
}

.rc-anchor-logo-portrait {
    margin: 10px 0 0 26px;
    width: 58px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.rc-anchor-logo-img-portrait {
    background-size: 32px;
    height: 32px;
    margin: 0 13px 0 13px;
    width: 32px;
}

.rc-anchor-logo-img {
    background: url(https://www.gstatic.com/recaptcha/api2/logo_48.png);
    background-repeat: no-repeat;
}

.rc-anchor-logo-text {
    color: #9b9b9b;
    cursor: default;
    font-family: Roboto, helvetica, arial, sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
    margin-top: 5px;
    text-align: center;
}

.rc-anchor-normal .rc-anchor-pt,
.rc-anchor-invisible .rc-anchor-pt,
.rc-anchor-compact .rc-anchor-pt {
    color: #9b9b9b;
    font-family: Roboto, helvetica, arial, sans-serif;
    font-size: 8px;
    line-height: 8px;
    font-weight: 400;
}

.rc-anchor-normal .rc-anchor-pt {
    margin: 4px 8px 0 0;
    padding-right: 2px;
    position: absolute;
    right: 0px;
    text-align: right;
    width: 276px;
}

.rc-anchor-pt a:link,
.rc-anchor-pt a:visited {
    color: #9b9b9b;
    text-decoration: none;
}

.gnavi_count {
    display: block;
    min-width: 18px;
    height: 18px;
    background: #e2356e;
    color: #fff;
    text-align: center;
    line-height: 18px;
    padding: 0 5px;
    border-radius: 9px;
    position: relative;
    font-size: 10px;
    font-size: 1rem;
    line-height: 18.5px;
    line-height: 1.85rem;
}

.title-1 {
    margin: 40px 30px;
    font-size: 2.5rem;
    font-weight: bold;
    color: #668AB1;
}

.lead-1 {
    font-size: 1.6rem;
    padding: 0px 50px;
    line-height: 1.5em;
}

.btnWrap1 {
    margin: 20px;
}

.btnWrap2 {
    display: inline-block;
    padding-bottom: 50px;
}

.block1 {
    display: table;
}

.btnWrap4 {
    text-align: center;
    margin: 20px;
}

.nav {
    display: inline-block;
}

.planimage {
    display: inline-block;
}

.navimage {
    display: inline-block;
}

.lead-2 {
    font-size: 1.8rem;
}

.text-1 {
    font-size: 1.8rem;
    padding-bottom: 20px;
    line-height: 1.3em;
}

.text-2 {
    font-weight: bold;
    font-size: 1.5rem;
}

.mobileHidden {
    display: none;
}

@media screen and (max-width:46em) {
    .desktopHidden {
        display: none;
    }
    .mobileHidden {
        text-align: center;
    }
    .btnWrap {
        text-align: center;
        padding: 15px;
    }
    .btnWrap2 {
        padding: 0px 20px;
        display: block;
    }
    .lead-1 {
        padding: 20px 0px;
    }
    .title-1 {
        font-size: 2.3rem;
    }
    .text-2 {
        font-weight: bold;
    }
    .thumb_square_sp {
        height: 100px;
        /* display: flex; */
        align-items: center;
        border: 1px solid #d2dce7;
    }
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200;
    width: 100%;
}


}
.headline--lv2 {
    margin-bottom: 10px;
    font-size: 24px;
    padding: 10px;
}
.servicesIndex-clContent {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2px;
    width: 100%;
    display: -ms-flexbox;
}
.categoryBox {
    padding: 20px 50px;
    width: 50%;
}
.categoryBox1 {
    padding-top: 20px;
}
.pagesCategories-content-parentCategory {
    padding: 5px 0;
    font-size: 16px;
    font-weight: bold;
}
.categoryBox-parentCategory {
    padding: 5px 0;
    font-size: 16px;
    font-weight: bold;
}
.text-link1 {
    clear: left;
}
.pagesCategories-content-childCategory {
    padding: 2px 0;
    font-size: 14px;
}
.text-overflow-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
}
.side .sp-display-block {
    float: right;
}
.footer-btn {
    text-align: center;
    padding: 50px;
}
.pagesCategories-iconSpacer--black {
    display: inline;
    margin-right: 5px;
}
@media (min-width: 960px) {
    .headline-3 {
        width: 100%;
        background: #004a83;
        color: #fff;
        font-weight: bold;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 22px;
        line-height: 2.2rem;
        padding: 9px 21px;
    }

    .zaru-main {
        width: 100%;
        position: relative;
        display: block;
    }

    .title-text {
        padding-top: 30px;
        font-size: 28px;
        font-weight: bold;
        line-height: 40px;
    }

    .zaberu-wrappar {
        display: -ms-flexbox;
        display: flex;
        widows: 100%;
        height: 100%;
    }

    .zaberu-header-main {
        margin-top: -100px;
        display: block
    }

    .bw-main {
        padding-right: 20px;
        padding-left: 20px;
        padding-top: 15px;
        display: block
    }

    .zaru-service-wrappar {
        display: flex;
        display: -ms-flexbox;
    }

    .service-block-bottom {
        text-align: center;
        padding-top: 50px;
    }

    .service-block-content {
        padding-right: 20px;
    }

    .otherservices-block-top-contents {
        align-items: flex-start;
    }

    .ul {
        margin: bottom;
    }

    .menu-items {
        padding: 20px 20;
    }

    .ul li {
        list-style: none;
    }

    .zaberu-main {
        width: 100%;
        padding: 0px 30px 0px;
        display: block
    }

    .zaberu-header {
        margin-bottom: 15px;
        display: flex;
        align-items: center;
        margin-top: 20px;
    }

    .zaberu-header-main {
        display: flex;
        display: -ms-flexbox;
        align-items: center;
        width: 100%;
        margin-top: -100px;
        display: block
    }

    .service-logo-header-main {
        height: 100px;
        min-width: 100px;
        min-height: 100px;
        border-radius: 2px;
        transform: scale(1);
        box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, 0.1);
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 15px;
        display: block
    }

    .header-content .i-title {
        color: black;
        font-weight: bold;
        margin: 0 0 10px 0;
        font-size: 24px;
    }

    .servise-description {
        float: none;
        position: static;
        width: 90%;
    }

    .download-wrapper {
        display: flex;
        display: -ms-flexbox;
    }

    .ss-overview-download-wrapper {
        display: flex;
        display: -ms-flexbox;
    }

    .download-block1 {
        border-right: 1px solid #DCDBDC;
        padding-right: 20px;
    }

    .btn1 {
        transition: all 0.3s 0s ease;
        background: #F3DC1D;
        color: #1D5C7A;
        display: inline-block;
        text-decoration: none;
        border-radius: 6px;
        line-height: 1;
        min-width: 240px;
        padding: 15px 25px;
        text-align: center;
        position: relative;
        border: none;
        position: relative;
        letter-spacing: 0.5px;
        box-shadow: 2px 2px 4px grey;
    }

    .download-button-wrapper {
        text-align: center;
        font-size: medium;
        font-weight: bold;
    }

    .download-block-title {
        font-weight: 600;
        margin-bottom: 10px;
    }

    .overview-service-logos {
        display: flex;
        display: -ms-flexbox;
        flex: wrap;
        width: 180px;
        margin: 0 auto 10px;
    }

    .zaberu-main-block-contents-plan {
        display: flex;
    }

    .overview-service-image {
        /*display: flex;*/
        flex-wrap: wrap;
        width: 100%;
        margin: 0 auto 10px;
    }

    .download-wrapper {
        padding-top: 50px;
    }
}
.service-logos {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 180px;
    width: 180px;
    height: 100px;
    min-height: 100px;
    max-width: 180px;
    max-height: 100px;
    border: 1px solid #BDBDBD;
    color: #BDBDBD;
    padding: 1px;
}
.ss-overview-download-single {
    width: calc(100% - 230px);
    border-right: 1px solid #E0E0E0;
    padding-right: 20px;
}
.ss-overview-download-block {
    position: relative;
}
#serviceshow-block-title {
    font-size: 22px;
    font-weight: bold;
    color: #616161;
    margin: 0 0 10px;
    padding: 0.25em 0.5em;
    /*上下 左右の余白*/

    color: #494949;
    /*文字色*/

    background: transparent;
    /*背景透明に*/

    border-left: solid 5px #7db4e6;
    /*左線*/
}
.download-block2 {
    margin: 0 auto;
}
.table-block {
    border-style: solid none;
    border-width: 1px;
    border-color: #9E9E9E;
    width: 100%;
}
.table-block .left {
    width: 25%;
    padding: 30px;
    vertical-align: top;
    font-weight: bold;
}
.table-block .right {
    width: 75%;
    padding: 30px 30px 30px 40px;
    vertical-align: top;
}
.area {
    width: 75%;
    padding: 30px 30px 30px 40px;
    vertical-align: top;
}
.zaberu-main-block-contents-box {
    display: inline-block;
}
.service-plan-box-name {
    background-color: #e9eef3;
    text-align: center;
    font-size: 14px;
    padding: 6px 0;
}
.service-plan-info {
    width: 50%;
}
.service-plan-content {
    display: flex;
    display: -ms-flexbox;
    border-bottom: solid 1px #9E9E9E;
}
.service-plan-title {
    width: 45%;
    padding: 10px 0;
}
.service-plan-text {
    width: 45%;
    align-self: center;
    text-align: right;
}
.service-plan-box {
    width: 100%;
}
.service-plan-price {
    font-weight: bold;
    color: #004A83;
}
.service-plan-description {
    height: 230px;
    overflow-y: scroll;
    padding: 10px 18px;
    width: 50%;
    float: right;
    margin-top: -230px;
}
.service-plan-description::-webkit-scrollbar {
    width: 8px;
}
.service-plan-description::-webkit-scrollbar-thumb {
    background: #c1c1c1;
}
.service-plan-description::-webkit-scrollbar-track-piece:start {
    background: #f1f1f1;
}
.service-plan-description::-webkit-scrollbar-track-piece:end {
    background: #f1f1f1;
}
.zaberu-main-block-contents {
    padding-top: 15px;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 20px;
}
.zaberu-main-block-contents_flex {
    flex-wrap: wrap;
    align-items: center;
    display: flex;
    letter-spacing: -4px;
    /* やや重要 */

    text-align: center;
    /* 重要 */
}
.customerLogos-ele-text {
    font-size: 16px;
    margin-left: 10px;
}
.serviceshow-block {
    padding: 10px 0px 20px;
}
.zaberu-main-block-link {
    text-align: center;
    padding-top: 15px;
}
.corporation-logo {
    width: 30%;
}
.coporation-info {
    width: 70%;
}
.coporation-info table tr {
    border-bottom: solid 1px #9E9E9E;
}
.th {
    text-align: center;
}
.coporation-info tr th {
    padding: 10px;
    white-space: nowrap;
}
.coporation-info tr td {
    padding: 10px;
    width: 75%;
}
.content-block-title-area {
    color: #616161;
    font-size: 18px;
    font-weight: bold;
    display: flex;
}
.content-block-title-area .content-block-i-title {
    width: 100%;
    word-wrap: break-word;
}
.content-block-content-area {
    font-size: 14px;
    display: flex;
    padding-bottom: 20px;
}
.content-block-i-content {
    padding-bottom: 10px;
}
.documents-documents {
    margin: 0px 25px 25px;
    display: inline-block;
    /* 重要 */

    letter-spacing: normal;
    /* やや重要 */
}
.documents-documents-flame {
    border: 1px solid #EEEEEE;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.content-block-i-title {
    line-height: 22px;
    padding-bottom: 5px;
}
.documents-documents-filename {
    font-size: 16px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    width: 300px;
}
.documents-detail {
    text-overflow: ellipsis;
    width: 300px;
    white-space: nowrap;
    overflow: hidden;
}
.documents-detail-text {
    text-overflow: ellipsis;
    width: 300px;
    white-space: nowrap;
    overflow: hidden;
}
.download-comment-block {
    font-size: 10px;
    line-height: 120%;
    color: #757575;
    width: 100%;
    text-align: center;
    padding: 10px 10px 10px;
}
.btn_mini {
    text-align: center;
}
.rsContainer {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.articles-block-wrapper {
    padding: 10px 0;
    border-bottom: 1px solid #E9EEF2;
    display: flex;
    align-items: center;
}
.articles-createdAt {
    width: 15%;
    margin-right: 2%;
}
.articles-title {
    font-weight: bold;
    width: 83%;
}
.serviceMenu {
    padding: 50px 0px 50px 0px;
    display: flex;
}
.serviceMenu ul,
.serviceMenu li {
    margin: 0;
    padding: 0;
}
.serviceMenu ul {
    list-style: none;
    width: 100%;
    flex-wrap: nowrap;
}
.serviceMenu li {
    float: left;
    position: relative;
    width: auto;
}
.serviceMenu a {
    background: #E9EEF3;
    color: #FFFFFF;
    display: block;
    font: bold 12px/20px sans-serif;
    padding: 10px 39px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.serviceMenu ul li {
    display: block;
    border-radius: 0 2px 2px 0;
    color: #616161;
    border-left: 1px solid #fff;
}
.noregistered {
    padding: 20px;
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -ms-flex-pack: justify;
    width: 100%;
    flex-wrap: wrap;
}
.noregistered-service-block-top {
    width: calc(95%/2);
    display: flex;
    display: -ms-flexbox;
    padding: 0 0 20px;
}

/* service/Cart */
.service-cart .service-cart-area {
    background-color: #fff;
}
.service-cart .service-cart-area.area-1,
.service-cart .service-cart-area.area-2 {
    height: 1080px;
    width: 49%;
}
.service-cart .service-cart-area.area-1 {
    margin-right: 2%;
}
.service-cart .service-cart-area .input-box {
    display: inline-block;
    width: 100%;
}
.service-cart .service-cart-area .input-box input {
    padding: 0;
}
.service-cart .service-cart-area .input-box input::placeholder {
    text-align: center;
    background-color: #EFEFEF;
    padding: 6px;
}
.service-cart .service-cart-area .input-box label {
    font-weight: 700;
}
.service-cart .service-cart-area .input-box.zipcode label {
    float: left;
    width: 100%;
}
.service-cart .service-cart-area .input-box .select-wrap:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 20px;
    width: 0;
    height: 0;
    margin-top: -10px;
    border: 10px solid transparent;
    border-top: 15px solid #555555;
}
.service-cart .service-cart-area .input-box .select-wrap select {
    border: 1px solid #d2dce7;
    padding: 8px 30px 8px 10px;
}
.service-cart .chk_area {
    margin: 0 30%;
}
.service-cart .form-area .chk_area {
    margin: 0 10%;
}
.service-cart .chk_area .mod-check::before {
    border: 2px solid #3F51B5;
    border-radius: 0px;
}
.service-cart .btn_area .btn {
    background-color: #EC7D52;
    font-weight: 700;
}
.service-cart .btn_area .btn::after {
    display: none;
}
.service-cart .service-cart-area .num-selected {
    color: #EC7D52;
    font-size: 42px;
    font-weight: 700;
}
.service-cart .selected-area {
    height: 1000px;
    overflow: scroll;
}
.service-cart .selected-area .chk-box,
.service-cart .compared-area .chk-box {
    background: #E6E6E6;
    text-align: center;
}
.service-cart .selected-area .chk-box.checked,
.service-cart .compared-area .chk-box.checked {
    background: #4A5CAF;
}
.service-cart .selected-area .img-box,
.service-cart .selected-area .text-box,
.service-cart .selected-area .item-box,
.service-cart .compared-area .img-box,
.service-cart .compared-area .text-box,
.service-cart .compared-area .item-box {
    background: #EEF3F8;
    height: 170px;
}
.service-cart .selected-area .img-box,
.service-cart .compared-area .img-box {
    position: relative;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}
.service-cart .selected-area label,
.service-cart .compared-area label {
    height: 150px;
}
.service-cart .compared-area .chk_all label {
    height: auto;
}
.service-cart .selected-area label .img,
.service-cart .compared-area label .img {
    display: table-cell;
    vertical-align: middle;
}
.service-cart .selected-area label .img.w-60,
.service-cart .compared-area label .img.w-60 {
    width: 60px;
}
.service-cart .selected-area .title-box,
.service-cart .compared-area .title-box {
    background: #EEF3F8;
    color: #434343;
    font-size: 1.6rem;
    font-weight: 700;
    text-align: left;
    overflow: hidden;
}
.service-cart .selected-area .desc-box,
.service-cart .compared-area .desc-box {
    height: 7rem;
    overflow: hidden;
}

/* selected btn */
.service-selected .btn {
    border: solid #EC7D52 2px;
    background: #fff;
    color: #EC7D52;
}
.service-selected .btn::after {
    border-top: 0;
    border-right: 0;
}
.service-selected input[type="checkbox"]:checked+.mod-check .btn {
    background: #EC7D52;
    color: #fff;
    font-weight: 700;
}
.service-selected .mod-check {
    padding-left: 0;
}
.service-selected .mod-check::before {
    left: auto;
    right: 5%;
    z-index: 1;
}
.service-selected .mod-check::after {
    left: auto;
    right: 7%;
    z-index: 99;
    border-right: 2px solid #EC7D52;
    border-bottom: 2px solid #EC7D52;
}
@media screen and (max-width: 46em) {
    .service-cart .service-cart-area.area-1,
    .service-cart .service-cart-area.area-2,
    .service-cart .service-cart-area.area-3 {
        width: 100%;
    }

    .service-cart .service-cart-area.area-1 {
        margin: 0;
    }

    .service-cart .service-cart-area .input-box .select-wrap select {
        font-size: inherit;
    }

    .component-column [class*=col-] {
        float: left;
    }

    .service-cart .chk_area {
        margin: 0;
        width: 100%;
    }

    .service-cart .form-area .chk_area {
        margin: 0;
    }

    .service-cart .compared-area .item-area {
        width: 100%;
    }
    .col-1-3.sp-col-1-1.button {
        padding: 0 10px 0;
    }
}

/* END service/Cart */

/* } */
@media screen and (min-width: 600px) {
    .download-block1 .zaru-slider-description {
        margin-bottom: 60px;
    }
}

/*詳細もっと見る*/
.categoryBox-seeMore {
    padding: 2px 0;
    font-size: 11px;
    font-weight: bold;
}
.text-overflow-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
}
.rsImg {
    width: 100%;
    border: 1px solid #EEEEEE;
}
@media screen and (max-width: 46em) {
    .pc {
        display: none;
    }

    .sp {
        display: block;
    }

    .detail-text {
        font-size: 14px;
        line-height: 25px;
    }

    .download-block1 {
        position: relative;
        border-right: none;
        padding: 0 !important;
        margin-bottom: 20px !important;
        border-right: 1px solid #fff !important;
    }

    .service-plan-title {
        width: 50%;
        padding: 10px 0;
    }

    .categoryBox {
        padding: 10px 20px;
        text-align: center;
        width: 100%;
    }

    .serviceMenu {
        display: none;
    }

    .table-block .left {
        width: 45%;
        vertical-align: top;
        font-weight: bold;
        padding: 10px;
    }

    .coporation-info {
        width: 100%;
    }

    .corporation-logo {
        display: none;
    }

    .zaberu-main-block-contents_flex {
        padding: 10px;
        flex-wrap: wrap;
        align-items: center;
    }

    .documents-documents {
        width: auto;
        margin: auto;
    }

    .documents-documents-filename {
        font-size: 15px;
        font-weight: bold;
        margin-bottom: 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .documents-detail-text {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 150px;
    }

    .documents-box {
        padding: 10px;
    }

    .documents-detail {
        padding-top: 10px;
        padding-bottom: 10px;
        text-overflow: ellipsis;
        width: 150px;
    }

    .button {
        color: white;
    }

    .service-logo {
        box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, 0.1);
        width: 100px;
        height: 100px;
        min-width: 100px;
        min-height: 100px;
        margin: auto;
    }

    .rsImg {
        padding-top: 10px;
        width: 100%;
        border: 1px solid #EEEEEE;
    }
    /*.otherservices-block-main {
        padding-top: 15px;
    }*/

    .service-block-content {
        padding: 10px;
    }

    .heading-4 {
        font-size: 16px;
        font-weight: 700;
    }

    .service-block {
        display: flex;
    }

    .ServicesShow-main-block-contents {
        display: block;
    }

    .customerLogos-wrapper {
        display: block;
    }

    .customerLogos-ele {
        width: 100% !important;
    }
    /*.download-button-wrapper {
        transition: all 0.3s 0s ease;
        background: #F3DC1D;
        color: #1D5C7A;
        text-decoration: none;
        border-radius: 6px;
        line-height: 1;
        padding: 15px 5px;
        text-align: center;
        position: relative;
        border: none;
        position: relative;
        letter-spacing: 0.5px;
        box-shadow: 2px 2px 4px grey;
        padding-top: 15px;
    }*/

    .btn_mini {
        text-align: center;
    }

    .btn1 {
        overflow: visible;
        padding: 0;
        font-weight: bold;
        font-size: 15px;
        background-color: #F3DC1D;
    }

    .zaru-slider-description {
        height: 261.6px;
    }

    .pagesCategories-content-childCategories {
        padding: 10px;
        border-bottom: 1px solid white;
        font-size: 14px;
        color: #616161;
        background-color: #EEEEEE;
    }

    .text-link1 {
        color: white;
    }

    .fas {
        color: #4053A2;
    }

    .pagesCategories-content-childCategories {
        padding: 10px;
        border-bottom: 1px solid white;
        font-size: 14px;
        color: #616161;
        background-color: #EEEEEE;
    }

    .pagesCategories-content-parentCategory {
        padding: 10px;
        background-color: #568FCC;
    }

    .zaberu-header {
        width: 100%;
    }

    .servise-description {
        width: 65%;
        margin-left: auto;
        padding: 0px 5px;
        margin-top: 10px;
    }

    .overview-service-image {
        margin: 0 auto;
    }

    .download-block2 {
        max-width: 100%;
    }

    .ss-overview-download-wrapper {
        width: 100%;
    }

    .rsSlide {
        width: 100% !important;
    }

    .download-comment-block {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .documents-documents-block {
        display: auto;
    }

    .documents-documents-flame {
        border: 1px solid #EEEEEE;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .heading-1 {
        font-size: 22px;
        font-weight: 700;
        color: #222222;
        margin: 0;
    }

    .service-plan-box-name {
        background-color: #e9eef3;
        text-align: center;
        font-size: 14px;
        padding: 6px 0;
        width: 100%;
    }

    .service-plan-box {
        width: 100%;
    }

    .service-plan-description {
        height: 195px;
        overflow-y: scroll;
        margin-top: -200px;
    }

    .zaberu-wrappar {
        position: relative;
        display: block;
    }

    .text-box {
        font-size: 14px;
        line-height: 1.8;
        letter-spacing: 0.8pt;
    }

    .CategoryShow-download-all {
        display: block;
        padding: 16px;
        margin-bottom: 20px;
        align-items: center;
        width: 100%;
        border: 1px solid #B9D0E9;
        border-radius: 2px;
        padding: 16px 0;
        margin-bottom: 40px;
    }

    .bw-main {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        max-width: 1200px;
        width: 100%;
    }

    .service-block-bottom {
        padding: 20px 0px 20px 50px;
    }

    #category-show-header {
        padding: 20px;
    }

    .title-text {
        padding: 20px;
    }

    .service-logo-header-main {
        width: 100px;
        height: 80px;
        min-width: 80px;
        min-height: 80px;
        border-radius: 2px;
        transform: scale(1);
        box-shadow: 2px 2px 12px 0 rgba(0, 0, 0, 0.1);
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 15px;
        margin-bottom: -100px;
    }

    .download-block-title {
        font-size: 18px;
        font-weight: bold;
    }

    .p {
        display: block;
        margin-block-start: 1em;
        margin-block-end: 1em;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        word-wrap: break-all;
    }

    .zaberu-main-block-contents {
        padding-bottom: 5px;
        padding-top: 10px;
    }
    /*
    .download-block1 {
        width: 100%;
    }
    .download-block2 {
        width: 100%;
    }
    */

    .download-block2 {
        margin: 0 auto;
    }

    .service-logos {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        min-width: 180px;
        width: 180px;
        height: 100px;
        min-height: 100px;
        max-width: 180px;
        max-height: 100px;
        border: 1px solid #BDBDBD;
        color: #BDBDBD;
        margin: 10px auto;
    }

    .zaru-service-wrappar {
        flex: 0 0 calc(100%+30px);
        padding-left: 15px;
        padding-right: 20px;
        position: relative;
        display: block;
    }

    .content-block-i-row {
        padding-bottom: 5px;
    }

    .block {
        justify-content: space-between;
        -ms-flex-pack: justify;
    }

    .zaberu-header {
        padding-bottom: 40px;
        height: auto;
    }

    #overview {
        width: 100%;
    }

    .articles-block-wrapper {
        width: 100%;
    }

    .serviceshow-block {
        width: 100%;
        border-bottom: white;
    }
    /* .i-tagArea {
       white-space: nowrap!important;
        padding: 10px !important;
        vertical-align: top;
        display: flex!important;
        flex-wrap: wrap!important;
    } */

    .table-block .right {
        width: 75%;
        padding: 10px 0px 25px 10px;
        vertical-align: top;
    }
}

}
.download-block1 {
    position: relative;
    border-right: none;
    padding: 0;
    margin-bottom: 40px;
    padding-right:40px;
    border-right: 1px solid #DCDBDC;
}
.download-wrapper {
    display: block;
    text-align: center;
}
#boxil-slider-description {
    height: 261.6px;
}
.rsOverflow {
    height: auto;
    width: auto;
}
.zaberu-header-main {
    display: flex;
    align-items: center;
    width: auto;
}
.pos-r {
    width: auto;
    height: auto;
}
.rsSlide {
    width: 450px;
}
.slider_img {
    width: 300px;
}
.ServicesShow-main-block-contents {
    line-height: 1.8;
    letter-spacing: 0.8pt;
}
.cp_cssslider {
    height: 200px;
    overflow: hidden;
    margin: 2em auto;
    box-shadow: 0px 0px 5px 0px rgba(0,
    0,
    0,
    0.5);
}
.cp_slide_item {
    width: 375px;
    height: 200px;
    float: left;
    position: relative;
}
.descriptiontext {
    padding: 10px;
}
.banner-map {
    text-align: center;
    padding: 15px 20px 20px;
}
.headline-3 {
    width: 100%;
    background: #004a83;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px;
    line-height: 2.2rem;
    padding: 9px 21px;
}
.features-table-block td.left {
    width: 25%;
    text-align: center;
    vertical-align: top;
    font-weight: bold;
}

}
@media (min-width: 960px) {
    .CategoryShow-download-all {
        display: flex;
        align-items: center;
        width: 100%;
        border: 1px solid #B9D0E9;
        border-radius: 2px;
        padding: 16px 0;
        margin-bottom: 40px;
    }
    .category-show-header {
        padding: 20px 0;
    }
    .heading-1 {
        font-size: 24px;
        font-weight: 700;
        color: #222222;
        margin: 0;
        padding: 0 0 10px;
    }
    .text-box {
        font-size: 14px;
        line-height: 1.8;
        letter-spacing: 0.8pt;
        padding: 0 0 20px;
    }
    .CategoryShow-download-all .download-all-text .text {
        padding: 0 16px;
    }
    .zaberu-wrappar .bw-main {
        padding: 30px;
    }
    .recommendBox-service-block {
        display: flex;
        width: 100%;
        display: -ms-flexbox;
    }
    .servicesIndex-recommend-block {
        display: flex;
        flex-wrap: wrap;
        margin-top: 2px;
        width: 100%;
    }
    .recommendBox-service {
        padding: 15px;
        overflow: hidden;
        width: 30%;
    }
    .service-logo-top-recommend {
        width: 60px;
        height: 60px;
        min-width: 60px;
        min-height: 60px;
        border-radius: 2px;
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
        box-shadow: 2px 2px 12px 0 rgba(0,
        0,
        0,
        0.1);
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #FFFFFF;
        position: relative;
        overflow: hidden;
    }
    .recommendBox-service-details {
        padding-left: 16px;
        width: calc(100% - 70px);
    }
    .service-block-top {
        padding: 20px;
        border-bottom: 4px solid #F5F5F5;
        display: flex;
        flex-wrap: wrap;
        width: 100%
    }
    .service-logo {
        width: 100px;
        height: 100px;
        min-width: 100px;
        min-height: 100px;
        border-radius: 2px;
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
        box-shadow: 2px 2px 12px 0 rgba(0,
        0,
        0,
        0.1);
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        overflow: hidden;
        margin-right: 16px;
    }
    .heading-4 {
        font-size: 16px;
        font-weight: 700;
    }
    .text-sub {
        font-size: 12px;
        line-height: 1.8;
        letter-spacing: 0.8pt;
        padding: 0 0 15px;
    }
    .otherservices-block-main {
        display: flex;
        display: -ms-flexbox;
    }
    .otherservices-block-main-name {
        width: 100%;
    }
    .category-point-block {
        border: 1px solid #EEEEEE;
        padding: 20px 20px 30px;
        margin-bottom: 10px;
    }
    .i-top {
        position: relative;
        margin-bottom: 16px;
    }
    .i-title {
        width: 80%;
        font-size: 16px;
        font-weight: bold;
        line-height: 1.8;
        text-indent: 6px;
        border-bottom: 1px solid #BDBDBD;
        padding-bottom: 8px;
    }
    .i-descprition {
        line-height: 1.8;
        text-align: left;
    }
    #CategoriesShow-services {
        padding: 0 0 20px;
    }
    /*top*/
    .cp_cssslider {
        width: 850px;
        height: 200px;
        overflow: hidden;
        margin: 2em auto;
        box-shadow: 0px 0px 3px 0px rgba(0,
        0,
        0,
        0.5);
    }
    .cp_slide_item {
        width: 850px;
        height: 200px;
        float: left;
        position: relative;
    }
    .descriptiontext {
        padding: 10px 50px 20px 50px;
    }
    .banner-map {
        width: 100%;
        text-align: center;
        padding: 20px;
    }
    .fa,
    .fas {
        font-weight: 900;
        font-family: "Font Awesome 5 Pro";
    }
}
.zaberu-documents {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.spec-back-pane {
    margin: 5px 10px 0 0;
    padding: 3px 6px;
    background: #EEEEEE;
    font-size: 14px;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.i-tagArea {
    //    white-space: nowrap;
    padding: 30px;
    vertical-align: top;
    display: flex;
    flex-wrap: wrap;
}
.ss-documents-documents-flame-img {
    width: 100%;
    max-height: 90%;
    max-width: 100%;
}
.spec-back-panel {
    margin: 2px 1px 0 0;
    padding: 3px 6px;
    background: #EEEEEE;
    font-size: 14px;
    max-width: 100%;
    //    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.btn2 {
    transition: all 0.3s 0s ease;
    background: #F3DC1D;
    color: #004A83;
    display: inline-block;
    text-decoration: none;
    border-radius: 6px;
    line-height: 1;
    /* min-width: 240px; */
    padding: 15px 25px;
    text-align: center;
    position: relative;
    border: none;
    position: relative;
    letter-spacing: 0.5px;
    box-shadow: 2px 2px 4px grey;
}
.corporation-wrapper {
    display: flex;
    align-items: center;
}
.corporation-logo {
    width:30%;
    padding: 50px;
}
.customerLogos-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 5px;
}
.customerLogos-ele {
    width: 50%;
}
.customerLogos-ele-text {
    margin-left: 10px;
    font-size: 16px;
}
.carouselBlock {
    border: 3px solid #E9EEF3;
    margin-bottom: 30px;
    margin: auto;
    overflow: hidden;
    width: 670px;
}
.carouselBlock .carouselBlock-wrapr {
    overflow: hidden;
    width: 430px;
}
.carouselBlock .carouselBlock-wrapr {
    border-right: 1px solid #E9EEF3;
    float: left;
}
.carouNav {
    width: 188px;
    float: right;
}
.carouBtn {
    display: none;
}
h5 {
    font-size: 18px;
    color: #678AB1;
    font-weight: bold;
    text-align: center;
    border-bottom:solid 2px #678AB1;
    padding-top:10px;
}
.manegy-image {
    position: relative;
}
.footer-btn1 {
    padding:20px 50px 50px 0px;
    text-align: center;
}
@media screen and (max-width: 46em) {
    .footer-btn1 {
        padding: 20px;
    }
    .footerimage {
        text-align: center;
        display: block !important;
        width: 100%;
    }
    .manegy-image {
        text-align: center;
    }
    .seminar-table-block .left {
        width: 25%;
        padding: 30px 10px !important;
        vertical-align: top;
        font-weight: bold;
    }
    .seminar-table-block .right {
        width: 75%;
        padding: 30px 10px 40px !important;
        vertical-align: top;
    }
    .seminarimage>img {
        height: auto;
        max-width: 100%;
    }
    .whitepaperimage>img {
        height: auto;
        max-width: 100%;
        margin: auto;
    }
    .mod-articlTitleseminar {
        width: 330px !important;
    }
    .mod-thumbLink.horizontal.sp-whitepaper>img {
        width: 100px;
        margin: 0 auto;
        height: 73px;
    }
    .mod-thumbLink.horizontal.sp-seminar>img {
        width: 100px;
        margin: 0 auto;
    }
    .thumb_square.border.item-nomal.ht73 {
        /* height: 73px; */
    }
    .seminar-sp {
        width: 100% !important;
        padding:0 10px!important;
        background: white;
        float: none!important;
    }
    .whitepaper-sp {
        width: 100%;
        padding:10px!important;
        background: white;
        float: none!important;
    }
    .click {
        margin-left: auto;
        margin-right: auto;
    }
    .slider {
        width: 70vw !important;
        height: calc(45vw * 1.55)!important;
        margin: 0 auto;
        overflow: hidden;
        position: relative;
    }
    .slider__content {
        min-width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        transform: translateX(100%);
    }
    .accordion {
        display: none;
    }
    .slider__content:nth-child(1) {
        animation: sliderAnime 15s ease-in-out infinite;
        z-index: 6;
    }
    .slider__content:nth-child(2) {
        animation: sliderAnime2 15s ease-in-out infinite;
        z-index: 5;
    }
    .slider__content:nth-child(3) {
        animation: sliderAnime3 30s ease-in-out infinite;
        z-index: 4;
    }
    @keyframes sliderAnime {
        0% {
            z-index: 5;
            transform: translateX(0);
        }
        10% {
            transform: translateX(0);
        }
        20% {
            z-index: 5;
            transform: translateX(-100%);
        }
        30% {
            z-index: -1;
            transform: translateX(-100%);
        }
        40% {
            z-index: -1;
            transform: translateX(100%);
        }
        50% {
            z-index: -1;
            transform: translateX(100%);
        }
        60% {
            z-index: -1;
            transform: translateX(100%);
        }
        70% {
            z-index: -1;
            transform: translateX(100%);
        }
        80% {
            z-index: -1;
            transform: translateX(100%);
        }
        90% {
            z-index: 5;
            transform: translateX(100%);
        }
        100% {
            z-index: 5;
            transform: translateX(0);
        }
    }
    @keyframes sliderAnime2 {
        0% {
            z-index: -1;
            transform: translateX(100%);
        }
        10% {
            z-index: 5;
            transform: translateX(100%);
        }
        20% {
            z-index: 5;
            transform: translateX(0);
        }
        30% {
            z-index: 5;
            transform: translateX(0);
        }
        40% {
            z-index: 5;
            transform: translateX(-100%);
        }
        50% {
            z-index: -1;
            transform: translateX(-100%);
        }
        60% {
            z-index: -1;
            transform: translateX(100%);
        }
        70% {
            z-index: -1;
            transform: translateX(100%);
        }
        80% {
            z-index: -1;
            transform: translateX(100%);
        }
        90% {
            z-index: -1;
            transform: translateX(100%);
        }
        100% {
            z-index: -1;
            transform: translateX(100%);
        }
    }
    .slider__img {
        height: 180px!important;
        min-height: 180px !important;
    }
    .carousel {
        display:none;
    }
    .carouNav {
        display: none;
    }
    .caroufredsel_wrapper {
        display: none;
    }
}
.footerimage {
    display: flex;
    padding-top:20px;
}
.manegy-description {
    float: left;
}
.block-content {
    padding-top: 20px;
    padding-bottom: 30px;
}
.click {
    text-align: center;
}
.click1 {
    margin: auto;
    padding-bottom: 20px;
}
.block-categories {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2px;
    width: 100%;
}
.seminar-main-block-contents {
    padding-top: 15px;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 20px;
    padding: 0px 30px 0px;
}
.seminar-table-block {
    border-style: solid none;
    border-width: 1px;
    border-color: #9E9E9E;
    margin: auto;
}
.seminar-table-block .left {
    width: 25%;
    padding: 20px;
    vertical-align: top;
    font-weight: bold;
}
.seminar-table-block .right {
    width: 75%;
    padding: 20px;
    vertical-align: top;
}
.application-button-wrapper {
    text-align: center;
    padding:0px 0px 40px 0px;
}
.mod-thumbLink.seminarimage {
    display:flex;
    width:50%;
}
.seminardescription {
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 20px;
    padding: 0px 30px 50px;
    line-height: 1.9rem;
}
.seminartitle {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 10px;
}
.seminarimage>img {
    display: block;
    text-align: center;
    max-width: 600px;
    width: 100%;
}
.mod-articlTitleseminar {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 26px;
    line-height: 2.6rem;
    /*text-decoration: underline;*/
    font-weight: bold;
    margin-bottom: 5px;
    display: inline-block;
    width:100%;
}
.content-seminar figcaption {
    max-width: 360px;
    width: 100%;
}
.whitepaper_banner {
    width: 90%;
    margin: 15px auto;
}

.whitepaper_banner img {
    width: 100%;
}

.whitepaperimage>img {
    text-align: center;
    height: 200px;
}
.whitepaperdescription {
    padding-top: 15px;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 20px;
    padding: 20px 30px 20px;
    line-height: 1.9rem;
}
.whitepaperdescription h2 {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.2em;
}
.whitepaperimage {
    text-align: center;
    padding: 20px;
}
.buttondl-wrapper {
    float:right;
}
.services-slider {
    display: flex;
    max-width: 600px;
}
.nav-container .slick-current img {
    box-shadow: 0 0 4px 2px rgba(108,
    232,
    220,
    0.9);
}
.slider-main {
    width: 100%;
}
.main-container {
    width: 100%;
}
.nav-container img {
    max-height: 135px;
}
.nav-container .slick-slide {
    max-height: 135px;
    margin-bottom: 18px;
}
.services-slider .slick-track {
    margin-left: 50px;
}
.slider {
    width: 30vw;
    height: calc(18vw * 1.4px)!important;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.slider__content {
    min-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(100%);
    background: #fff;
}
.sliderimg_box {
    background: white;
    height: 100px;
}
.title__p>p {
    left: 10px;
    top: 10px;
    font-size: 15px;
}
.slider__content:nth-child(1) {
    animation: sliderAnime 12s ease-in-out infinite;
    z-index: 6;
}
.slider__content:nth-child(2) {
    animation: sliderAnime2 12s ease-in-out 2s infinite;
    z-index: -1;
}
.slider__content:nth-child(3) {
    animation: sliderAnime2 12s ease-in-out 6s infinite;
    z-index: -1;
}
@keyframes sliderAnime {
    0% {
        z-index: 5;
        transform: translateX(0);
    }
    16.6% {
        transform: translateX(0);
    }
    33.3% {
        transform: translateX(-100%);
    }
    50% {
        z-index: -1;
        transform: translateX(-100%);
    }
    66.6% {
        transform: translateX(100%);
    }
    83.2% {
        z-index: 5;
        transform: translateX(100%);
    }
    100% {
        z-index: 5;
        transform: translateX(0);
    }
}
@keyframes sliderAnime2 {
    0% {
        z-index: 5;
        transform: translateX(100%);
    }
    16.6% {
        transform: translateX(0);
    }
    33.3% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(-100%);
    }
    66.6% {
        z-index: -1;
        transform: translateX(-100%);
    }
    83.2% {
        transform: translateX(100%);
    }
    100% {
        z-index: 5;
        transform: translateX(100%);
    }
}
@keyframes sliderAnime3 {
    0% {
        z-index: 5;
        transform: translateX(100%);
    }
    16.6% {
        transform: translateX(0);
    }
    33.3% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(-100%);
    }
    66.6% {
        z-index: -1;
        transform: translateX(-100%);
    }
    83.2% {
        transform: translateX(100%);
    }
    100% {
        z-index: 5;
        transform: translateX(100%);
    }
}
.slider__img {
    max-width: 100%;
    min-width: 100%;
    max-height: 280px;
    min-height: 280px;
    object-fit: contain;
    overflow: hidden;
}
.whitepaper-btn {
    text-align: center;
    padding: 0px 0px 40px 0px;
}
.Published {
    padding-top: 30px;
}
@media screen and (max-width: 46em) {
    .menu {
        max-width: 600px;
    }
    .menu a {
        display: block;
        padding: 15px;
        text-decoration: none;
        color: #000;
    }
    .menu label {
        display: block;
        margin: 0 0 4px 0;
        padding: 15px;
        line-height: 1;
        color :#fff;
        background-color: #568FCC;
        cursor :pointer;
        font-size: 15px;
        font-weight: bold;
    }
    .menu ul {
        margin: 0;
        padding: 0;
        background :#f4f4f4;
        list-style: none;
    }
    .menu li {
        height: 0;
        overflow: hidden;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }
    #menu_bar_keiri_zaimu:checked~#links_keiri_zaimu li,
    #menu_bar_soumu:checked~#links_soumu li,
    #menu_bar_jinji:checked~#links_jinji li,
    #menu_bar_houmu:checked~#links_houmu li,
    #menu_bar_keiei_kikaku:checked~#links_keiei_kikaku li {
        height: 54px;
        opacity: 1;
    }
    .menu label:after {
        content:"";
        display:block;
        width:8px;
        height:8px;
        border-top: #fff 2px solid;
        border-right: #fff 2px solid;
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        position:absolute;
        right: 2%;
        top: 0;
        bottom: 15%;
        margin: auto;
    }
    .block-content_top {
        display: block!important;
    }
    .component-column_top {
        margin: auto;
    }
    .header .gnav__main_tob {
        padding-top: 0!important;
        display: block!important;
    }
    .header .gnav__main_tob>li:first-child {
        width:100%!important;
    }
    .gnav__main_tob>li>a {
        justify-content: flex-start!important;
        background: #fff!important;
        text-align: left!important;
        color: #555!important;
        border-bottom: 1px solid #d2dce7!important;
        padding: 0 35px 0 15px!important;
    }
    .header .gnav__main_tob>li {
        width: 100%!important;
        float: none!important;
        padding: 0!important;
        font-size: 13px!important;
        font-size: 1.3rem!important;
        line-height: 24.05px!important;
        line-height: 2.405rem!important;
    }
    .service_boxbtn {
        display: block!important;
    }
    .titlelead {
        font-size: 2.3rem;
    }
    .service_box {
        display:block!important;
    }
    .block2 {
        width:100%!important;
        display: block!important;
        margin: 20px 0px 0px!important;
        padding-bottom: 20px!important;
    }
    .title-2 {
        font-size: 2.3rem!important;
        line-height: 1.2;
        margin: 40px 20px 0px!important;
    }
    .title-3 {
        font-size: 2.3rem!important;
        line-height: 1.2;
    }
    .lead-2 {
        font-size: 1.6rem!important;
        display: inline-flex;
        padding: 20px 0px!important;
        vertical-align: middle;
        line-height: 1.5em;
        text-align: left;
    }
    .text-lead2 p {
        font-size: 1.6rem;
        padding: 30px 10px;
        vertical-align: middle;
        line-height: 1.5em;
    }
    .block3 {
        display: block!important;
        text-align: center;
    }
    .textbtn-box {
        display: block!important;
    }
    .text-lead2 {
        width: 100%!important;
    }
    .title-3 {
        line-height: 24px!important;
    }
    .pc-br {
        display: none;
    }
    .sp-br {
        display: block!important;
    }
    .tobsample {
        height: 100px!important;
    }
    .btnWrap1 {
        margin: 0px!important;
    }
    .box_child {
        width: 100%;
    }
    .img_sp {
        width: 100%!important;
    }
    lead-3 {
        padding: 15px 10px!important;
    }
    .tobfooter__links ul {
        float: none;
        text-align: left;
        padding: 0;
    }
    .tobfooter__links ul li:not(:first-child) {
        border-left: none;
        border-top: 1px solid #91b6de;
        padding-left: 0;
        margin-left: 0;
    }
    .tobfooter__links ul li {
        display: block;
        font-size: 1.3rem;
        line-height: 2.405rem;
    }
    .tobfooter__links .logo {
        display: none;
    }
    .tobfooter__links ul li a {
        display: block;
        padding: 12px 15px;
        position: relative;
    }
}
.pc-br {
    display: block;
}
.sp-br {
    display: none;
}
.mod-articlText {
    padding-right: 10px;
}

/*.whitepaper-sp{
    background: white;
    height: 100px;
}*/
.mod-articltime {
  display: inline-block;
  width: 25ch;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.Parallel {
    display: flex;
}
.description>p {
    text-align: center;
    margin: 10px 0 5px;
}
.header_tob {
    position: relative;
    z-index: 10000;
}
.header .gnav__main_tob>li>a {
    transition: all 0.3s 0s ease;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #2615A0;
    text-align: center;
    color: #fff;
    text-decoration: none;
    position: relative;
}
.header .gnav__main_tob>li>a::after {
    transition: all 0.3s 0s ease;
    content: "";
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: #4053A2;
    position: absolute;
    left: 50%;
    bottom: -2px;
    margin-left: -6px;
}
.header .gnav__main_tob>li:first-child {
    width: 26.66%;
    padding-left: 0;
}
.header .gnav__main_tob {
    padding-top: 8px;
    overflow: hidden;
    display: flex;
}
.header .gnav__main_tob>li {
    width: 26.66%;
    height: 50px;
    float: left;
    padding: 0 1px;
}
.header .gnav__main_tob>li>a:not(.disabled):hover,
.header .gnav__main_tob>li>a:not(.disabled).active {
    background: #4053A2;
    color: #fff;
}
.header .gnav__main_tob>li>a:not(.disabled):hover::after,
.header .gnav__main_tob>li>a:not(.disabled).active::after {
    border-top-color: #fff;
}
.header__inner .logo_tob {
    display: inline-block;
    vertical-align: middle;
}
.block-content_top {
    padding-top: 20px;
    display: flex;
}
.component-column_top {
    width:350px;
    padding: 20px 10px 10px;
}
.manegylink {
    margin-left: auto;
    padding-right:80px;
}
.service_box {
    display: flex;
}
.titlelead {
    color: #678AB1;
    border-bottom: solid 5px #678AB1;
    margin-bottom: 36px;
}
.service_boxbtn {
    display: inline-flex;
}
.btnWrap3 {
    margin: 20px 20px 30px;
}
.lead-2 {
    font-size: 2.3rem;
    font-weight: bold;
    display: inline-flex;
    padding: 30px 0px 0px 0px;
    line-height: 1.5em;
    text-align: left;
}
.container_1 {
    margin: auto;
    max-width: 1200;
    width: 100%;
}
.lead-3 {
    font-size: 1.6rem;
    padding: 30px 10px;
    line-height: 1.5em;
    margin: auto;
}
.block3 {
    display: inline-flex;
    margin: auto;
    width: 90%;
}
.title-2 {
    margin: 50px 40px 20px;
    font-size: 2.5rem;
    font-weight: bold;
    color: #678AB1;
    text-align: center;
}
.title-3 {
    margin: 20px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #678AB1;
    text-align: center;
    line-height: 20px;
}
.text-lead2 {
    width: 33.3%;
}
.box_child {
    display: inline-block;
}
.textbtn-box {
    display: flex;
}
.text-lead2 p {
    padding:10px;
    height: 50px;
}
.block2 {
    display: flex;
    flex-wrap: wrap;
    margin: 20px;
    padding-bottom: 50px;
}
.under {
    background: linear-gradient(transparent 50%,
    #d6e9fd 70%);
    transition: all 1.5s ease;
}
.toBbosyu {
    border-top:solid 3px #678AB1;
}
@media screen and (max-width: 46em) {
    mod-simple-tabs>img {
        width:50px;
    }
    .Parallel {
        display: block;
    }
    .topmain {
        display: block!important;
        padding:10px!important;
    }
    .btn_under {
        display: none;
    }
    .topmain_description {
        height: 150px!important;
    }
    .whitepaper_description {
        width: 100%!important;
    }
    .whitepaperimage {
        padding-top: 20px;
    }
    .btn1 {
        transition: all 0.3s 0s ease;
        background: #F3DC1D;
        color: #1D5C7A;
        display: inline-block;
        text-decoration: none;
        border-radius: 6px;
        line-height: 1;
        min-width: 240px;
        padding: 15px 25px;
        text-align: center;
        position: relative;
        border: none;
        position: relative;
        letter-spacing: 0.5px;
        box-shadow: 2px 2px 4px grey;
        width: 100%;
    }
}
.title__p:after {
    content:none;
}
.mod-for-member:after {
    content:none!important;
}
.mod-Recruitment {
    color: #FFC778;
    font-weight:bold;
}
.whitepaper_imgbox>img {
    width: 100%;
    /* height: 130px; */
    height: auto;
    object-fit: contain;
}
.topmain {
    display: flex;
}
.topmain_description {
    width: 60%;
    padding-top: 20px;
}
.btn_under {
    position: absolute;
    bottom: 0;
    width: 240px;
}
.seminar_btn {
    text-align: center;
}
.whitepaper_description {
    width: 60%;
    padding-top:20px;
}
.whitepapertitle {
    font-size:15px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 5px;
}
.twitter_box {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff!important;
    width: 100%;
    height: 38px;
    border-radius: 44px;
    background: #1F8FD6;
    font-weight: bold;
    letter-spacing: .075em;
    text-decoration: none!important;
    box-shadow: 2px 2px 4px gray;
}
.sns_icon {
    width:15px;
}
.sns {
    background-color: #FFFBEF!important
}
.downloadbtn {
    text-align: center;
}
.tag_line {
    padding: 9px 21px;
}
.topstep-bar {
    display: flex;
    padding: 20px;
}
.topstep-bar-item:first-of-type {
    border-radius:4px 0 0 4px
}
.topstep-bar-item.progress {
    color: #fff;
    background: #2615A0;
}
.topstep-bar-item {
    flex-grow: 1;
    background: #eee;
    margin: 0;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: relative;
}
.topstep-bar-item:not(:first-of-type) {
    margin-left: 15px;
}
.recommend-box-content {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    border-bottom: solid 1px #eee;
    position: relative;
    margin: 20px auto;
}
.checkbox {
    width: 10%;
    float: left;
    padding-top:70px;
}
.dl-recommend-list {
    padding:20px;
}
.agree_text {
    margin: auto;
}
.dl-recommend-text>p {
    font-size: 18px;
}
.title-guide {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 26px;
    line-height: 2.6rem;
    font-weight: bold;
    color: #004a83;
    border-bottom: 6px solid #f3dc1e;
    display: inline-block;
    padding-bottom: 6px;
    letter-spacing: 3px;
    margin-bottom: 30px;
    text-align: center;
    letter-spacing: 1px;
}
.manegy-guide-description {
    padding-bottom: 20px;
}
.bottom-scroll-navi {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10000;
    height: 65px;
    background: #FFFBEF;
    box-shadow: 0 -3px 2px rgba(0,
    0,
    0,
    .2);
}
.bottom-scroll-navi-detail {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10000;
    height: 65px;
    background: #FFFBEF;
    box-shadow: 0 -3px 2px rgba(0,
    0,
    0,
    .2);
}
.title-btn {
    font-weight: 700;
    color: #333;
    float: left;
    position: relative;
    text-align: center;
    font-size: 19px;
}
.navi-num {
    color: #4053A2;
    font-size: 160%;
    position: relative;
    top: 2px;
    left: -1px;
}
@media screen and (max-width: 46em) {
    .bottom-scroll-navi {
        width: 100%;
        height: 120px;
    }
    .title-btn {
        width: 100%;
        font-size:15px;
        padding: 10px;
    }
    .bottom-scroll-navi-detail {
        width: 100%;
        height: 110px;
    }
}
.sp-only {
    display: none;
}
@media screen and (max-width: 768px) {
    .sp-only {
        display: block;
    }
}
.modalArea {
    display: none;
    position: fixed;
    z-index: 10;
    /*サイトによってここの数値は調整 */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.modalBg {
    width: 100%;
    height: 100%;
    background-color: rgba(30,
    30,
    30,
    0.9);
}
.modalWrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform:translate(-50%,
    -50%);
    width: 80%;
    max-width: 500px;
    padding: 10px 30px;
    background-color: #fff;
}
.closeModal {
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    cursor: pointer;
}
.searchpage_box {
    margin-bottom: 20px;
}
.searchpage_box_template {
    border:solid 1px;
    border-color: #2615A0;
    background-color: white;
    padding: 20px 9.7561%;
}
#text-button {
    margin:1.5em auto 0;
    padding:10px 0px;
    background:#fff;
    z-index:2;
}
.button-link {
    color:#00f;
    text-decoration:underline;
}
.button-link:hover {
    cursor:pointer;
    color:#f00;
}

/* Modal Base CSS */
.scotch-overlay {
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: 1ms opacity ease;
    -moz-transition: 1ms opacity ease;
    -ms-transition: 1ms opacity ease;
    -o-transition: 1ms opacity ease;
    transition: 1ms opacity ease;
    background: rgba(0,
    0,
    0,
    .6);
}
.scotch-modal {
    position: absolute;
    z-index: 9999;
    top: 50%;
    left: 50%;
    opacity: 0;
    width: 94%;
    padding: 24px 20px;
    -webkit-transition: 1ms opacity ease;
    -moz-transition: 1ms opacity ease;
    -ms-transition: 1ms opacity ease;
    -o-transition: 1ms opacity ease;
    transition: 1ms opacity ease;
    -webkit-transform: translate(-50%,
    -50%);
    -moz-transform: translate(-50%,
    -50%);
    -ms-transform: translate(-50%,
    -50%);
    -o-transform: translate(-50%,
    -50%);
    transform: translate(-50%,
    -50%);
    border-radius: 2px;
    background: #fff;
}
.scotch-modal.scotch-open.scotch-anchored {
    top: 20px;
    -webkit-transform: translate(-50%,
    0);
    -moz-transform: translate(-50%,
    0);
    -ms-transform: translate(-50%,
    0);
    -o-transform: translate(-50%,
    0);
    transform: translate(-50%,
    0);
}
.scotch-modal.scotch-open {
    opacity: 1;
}
.scotch-overlay.scotch-open {
    opacity: 1;
}

/* Close Button */
.scotch-close {
    font-family: Helvetica,
    Arial,
    sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 12px;
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 5px 7px 7px;
    cursor: pointer;
    color: #fff;
    border: 0;
    outline: none;
    background: #e74c3c;
}
.scotch-close:hover {
    background: #c0392b;
}

/* Default Animation */
.scotch-overlay.fade-and-drop {
    display: block;
    opacity: 0;
}
.scotch-modal.fade-and-drop {
    top: -300%;
    opacity: 1;
    display: block;
}
.scotch-modal.fade-and-drop.scotch-open {
    top: 50%;
    -webkit-transition: 500ms top 500ms ease;
    -moz-transition: 500ms top 500ms ease;
    -ms-transition: 500ms top 500ms ease;
    -o-transition: 500ms top 500ms ease;
    transition: 500ms top 500ms ease;
}
.scotch-modal.fade-and-drop.scotch-open.scotch-anchored {
    -webkit-transition: 500ms top 500ms ease;
    -moz-transition: 500ms top 500ms ease;
    -ms-transition: 500ms top 500ms ease;
    -o-transition: 500ms top 500ms ease;
    transition: 500ms top 500ms ease;
}
.scotch-overlay.fade-and-drop.scotch-open {
    top: 0;
    -webkit-transition: 500ms opacity ease;
    -moz-transition: 500ms opacity ease;
    -ms-transition: 500ms opacity ease;
    -o-transition: 500ms opacity ease;
    transition: 500ms opacity ease;
    opacity: 1;
}
.scotch-modal.fade-and-drop {
    -webkit-transition: 500ms top ease;
    -moz-transition: 500ms top ease;
    -ms-transition: 500ms top ease;
    -o-transition: 500ms top ease;
    transition: 500ms top ease;
}
.scotch-overlay.fade-and-drop {
    -webkit-transition: 500ms opacity 500ms ease;
    -moz-transition: 500ms opacity 500ms ease;
    -ms-transition: 500ms opacity 500ms ease;
    -o-transition: 500ms opacity 500ms ease;
    transition: 500ms opacity 500ms ease;
}

/* Demo Styles */
html {
    box-sizing: border-box;
}
* {
    box-sizing: inherit;
}
#content {
    display: none;
}
.add-list-box {
    transition: all 0.3s 0s ease;
    background: #F3DC1D;
    color: #1D5C7A;
    display: inline-block;
    text-decoration: none;
    border-radius: 6px;
    line-height: 1;
    min-width: 240px;
    padding: 15px 25px;
    text-align: center;
    position: relative;
    border: none;
    position: relative;
    letter-spacing: 0.5px;
    box-shadow: 2px 2px 4px grey;
}
.add-list-box:active {
    border-top: 5px solid white;
    box-shadow: none;
}
.modal-btn {
    text-align: center;
}
.recommend-logo {
    text-align: center;
}
.btn-similar {
    transition: all 0.3s 0s ease;
    background: #668ab1;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    border-radius: 6px;
    line-height: 1;
    /* min-width: 240px; */
    padding: 15px 25px;
    text-align: center;
    position: relative;
    border: none;
    position: relative;
    letter-spacing: 0.5px;
    box-shadow: 2px 2px 4px grey;
    width: 100%;
}
.no-overview-service-image {
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto 10px;
    display: flex;
}
.recommend-logo {
    height: auto;
}
.contents-box {
    width:90%;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: center;
}
.title-box {
    background: #678AB1;
    color: white;
    text-align: center;
}
.contents-box th {
    padding: 10px 30px;
}
.contents-box th {
    border:solid 1px #e9eef3;
}
.title-box-detail {
    text-align: center;
}
.content-under {
    display: flex;
    width: 100%
}
.table-box {
    width: 70%;
}
.catchcopy-text {
    font-size: 20px;
    font-weight: bold;
    white-space: nowrap;
    padding:10px 0px;
}
.text-sub {
    padding: 20px 0px;
}
.img-box {
    width:150px;
    border: solid 1px #e9eef3;
}
@media screen and (max-width: 46em) {
    .img-box {
        width: inherit;
        border: solid 1px #e9eef3;
        float: left;
    }
    .component-column.pd-large [class*=col-] {
        height: auto;
    }
    .component-column.pd-large {
        height: auto;
    }
    .text-sub {
        width:100%;
    }
    .main-content-sp {
        display: flex;
    }
    .contents-box th {
        padding: 10px;
    }
    .title-box {
        white-space: nowrap;
    }
    .table-box {
        width: 100%;
    }
    .top-sp {
        display: flex;
    }
    .video-box {
        padding:15px;
    }
    .text-sub {
        padding: 10px 0;
    }
    .mod-articleCategory {
        margin: 10px 0;
    }
    .contents-box {
        width:100%;
    }
}
.icon-box {
    display: flex;
    margin: 10px 0;
}
.video-box {
    text-align: center;
}
.mod-articleCategory .category .point {
    background: gold;
}
.button-box {
    margin-top: -30px;
}
.mod-articlTitle {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 26px;
    line-height: 2.6rem;
    text-decoration: underline;
    font-weight: bold;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
/* .detail-text {
    display: none;
} */

.top_banner a img{
    width: 100%;
}
.top_banner a.pc{
    max-width: 728px;
    margin: 0px auto;
}
.top_banner a.sp{
    max-width: 320px;
    margin: 0px auto;
}

/* 完了ページ下キャンペーン訴求 */
.complete-inner {
    width: 80%;
    margin: auto;
    text-align: center;
}
.complete-h3 {
    padding: 30px 0;
    font-weight: bold;
    font-size: 2rem;
    line-height: 4rem;
    border-bottom: solid 1px #ccc;
    margin-bottom: 30px;
}
.complete-box {
    width: 700px;
    margin: 0 auto 50px;
}
.complete-boxTitle {
    padding: 15px;
    background: #eee;
    font-weight: bold;
    font-size: 2rem;
}
@media screen and (max-width: 767px) {
   .complete-inner {width:90%}
   .complete-h3 {font-size: 1.8rem;line-height: 2.5rem;}
   .complete-box{width: 100%;}
   .complete-boxTitle {line-height: 2.6rem;}
}

@media screen and (min-width:1001px) and ( max-width:9999px) {
    .top_banner{padding: 20px 0 40px 0;}
    .top_banner a.pc{display: block;}
    .top_banner a.sp{display: none;}
}
@media screen and (min-width:0px) and ( max-width:1000px) {
    .top_banner{padding: 20px 10px 20px 10px;}
    .top_banner a.pc{display: none;}
    .top_banner a.sp{display: block;}
}

/* フローティングバナー */
.floating-banner,
.floating-banner-sp {
    position: fixed;
    z-index: 99;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    background-color: rgba(165, 165, 165, 0.35);
}
.floating-banner-pc {
    width: 100%;
}
.floating-banner-sp {
    display: none;
}

.floating-banner-box {
    position: relative;
    margin: 12px 0;
}
.floating-banner-close {
    width: 20px;
    height: 20px;
    z-index: 10;
    background-color: #fff;
    background-image: url(../img/close-black.svg);
    background-position: center center;
    border: 1px solid #004a83;
    position: absolute;
    right: 0;
}
.floating-banner-close:hover {
    cursor: pointer;
}
.js-floating-banner-close {
    display: none !important;
}

.floating-banner-img-sp {
    max-width: 100%;
}

@media screen and (max-width: 46em) {
    .floating-banner-pc {
        display: none;
    }
    .floating-banner-sp {
        display: flex;
    }
    .floating-banner-box {
        margin: 0;
    }
}

/* Whitepapger 一覧 */
.whitepaper-box-container {
/*    margin: 10px 10px 0;*/
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
/*    justify-content: space-between;*/
}
.whitepaper-box {
    margin-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
    width: 33.33%;
    padding: 10px;
}
.whitepaper-box-img {
    margin-bottom: 14px;
    width: 100%;
}
.mod-articlTitle.whitepaper-box-link {
    -webkit-line-clamp: inherit;
}
.whitepaper-box-cat {
    margin: 5px 0 0;
}
@media screen and (max-width: 1150px) {
    .whitepaper-box {
        width: 50%;
    }
}
@media screen and (max-width: 960px) {
    .whitepaper-box {
        width: 100%;
    }
}

@media screen and (max-width: 46em) {
    .whitepaper-box-container {
        margin: 10px 0 0;
    }
    .whitepaper-box {
        margin-bottom: 20px;
        padding-bottom: 14px;
        width: 100%;
        align-items: flex-start;
        position: relative;
    }
    .whitepaper-box::after {
        content: '';
        margin-left: -10px;
        margin-right: -10px;
        display: block;
        width: calc(100% + 20px);
        border-bottom: 1px solid #e9eef3;
        position: absolute;
        bottom: 0;
    }
    .whitepaper-box-img {
        margin-bottom: 0;
        width: 100px;
    }
    .whitepaper-box-text-container {
        margin-left: 10px;
        width: calc(100% - 110px);
    }
    .whitepaper-box-cat {
        margin: 0;
    }
    .whitepaper_banner {
        width: 100%;
        text-align: center;
    }
    .whitepaper_banner img {
        width: 98%;
    }
}



/* セミナー一覧 */
.seminar-box-container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.seminar-box {
    margin-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
    width: 33.33%;
    padding: 10px;
}
.seminar-box-img {
    margin-bottom: 14px;
    width: 100%;
}
.mod-articlTitle.seminar-box-link {
    -webkit-line-clamp: inherit;
}
.seminar-box-c-name {
    margin-bottom: 6px;
    line-height: 1.4;
}
.seminar-box-datetime {
    line-height: 1.6;
}
.seminar-box-cat {
    margin: 5px 0 0;
}

@media screen and (max-width: 1150px) {
    .seminar-box {
        width: 50%;
    }
}
@media screen and (max-width: 960px) {
    .seminar-box {
        width: 100%;
    }
}
@media screen and (max-width: 46em) {
    .seminar-box-container {
        margin: 10px 0 0;
    }
    .seminar-box {
        margin-bottom: 20px;
        padding-bottom: 14px;
        width: 100%;
        align-items: flex-start;
        position: relative;
    }
    .seminar-box::after {
        content: '';
        margin-left: -10px;
        margin-right: -10px;
        display: block;
        width: calc(100% + 20px);
        border-bottom: 1px solid #e9eef3;
        position: absolute;
        bottom: 0;
    }
    .seminar-box-img {
        margin-bottom: 0;
        width: 100px;
    }
    .seminar-box-text-container {
        margin-left: 10px;
        width: calc(100% - 110px);
    }
    .seminar-box-cat {
        margin: 0;
    }
}

@media screen and (max-width: 1068px) {
    .header__inner .tagline {
        margin-top: 0;          /* 文字列が折り返す際の水平位置を調整  */
        line-height: 1.6;
    }
}

/* タグラインの表示崩れ対応 */
@media screen and (max-width: 910px) {
    .header__inner .tagline {
        display: none;
    }
}

/* 完了ページバナーの横幅統一 */
.complete-inner .complete-box a img.banner_pc{
    width: 100%;
}
.complete-inner .complete-box p.complete-boxTitle i{
    font-style: normal;
    font-size: 12px;
    display: inline-block;
    margin-left: 5px;
}

/* WTC_DEV-1013 toB動画トップページ「おすすめtoB動画」周りの改修 */
.salesmovie_recommend_box .mod-side-PR{
    padding: 15px;
}
.salesmovie_recommend_box .mod-side-PR a{
    line-height: 1.5em;
    display: block;
    max-width: 300px;
    margin: 0 auto;
}
.salesmovie_recommend_box .mod-side-PR a img{
    display: block;
    width: 100%;
    margin-bottom: 5px;
}
.salesmovie_recommend_box .mod-side-PR a span{
    display: block;
    margin-top: 5px;
}


.kiyakucheck tr td {
    text-align: left;
    line-height: 1.4em;
    padding-bottom: 16px;
    vertical-align: middle;
}
.kiyakucheck tr td:last-child {
    padding-left: 8px;
}