@charset "UTF-8";
html, body {
font-size: medium;
font-family: Meiryo, "Hiragino Kaku Gothic ProN", Verdana, sans-serif;
}
.current {
font-weight: bold;
}
.contents {
word-break: break-word;
/**
* module: blog-kit:list-page/article-list
*/
/**
* module: px2style:basics/_
*/
/*# sourceMappingURL=module.css.map*/
/**
* module: px2style:basics/a
*/
/**
* module: px2style:basics/banner
*/
/**
* module: px2style:basics/hx
*/
/**
* module: px2style:basics/image
*/
/**
* module: px2style:basics/table
*/
/**
* module: px2style:grids/grid
*/
/**
* module: px2style:interactives/accordion
*/
/**
* module: px2style:interactives/carousel
*/
/**
* module: px2style:interactives/tabs
*/
/**
* module: px2style:lists/changelog
*/
/**
* module: px2style:lists/index
*/
/**
* module: px2style:lists/ul-links
*/
/**
* module: px2style:lists/ul-media-list
*/
/**
* module: px2style:lists/ul
*/
/**
* module: px2style:medias/float
*/
/**
* module: px2style:medias/image-media
*/
/**
* module: px2style:sections/notice
*/
/**
* module: px2style:sections/section
*/
/**
* module: px2style:utils/p
*/
/**
* module: px2style:utils/responsive
*/
/**
* module: px2style:utils/viewport-fit
*/
}
.contents .px2-blog-kit__pager {
display: block;
margin: 1em 0;
}
.contents .px2-blog-kit__pager ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: 0;
padding: 0;
}
.contents .px2-blog-kit__pager ul li {
list-style-type: none;
margin: 0 2px;
padding: 0;
}
.contents .px2-blog-kit__pager a, .contents .px2-blog-kit__pager span {
display: block;
padding: 0.7em 1em;
border: 1px solid transparent;
border-radius: 5px;
line-height: 1;
}
.contents .px2-blog-kit__pager a:hover {
background-color: var(--px2-main-color, #00a0e6);
color: #f9f9f9;
}
.contents .px2-blog-kit__pager-current {
background-color: var(--px2-main-color, #00a0e6);
color: #f9f9f9;
font-weight: bold;
}
.contents .px2-blog-kit__list {
display: block;
margin: 1em 0;
}
.contents .px2-blog-kit__list::after {
content: "";
display: block;
clear: both;
}
.contents .px2-blog-kit__list ul {
margin: 0;
padding: 0;
border-top: 1px solid #ddd;
}
.contents .px2-blog-kit__list ul li {
list-style-type: none;
margin: 0;
padding: 1.2em 0;
clear: both;
border-bottom: 1px solid #ddd;
}
.contents .px2-blog-kit__list ul li::after {
content: "";
display: block;
clear: both;
}
.contents .px2-blog-kit__list-item {
display: block;
}
.contents .px2-blog-kit__list-title {
width: 70%;
float: right;
}
.contents .px2-blog-kit__list-title p {
font-weight: bold;
font-size: 138%;
margin: 0;
}
.contents .px2-blog-kit__list-release-date {
font-size: small;
color: #999;
}
.contents .px2-blog-kit__list-body {
width: 70%;
float: right;
}
.contents .px2-blog-kit__list-link-to-article {
text-align: right;
}
.contents .px2-blog-kit__list-thumb {
float: left;
width: 25%;
height: auto;
}
.contents .px2-blog-kit__list-thumb a {
display: block;
padding-top: 70%;
background-size: cover;
background-position: center center;
}
.contents .px2-blog-kit__list-thumb a:hover {
opacity: 0.9;
}
.contents .px2-blog-kit__list-a:before {
content: " ";
width: 0;
height: 0;
display: inline-block;
margin-right: 0.2em;
border-width: 0.35em 0 0.35em 0.6em;
border-style: solid;
border-color: var(--px2-main-color, #00a0e6);
border-top-color: transparent;
border-bottom-color: transparent;
}
.contents body.px2-scroll-lock {
overflow: hidden;
}
.contents body.px2-scroll-lock--iphone {
height: 100%;
position: fixed;
width: 100%;
}
.contents input[type=color].px2-input, .contents input[type=date].px2-input, .contents input[type=datetime-local].px2-input, .contents input[type=datetime].px2-input, .contents input[type=email].px2-input, .contents input[type=file].px2-input, .contents input[type=month].px2-input, .contents input[type=number].px2-input, .contents input[type=password].px2-input, .contents input[type=search].px2-input, .contents input[type=tel].px2-input, .contents input[type=text].px2-input, .contents input[type=time].px2-input, .contents input[type=url].px2-input, .contents input[type=week].px2-input, .contents select.px2-input, .contents textarea.px2-input {
background-clip: padding-box;
background-color: rgba(255, 255, 255, 0.3);
border: 1px solid #ced4da;
border-radius: 0.25rem;
box-sizing: border-box;
color: #333;
display: inline-block;
font-size: 1em;
font-weight: 400;
line-height: 1.5;
max-width: 100%;
min-width: 50px;
padding: 0.375rem 0.75rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
width: auto;
}
.contents input[type=color].px2-input:focus, .contents input[type=date].px2-input:focus, .contents input[type=datetime-local].px2-input:focus, .contents input[type=datetime].px2-input:focus, .contents input[type=email].px2-input:focus, .contents input[type=file].px2-input:focus, .contents input[type=month].px2-input:focus, .contents input[type=number].px2-input:focus, .contents input[type=password].px2-input:focus, .contents input[type=search].px2-input:focus, .contents input[type=tel].px2-input:focus, .contents input[type=text].px2-input:focus, .contents input[type=time].px2-input:focus, .contents input[type=url].px2-input:focus, .contents input[type=week].px2-input:focus, .contents select.px2-input:focus, .contents textarea.px2-input:focus {
background-color: #fff;
border-color: #80bdff;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
color: #333;
outline: 0;
}
.contents input[type=color].px2-input[readonly], .contents input[type=date].px2-input[readonly], .contents input[type=datetime-local].px2-input[readonly], .contents input[type=datetime].px2-input[readonly], .contents input[type=email].px2-input[readonly], .contents input[type=file].px2-input[readonly], .contents input[type=month].px2-input[readonly], .contents input[type=number].px2-input[readonly], .contents input[type=password].px2-input[readonly], .contents input[type=search].px2-input[readonly], .contents input[type=tel].px2-input[readonly], .contents input[type=text].px2-input[readonly], .contents input[type=time].px2-input[readonly], .contents input[type=url].px2-input[readonly], .contents input[type=week].px2-input[readonly], .contents select.px2-input[readonly], .contents textarea.px2-input[readonly] {
background-color: #eee;
}
.contents input[type=color].px2-input[readonly]:focus, .contents input[type=date].px2-input[readonly]:focus, .contents input[type=datetime-local].px2-input[readonly]:focus, .contents input[type=datetime].px2-input[readonly]:focus, .contents input[type=email].px2-input[readonly]:focus, .contents input[type=file].px2-input[readonly]:focus, .contents input[type=month].px2-input[readonly]:focus, .contents input[type=number].px2-input[readonly]:focus, .contents input[type=password].px2-input[readonly]:focus, .contents input[type=search].px2-input[readonly]:focus, .contents input[type=tel].px2-input[readonly]:focus, .contents input[type=text].px2-input[readonly]:focus, .contents input[type=time].px2-input[readonly]:focus, .contents input[type=url].px2-input[readonly]:focus, .contents input[type=week].px2-input[readonly]:focus, .contents select.px2-input[readonly]:focus, .contents textarea.px2-input[readonly]:focus {
border-color: #ced4da;
box-shadow: none;
}
.contents input[type=color].px2-input[disabled], .contents input[type=date].px2-input[disabled], .contents input[type=datetime-local].px2-input[disabled], .contents input[type=datetime].px2-input[disabled], .contents input[type=email].px2-input[disabled], .contents input[type=file].px2-input[disabled], .contents input[type=month].px2-input[disabled], .contents input[type=number].px2-input[disabled], .contents input[type=password].px2-input[disabled], .contents input[type=search].px2-input[disabled], .contents input[type=tel].px2-input[disabled], .contents input[type=text].px2-input[disabled], .contents input[type=time].px2-input[disabled], .contents input[type=url].px2-input[disabled], .contents input[type=week].px2-input[disabled], .contents select.px2-input[disabled], .contents textarea.px2-input[disabled] {
background-color: #eee;
color: #8e959c;
}
.contents input[type=color].px2-input--block, .contents input[type=date].px2-input--block, .contents input[type=datetime-local].px2-input--block, .contents input[type=datetime].px2-input--block, .contents input[type=email].px2-input--block, .contents input[type=file].px2-input--block, .contents input[type=month].px2-input--block, .contents input[type=number].px2-input--block, .contents input[type=password].px2-input--block, .contents input[type=search].px2-input--block, .contents input[type=tel].px2-input--block, .contents input[type=text].px2-input--block, .contents input[type=time].px2-input--block, .contents input[type=url].px2-input--block, .contents input[type=week].px2-input--block, .contents select.px2-input--block, .contents textarea.px2-input--block {
display: block;
width: 100%;
}
.contents input[type=color].px2-input--error, .contents input[type=date].px2-input--error, .contents input[type=datetime-local].px2-input--error, .contents input[type=datetime].px2-input--error, .contents input[type=email].px2-input--error, .contents input[type=file].px2-input--error, .contents input[type=month].px2-input--error, .contents input[type=number].px2-input--error, .contents input[type=password].px2-input--error, .contents input[type=search].px2-input--error, .contents input[type=tel].px2-input--error, .contents input[type=text].px2-input--error, .contents input[type=time].px2-input--error, .contents input[type=url].px2-input--error, .contents input[type=week].px2-input--error, .contents select.px2-input--error, .contents textarea.px2-input--error {
background-color: #f8d7da;
border-color: #721c24;
color: #721c24;
}
.contents input[type=number].px2-input {
padding-right: 0.25rem;
text-align: right;
width: 9em;
}
.contents input[type=search].px2-input {
border-radius: 2em;
}
.contents .px2-error {
color: #e00;
}
.contents .px2-note {
color: #999;
}
.contents .px2-input-group {
align-content: stretch;
align-items: stretch;
border-radius: 0.25rem;
max-width: 100%;
}
.contents .px2-input-group, .contents .px2-input-group__text {
box-sizing: border-box;
display: inline-flex;
}
.contents .px2-input-group__text {
align-items: center;
background-color: color-mix(#f9f9f9 50%);
background-color: color-mix(var(--px2-background-color, #f9f9f9) 50%);
border: 1px solid #ced4da;
color: #333;
color: var(--px2-text-color, #333);
flex-grow: 1;
flex-shrink: 100;
font-size: 1em;
font-weight: 400;
line-height: 1.5;
padding: 0.375rem 0.25rem;
text-align: center;
}
.contents .px2-input-group__text--align-left {
padding-right: 1.25rem;
text-align: left;
}
.contents .px2-input-group__text--align-right {
padding-left: 1.25rem;
text-align: right;
}
.contents .px2-input-group > *, .contents .px2-input-group > .px2-btn, .contents .px2-input-group > input.px2-input, .contents .px2-input-group > select.px2-input, .contents .px2-input-group > textarea.px2-input {
border-radius: 0;
border-right-width: 0 none;
box-sizing: border-box;
min-height: calc(1.5em + .5rem + 2px);
}
.contents .px2-input-group > .px2-btn:not(.px2-btn--toggle-on) {
box-shadow: none;
}
.contents .px2-input-group > .px2-input {
flex-grow: 100;
}
.contents .px2-input-group > .px2-btn:first-child, .contents .px2-input-group > :first-child, .contents .px2-input-group > input:first-child.px2-input, .contents .px2-input-group > select:first-child.px2-input, .contents .px2-input-group > textarea:first-child.px2-input {
border-radius: 0.25rem 0 0 0.25rem/0.25rem 0 0 0.25rem;
}
.contents .px2-input-group > .px2-btn:last-child, .contents .px2-input-group > :last-child, .contents .px2-input-group > input:last-child.px2-input, .contents .px2-input-group > select:last-child.px2-input, .contents .px2-input-group > textarea:last-child.px2-input {
border-radius: 0 0.25rem 0.25rem 0/0 0.25rem 0.25rem 0;
border-right-width: 1px;
}
.contents .px2-input-group > :first-child:last-child {
border-radius: 0.25rem;
}
.contents .px2-input-group--fluid {
display: flex;
width: 100%;
}
.contents .px2-input-group--fluid > * {
flex-grow: 1;
}
.contents .px2-form-input-list {
margin: 1em -15px;
}
.contents .px2-form-input-list ul.px2-form-input-list__ul {
border-collapse: collapse;
box-sizing: border-box;
display: table;
margin: 0;
padding: 0;
width: 100%;
}
.contents .px2-form-input-list ul.px2-form-input-list__ul li.px2-form-input-list__li {
display: table-row;
list-style-type: none;
margin: 0;
padding: 0;
}
.contents .px2-form-input-list ul.px2-form-input-list__ul li.px2-form-input-list__li .px2-form-input-list__label {
word-wrap: break-word;
box-sizing: border-box;
display: table-cell;
font-weight: 700;
max-width: 140px;
padding: 1em 15px;
vertical-align: top;
width: 140px;
}
.contents .px2-form-input-list ul.px2-form-input-list__ul li.px2-form-input-list__li .px2-form-input-list__input {
word-wrap: break-word;
box-sizing: border-box;
display: table-cell;
max-width: calc(100% - 140px);
padding: 1em 15px;
vertical-align: top;
width: calc(100% - 140px);
}
.contents .px2-form-input-list ul.px2-form-input-list__ul li.px2-form-input-list__li .px2-form-input-list__input > :first-child {
margin-top: 0;
}
.contents .px2-form-input-list ul.px2-form-input-list__ul li.px2-form-input-list__li .px2-p, .contents .px2-form-input-list ul.px2-form-input-list__ul li.px2-form-input-list__li p {
margin-bottom: 0.2em;
margin-top: 0.2em;
}
.contents .px2-form-input-list ul.px2-form-input-list__ul li.px2-form-input-list__li--required .px2-form-input-list__label:after {
color: #e11;
content: "*";
font-weight: 700;
margin: 0 0 0 0.7em;
}
.contents .px2-form-input-list ul.px2-form-input-list__ul li.px2-form-input-list__li--error .px2-form-input-list__input, .contents .px2-form-input-list ul.px2-form-input-list__ul li.px2-form-input-list__li--error .px2-form-input-list__label {
background-color: #fee7e7;
color: #e11;
}
@media (max-width: 544px) {
.contents .px2-form-input-list ul.px2-form-input-list__ul, .contents .px2-form-input-list ul.px2-form-input-list__ul li.px2-form-input-list__li {
display: block;
}
.contents .px2-form-input-list ul.px2-form-input-list__ul li.px2-form-input-list__li .px2-form-input-list__label {
border: 0;
display: block;
max-width: none;
padding-bottom: 0;
width: auto;
}
.contents .px2-form-input-list ul.px2-form-input-list__ul li.px2-form-input-list__li .px2-form-input-list__input {
display: block;
max-width: none;
padding-bottom: 0.9em;
width: auto;
}
}
.contents .px2-form-submit-area {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
margin: 1em 0;
padding: 0;
}
.contents .px2-form-submit-area__backward-btns, .contents .px2-form-submit-area__btns {
display: flex;
flex-direction: row-reverse;
gap: 5px;
margin: 0;
padding: 0;
}
.contents .px2-form-submit-area__backward-btns > li, .contents .px2-form-submit-area__btns > li {
list-style-type: none;
margin: 0;
padding: 0;
}
@media (max-width: 544px) {
.contents .px2-form-submit-area {
flex-direction: column;
}
.contents .px2-form-submit-area__backward-btns, .contents .px2-form-submit-area__btns {
justify-content: center;
}
.contents .px2-form-submit-area__backward-btns {
justify-content: left;
margin-top: 1em;
}
}
.contents .px2-modal {
align-items: center;
background: rgba(0, 0, 0, 0.7);
border: none;
display: flex;
flex-direction: column;
font-family: var(--px2-font-family, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", "Helvetica Neue", "Arial", sans-serif);
height: 100%;
justify-content: center;
left: 0;
margin: 0;
padding: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 1000000;
}
.contents .px2-modal--no-btn .px2-modal__footer, .contents .px2-modal--no-title .px2-modal__header {
display: none;
}
.contents .px2-modal--background {
background: transparent;
}
.contents .px2-modal > form {
align-items: center;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
margin: 0;
padding: 0;
width: 100%;
}
.contents .px2-modal__close {
height: 20px;
position: absolute;
right: 20px;
top: 18px;
width: 20px;
z-index: 1150;
}
.contents .px2-modal__close button {
background-color: transparent;
border: none;
border-radius: 0;
color: #999;
cursor: pointer;
display: block;
height: 100%;
left: 0;
margin: 0;
padding: 0;
position: absolute;
right: 0;
width: 100%;
}
.contents .px2-modal__close button:after, .contents .px2-modal__close button:before {
border-bottom: 1px solid #000;
content: "";
left: -9%;
position: absolute;
top: 50%;
width: 115%;
}
.contents .px2-modal__close button:before {
transform: rotate(45deg);
}
.contents .px2-modal__close button:after {
transform: rotate(-45deg);
}
.contents .px2-modal__close button:hover:after, .contents .px2-modal__close button:hover:before {
border-bottom: 1px solid #666;
}
.contents .px2-modal__close button[data-px2-modal-locked] {
opacity: 0.2;
}
.contents .px2-modal__dialog {
animation: px2-modal--initial 0.3s ease 0s 1 normal none running;
background-color: #f9f9f9;
background-color: var(--px2-background-color, #f9f9f9);
border-radius: 5px;
box-sizing: border-box;
color: #333;
color: var(--px2-text-color, #333);
display: flex;
flex-direction: column;
flex-wrap: nowrap;
font-size: medium;
height: auto;
left: 0;
margin: 20px auto;
max-height: calc(100% - 40px);
max-width: 520px;
overflow: visible;
padding: 10px 0;
position: relative;
top: 0;
transition: transform 0.3s, opacity 0.3s;
width: calc(100% - 40px);
}
.contents .px2-modal__dialog--closed {
opacity: 0;
transform: translateY(-10px);
}
.contents .px2-modal__header {
margin-bottom: 0;
padding: 8px 40px 8px 20px;
z-index: 1100;
}
.contents .px2-modal__body {
box-sizing: border-box;
flex-grow: 1;
left: 0;
padding: 0 20px;
position: relative;
top: 0;
z-index: 1050;
}
.contents .px2-modal__body-inner {
box-sizing: border-box;
display: block;
}
.contents .px2-modal__body, .contents .px2-modal__body-inner--flex {
display: flex;
flex-direction: column;
justify-content: flex-start;
overflow: auto;
}
.contents .px2-modal__body-inner--flex > *, .contents .px2-modal__body > * {
flex-grow: 100;
}
.contents .px2-modal__title {
font-weight: 700;
outline: none;
}
.contents .px2-modal__footer {
display: flex;
flex-direction: row-reverse;
flex-shrink: 0;
flex-wrap: nowrap;
gap: 30px;
justify-content: space-between;
margin: 0;
max-height: 30vh;
overflow: auto;
padding: 10px 20px 2px;
z-index: 1100;
}
.contents .px2-modal__footer-primary > ul, .contents .px2-modal__footer-secondary > ul, .contents .px2-modal__footer > ul {
display: flex;
flex-wrap: nowrap;
gap: 5px;
justify-content: flex-end;
margin: 0;
padding: 0;
}
.contents .px2-modal__footer-primary > ul > li, .contents .px2-modal__footer-secondary > ul > li, .contents .px2-modal__footer > ul > li {
list-style-type: none;
margin: 0;
padding: 0;
white-space: nowrap;
}
.contents .px2-modal__footer-secondary > ul {
justify-content: flex-start;
}
@keyframes px2-modal--initial {
0% {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes px2-modal--initial-drawer-left {
0% {
left: -100%;
opacity: 1;
transform: translateY(0);
}
to {
left: 0;
opacity: 1;
transform: translateY(0);
}
}
@keyframes px2-modal--initial-drawer-right {
0% {
opacity: 1;
right: -100%;
transform: translateY(0);
}
to {
opacity: 1;
right: 0;
transform: translateY(0);
}
}
.contents .px2-modal.px2-modal--type-drawer-left, .contents .px2-modal.px2-modal--type-drawer-right {
background: rgba(0, 0, 0, 0.1);
}
.contents .px2-modal.px2-modal--type-drawer-left .px2-modal__dialog, .contents .px2-modal.px2-modal--type-drawer-right .px2-modal__dialog {
border-radius: 0;
height: 100%;
left: auto;
margin: 0;
max-height: 100%;
max-width: calc(100% - 20px);
position: absolute;
right: auto;
top: 0;
width: 360px;
}
.contents .px2-modal.px2-modal--type-drawer-left .px2-modal__dialog--closed, .contents .px2-modal.px2-modal--type-drawer-right .px2-modal__dialog--closed {
opacity: 1;
transform: translateY(0);
}
.contents .px2-modal.px2-modal--type-drawer-left .px2-modal__dialog {
animation: px2-modal--initial-drawer-left 0.3s ease 0s 1 normal none running;
left: 0;
transition: transform 0.3s, opacity 0.3s, left 0.3s;
}
.contents .px2-modal.px2-modal--type-drawer-left .px2-modal__dialog--closed {
left: -100%;
}
.contents .px2-modal.px2-modal--type-drawer-right .px2-modal__dialog {
animation: px2-modal--initial-drawer-right 0.3s ease 0s 1 normal none running;
right: 0;
transition: transform 0.3s, opacity 0.3s, right 0.3s;
}
.contents .px2-modal.px2-modal--type-drawer-right .px2-modal__dialog--closed {
right: -100%;
}
@keyframes px2-loading {
0% {
opacity: 1;
transform: scale(0);
}
to {
opacity: 0;
transform: scale(1);
}
}
.contents .px2-loading {
background-color: transparent;
border: none;
clear: both;
float: none;
padding: 0;
position: fixed;
z-index: 1010000;
}
.contents .px2-loading, .contents .px2-loading__sign {
align-content: center;
align-items: center;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
left: 0;
text-align: center;
top: 0;
width: 100%;
}
.contents .px2-loading__sign {
box-sizing: border-box;
position: relative;
}
.contents .px2-loading__sign:before {
animation-fill-mode: both;
animation: px2-loading 1s ease-in-out 0s infinite;
background-color: #00a0e6;
background-color: var(--px2-main-color, #00a0e6);
border-radius: 100%;
content: "";
display: block;
display: inline-block;
height: 15px;
height: 60px;
margin: 2px;
width: 15px;
width: 60px;
}
.contents .px2-loading__message {
clear: both;
color: #999;
font-size: 0.8rem;
text-align: center;
}
.contents .px2-a::before {
content: " ";
width: 0;
height: 0;
display: inline-block;
margin-right: 0.2em;
border-width: 0.35em 0 0.35em 0.6em;
border-style: solid;
border-color: var(--px2-main-color, #00a0e6);
border-top-color: transparent;
border-bottom-color: transparent;
}
.contents .px2-a--block {
display: block;
width: 100%;
}
.contents .px2-open-in-new-window::after {
content: "";
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAMAAACf4xmcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplZDc1YjU3Zi0xN2JmLTQ1M2QtYTU2Yi04NzdkZDRjYjdmNTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkZGNTIyODQ5QThGMTFFOThGRDdBQTREMEZBOEJGRTkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkZGNTIyODM5QThGMTFFOThGRDdBQTREMEZBOEJGRTkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDplZDc1YjU3Zi0xN2JmLTQ1M2QtYTU2Yi04NzdkZDRjYjdmNTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ZWQ3NWI1N2YtMTdiZi00NTNkLWE1NmItODc3ZGQ0Y2I3ZjUzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+XVsr4gAAAAlQTFRF4uLiZmZm////FEU16AAAAAN0Uk5T//8A18oNQQAAAEBJREFUeNpiYAIDBkIAqowRLxhVRq4ywgCijKA5o8ooVEYw/AepMlSP0EkZNjYWZbAyZngow5eQaKOMqLIZIMAA4+ID9MPe1VIAAAAASUVORK5CYII=");
width: 0.8em;
height: 0.8em;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
margin-left: 0.3em;
}
.contents .px2-btn {
display: inline-block;
border-radius: 4px;
background-color: #fff;
color: #000;
border: 1px solid #e5e5e5;
padding: 0.375rem 0.75rem;
font-size: 1em;
font-weight: normal;
line-height: 1.5;
text-decoration: none;
text-align: center;
cursor: pointer;
box-sizing: border-box;
align-items: stretch;
transition: color 0.1s, background-color 0.1s;
}
.contents .px2-btn:focus, .contents .px2-btn:hover {
text-decoration: none;
font-weight: normal;
color: #333;
border-color: #333;
background-color: #f0f0f0;
}
.contents .px2-btn:focus {
color: #333;
border-color: #333;
background-color: #f0f0f0;
}
.contents .px2-btn:hover {
border-color: #333;
background-color: #f0f0f0;
}
.contents .px2-btn:active {
background-color: #e6e6e6;
color: #333;
box-shadow: inset 0 3px 15px rgba(0, 0, 0, 0.3);
}
.contents .px2-btn.px2-btn--primary {
border-color: #00a0e6;
background-color: #00a0e6;
color: #fff;
}
.contents .px2-btn.px2-btn--primary:focus, .contents .px2-btn.px2-btn--primary:hover {
border-color: #3ac4ff;
background-color: #3ac4ff;
}
.contents .px2-btn.px2-btn--primary:hover {
border-color: #3ac4ff;
background-color: #3ac4ff;
}
.contents .px2-btn.px2-btn--primary:active {
border-color: #0c6e98;
background-color: #0c6e98;
}
.contents .px2-btn.px2-btn--secondary {
border-color: #00a0e6;
background-color: #fff;
color: #00a0e6;
}
.contents .px2-btn.px2-btn--secondary:focus, .contents .px2-btn.px2-btn--secondary:hover {
border-color: #3ac4ff;
background-color: #eefaff;
color: #3ac4ff;
}
.contents .px2-btn.px2-btn--secondary:hover {
border-color: #3ac4ff;
background-color: #eefaff;
color: #3ac4ff;
}
.contents .px2-btn.px2-btn--secondary:active {
border-color: #3ac4ff;
background-color: #eefaff;
color: #3ac4ff;
}
.contents .px2-btn.px2-btn--danger {
border-color: #e86a60;
background-color: #e86a60;
color: #fff;
}
.contents .px2-btn.px2-btn--danger:focus, .contents .px2-btn.px2-btn--danger:hover {
border-color: #ff928a;
background-color: #ff928a;
}
.contents .px2-btn.px2-btn--danger:hover {
border-color: #ff928a;
background-color: #ff928a;
}
.contents .px2-btn.px2-btn--danger:active {
border-color: #d71f12;
background-color: #d71f12;
}
.contents .px2-btn.px2-btn--download {
border-color: #4ad64d;
background-color: #4ad64d;
color: #fff;
}
.contents .px2-btn.px2-btn--download:focus, .contents .px2-btn.px2-btn--download:hover {
border-color: #75ef77;
background-color: #75ef77;
}
.contents .px2-btn.px2-btn--download:hover {
border-color: #75ef77;
background-color: #75ef77;
}
.contents .px2-btn.px2-btn--download:active {
border-color: #24b827;
background-color: #24b827;
}
.contents .px2-btn[disabled] {
border-color: #ddd;
background-color: #ddd;
color: #fff;
cursor: default;
}
.contents .px2-btn[disabled]:focus, .contents .px2-btn[disabled]:hover, .contents .px2-btn[disabled]:active {
border-color: #ddd;
background-color: #ddd;
color: #fff;
cursor: default;
box-shadow: none;
}
.contents .px2-btn--toggle-on {
box-shadow: inset 0 3px 15px rgba(0, 0, 0, 0.25);
border-color: #000;
background-color: #000;
color: #fff;
}
.contents .px2-btn--toggle-on:focus, .contents .px2-btn--toggle-on:hover {
box-shadow: inset 0 3px 15px rgba(0, 0, 0, 0.25);
border-color: #666;
background-color: #666;
color: #fff;
}
.contents .px2-btn--toggle-on:active {
box-shadow: inset 0 3px 15px rgba(0, 0, 0, 0.25);
border-color: #111;
background-color: #111;
color: #ddd;
}
.contents .px2-btn--toggle-on[disabled] {
border-color: #ddd;
background-color: #ddd;
color: #fff;
cursor: default;
box-shadow: inset 0 3px 15px rgba(0, 0, 0, 0.25);
}
.contents .px2-btn--toggle-on[disabled]:focus, .contents .px2-btn--toggle-on[disabled]:hover, .contents .px2-btn--toggle-on[disabled]:active {
border-color: #ddd;
background-color: #ddd;
color: #fff;
cursor: default;
box-shadow: inset 0 3px 15px rgba(0, 0, 0, 0.25);
}
.contents .px2-btn--toggle-on.px2-btn--secondary:active {
color: #00a0e6;
}
.contents .px2-btn--toggle-on.px2-btn--secondary[disabled]:active {
color: #fff;
}
.contents .px2-btn--sm {
font-size: 0.8em;
}
.contents .px2-btn--lg {
font-size: 1.2em;
}
.contents .px2-btn--block {
display: block;
width: 100%;
}
.contents .px2-radio-switch {
position: relative;
margin-top: 1em;
margin-bottom: 1em;
padding: 0;
overflow: auto;
background-color: rgba(220, 220, 220, 0.3);
white-space: nowrap;
text-align: center;
box-sizing: border-box;
}
.contents .px2-radio-switch > ul {
padding: 10px 15px;
margin: 0;
display: inline-flex;
gap: 5px;
justify-content: flex-start;
overflow: auto;
max-width: 100%;
box-sizing: border-box;
flex-wrap: nowrap;
}
.contents .px2-radio-switch > ul > li {
list-style-type: none;
padding: 0;
margin: 0;
}
.contents .px2-radio-switch input[type=radio] {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
}
.contents .px2-radio-switch label {
display: block;
}
.contents .px2-radio-switch__btn {
display: inline-block;
border-radius: 4px;
background-color: #fff;
color: #000;
border: 1px solid #e5e5e5;
padding: 0.375rem 0.75rem;
font-size: 1em;
font-weight: normal;
line-height: 1.5;
text-decoration: none;
text-align: center;
cursor: pointer;
box-sizing: border-box;
align-items: stretch;
transition: color 0.1s, background-color 0.1s;
}
.contents .px2-radio-switch__btn:focus, .contents .px2-radio-switch__btn:hover {
text-decoration: none;
font-weight: normal;
color: #333;
border-color: #333;
background-color: #f0f0f0;
}
.contents .px2-radio-switch__btn:focus {
color: #333;
border-color: #333;
background-color: #f0f0f0;
}
.contents .px2-radio-switch__btn:hover {
border-color: #333;
background-color: #f0f0f0;
}
.contents .px2-radio-switch__btn:active {
background-color: #e6e6e6;
color: #333;
box-shadow: inset 0 3px 15px rgba(0, 0, 0, 0.3);
}
.contents input[type=radio]:checked + .px2-radio-switch__btn {
box-shadow: inset 0 3px 15px rgba(0, 0, 0, 0.25);
border-color: #000;
background-color: #000;
color: #fff;
}
.contents input[type=radio]:checked + .px2-radio-switch__btn:focus, .contents input[type=radio]:checked + .px2-radio-switch__btn:hover {
box-shadow: inset 0 3px 15px rgba(0, 0, 0, 0.25);
border-color: #666;
background-color: #666;
color: #fff;
}
.contents input[type=radio]:checked + .px2-radio-switch__btn:active {
box-shadow: inset 0 3px 15px rgba(0, 0, 0, 0.25);
border-color: #111;
background-color: #111;
color: #ddd;
}
.contents .px2-image-banner-link img {
width: 100%;
max-width: 100%;
}
.contents .px2-image-banner-link__img {
display: inline-block;
max-width: 100%;
}
.contents .px2-image-banner-link__img img, .contents .px2-image-banner-link__img a {
display: block;
}
.contents .px2-image-banner-link--width-1of1 .px2-image-banner-link__img {
width: 100%;
}
.contents .px2-image-banner-link--width-3of4 .px2-image-banner-link__img {
width: 75%;
}
.contents .px2-image-banner-link--width-2of3 .px2-image-banner-link__img {
width: 67%;
}
.contents .px2-image-banner-link--width-1of2 .px2-image-banner-link__img {
width: 50%;
}
@media (max-width: 768px) {
.contents .px2-image-banner-link--width-1of1 .px2-image-banner-link__img {
width: 100%;
}
.contents .px2-image-banner-link--width-3of4 .px2-image-banner-link__img {
width: 75%;
}
.contents .px2-image-banner-link--width-2of3 .px2-image-banner-link__img {
width: 75%;
}
.contents .px2-image-banner-link--width-1of2 .px2-image-banner-link__img {
width: 75%;
}
}
@media (max-width: 440px) {
.contents .px2-image-banner-link--width-1of1 .px2-image-banner-link__img {
width: 100%;
}
.contents .px2-image-banner-link--width-3of4 .px2-image-banner-link__img {
width: 100%;
}
.contents .px2-image-banner-link--width-2of3 .px2-image-banner-link__img {
width: 100%;
}
.contents .px2-image-banner-link--width-1of2 .px2-image-banner-link__img {
width: 100%;
}
}
.contents .px2-image-banner-link--width-180px .px2-image-banner-link__img {
width: 180px;
}
.contents .px2-image-banner-link--width-320px .px2-image-banner-link__img {
width: 320px;
}
.contents .px2-image-banner-link--width-640px .px2-image-banner-link__img {
width: 640px;
}
.contents .px2-image-banner-link__caption {
text-align: left;
}
.contents .px2-image-banner-link__caption * {
margin-top: 0;
margin-bottom: 0;
}
.contents h1, .contents .px2-h1, .contents h2, .contents .px2-h2, .contents h3, .contents .px2-h3, .contents h4, .contents .px2-h4, .contents h5, .contents .px2-h5, .contents h6, .contents .px2-h6 {
font-weight: bold;
margin-top: 2em;
margin-bottom: 0.5em;
}
.contents h1 h1, .contents h1 .px2-h1, .contents h1 h2, .contents h1 .px2-h2, .contents h1 h3, .contents h1 .px2-h3, .contents h1 h4, .contents h1 .px2-h4, .contents h1 h5, .contents h1 .px2-h5, .contents h1 h6, .contents h1 .px2-h6, .contents h1 p, .contents .px2-h1 h1, .contents .px2-h1 .px2-h1, .contents .px2-h1 h2, .contents .px2-h1 .px2-h2, .contents .px2-h1 h3, .contents .px2-h1 .px2-h3, .contents .px2-h1 h4, .contents .px2-h1 .px2-h4, .contents .px2-h1 h5, .contents .px2-h1 .px2-h5, .contents .px2-h1 h6, .contents .px2-h1 .px2-h6, .contents .px2-h1 p, .contents h2 h1, .contents h2 .px2-h1, .contents h2 h2, .contents h2 .px2-h2, .contents h2 h3, .contents h2 .px2-h3, .contents h2 h4, .contents h2 .px2-h4, .contents h2 h5, .contents h2 .px2-h5, .contents h2 h6, .contents h2 .px2-h6, .contents h2 p, .contents .px2-h2 h1, .contents .px2-h2 .px2-h1, .contents .px2-h2 h2, .contents .px2-h2 .px2-h2, .contents .px2-h2 h3, .contents .px2-h2 .px2-h3, .contents .px2-h2 h4, .contents .px2-h2 .px2-h4, .contents .px2-h2 h5, .contents .px2-h2 .px2-h5, .contents .px2-h2 h6, .contents .px2-h2 .px2-h6, .contents .px2-h2 p, .contents h3 h1, .contents h3 .px2-h1, .contents h3 h2, .contents h3 .px2-h2, .contents h3 h3, .contents h3 .px2-h3, .contents h3 h4, .contents h3 .px2-h4, .contents h3 h5, .contents h3 .px2-h5, .contents h3 h6, .contents h3 .px2-h6, .contents h3 p, .contents .px2-h3 h1, .contents .px2-h3 .px2-h1, .contents .px2-h3 h2, .contents .px2-h3 .px2-h2, .contents .px2-h3 h3, .contents .px2-h3 .px2-h3, .contents .px2-h3 h4, .contents .px2-h3 .px2-h4, .contents .px2-h3 h5, .contents .px2-h3 .px2-h5, .contents .px2-h3 h6, .contents .px2-h3 .px2-h6, .contents .px2-h3 p, .contents h4 h1, .contents h4 .px2-h1, .contents h4 h2, .contents h4 .px2-h2, .contents h4 h3, .contents h4 .px2-h3, .contents h4 h4, .contents h4 .px2-h4, .contents h4 h5, .contents h4 .px2-h5, .contents h4 h6, .contents h4 .px2-h6, .contents h4 p, .contents .px2-h4 h1, .contents .px2-h4 .px2-h1, .contents .px2-h4 h2, .contents .px2-h4 .px2-h2, .contents .px2-h4 h3, .contents .px2-h4 .px2-h3, .contents .px2-h4 h4, .contents .px2-h4 .px2-h4, .contents .px2-h4 h5, .contents .px2-h4 .px2-h5, .contents .px2-h4 h6, .contents .px2-h4 .px2-h6, .contents .px2-h4 p, .contents h5 h1, .contents h5 .px2-h1, .contents h5 h2, .contents h5 .px2-h2, .contents h5 h3, .contents h5 .px2-h3, .contents h5 h4, .contents h5 .px2-h4, .contents h5 h5, .contents h5 .px2-h5, .contents h5 h6, .contents h5 .px2-h6, .contents h5 p, .contents .px2-h5 h1, .contents .px2-h5 .px2-h1, .contents .px2-h5 h2, .contents .px2-h5 .px2-h2, .contents .px2-h5 h3, .contents .px2-h5 .px2-h3, .contents .px2-h5 h4, .contents .px2-h5 .px2-h4, .contents .px2-h5 h5, .contents .px2-h5 .px2-h5, .contents .px2-h5 h6, .contents .px2-h5 .px2-h6, .contents .px2-h5 p, .contents h6 h1, .contents h6 .px2-h1, .contents h6 h2, .contents h6 .px2-h2, .contents h6 h3, .contents h6 .px2-h3, .contents h6 h4, .contents h6 .px2-h4, .contents h6 h5, .contents h6 .px2-h5, .contents h6 h6, .contents h6 .px2-h6, .contents h6 p, .contents .px2-h6 h1, .contents .px2-h6 .px2-h1, .contents .px2-h6 h2, .contents .px2-h6 .px2-h2, .contents .px2-h6 h3, .contents .px2-h6 .px2-h3, .contents .px2-h6 h4, .contents .px2-h6 .px2-h4, .contents .px2-h6 h5, .contents .px2-h6 .px2-h5, .contents .px2-h6 h6, .contents .px2-h6 .px2-h6, .contents .px2-h6 p {
border: none;
padding: 0;
margin: 0;
}
.contents h1 small, .contents .px2-h1 small, .contents h2 small, .contents .px2-h2 small, .contents h3 small, .contents .px2-h3 small, .contents h4 small, .contents .px2-h4 small, .contents h5 small, .contents .px2-h5 small, .contents h6 small, .contents .px2-h6 small {
display: inline-block;
font-weight: normal;
color: #6c757d;
margin-left: 0.6em;
}
.contents .px2-h1 .px2-h1__shoulder, .contents .px2-h2 .px2-h2__shoulder, .contents .px2-h3 .px2-h3__shoulder, .contents .px2-h4 .px2-h4__shoulder, .contents .px2-h5 .px2-h5__shoulder, .contents .px2-h6 .px2-h6__shoulder {
float: right;
margin-left: 1em;
text-align: left;
}
.contents .px2-h1 .px2-h1__shoulder ul, .contents .px2-h1 .px2-h1__shoulder p, .contents .px2-h2 .px2-h2__shoulder ul, .contents .px2-h2 .px2-h2__shoulder p, .contents .px2-h3 .px2-h3__shoulder ul, .contents .px2-h3 .px2-h3__shoulder p, .contents .px2-h4 .px2-h4__shoulder ul, .contents .px2-h4 .px2-h4__shoulder p, .contents .px2-h5 .px2-h5__shoulder ul, .contents .px2-h5 .px2-h5__shoulder p, .contents .px2-h6 .px2-h6__shoulder ul, .contents .px2-h6 .px2-h6__shoulder p {
margin: 0;
}
.contents .px2-h1 .px2-h1__shoulder::after, .contents .px2-h2 .px2-h2__shoulder::after, .contents .px2-h3 .px2-h3__shoulder::after, .contents .px2-h4 .px2-h4__shoulder::after, .contents .px2-h5 .px2-h5__shoulder::after, .contents .px2-h6 .px2-h6__shoulder::after {
content: "";
display: block;
clear: both;
height: 0;
}
.contents .px2-image img {
width: 100%;
max-width: 100%;
}
.contents .px2-image__img {
display: inline-block;
}
.contents .px2-image__img img, .contents .px2-image__img a {
display: block;
}
.contents .px2-image .px2-image--framed > img, .contents .px2-image--framed .px2-image__img {
box-sizing: border-box;
padding: 8px;
background-color: #f9f9f9;
}
.contents .px2-image--width-1of1 .px2-image__img {
width: 100%;
}
.contents .px2-image--width-3of4 .px2-image__img {
width: 75%;
}
.contents .px2-image--width-2of3 .px2-image__img {
width: 67%;
}
.contents .px2-image--width-1of2 .px2-image__img {
width: 50%;
}
.contents .px2-image--width-1of1 > img {
width: 100%;
}
.contents .px2-image--width-3of4 > img {
width: 75%;
}
.contents .px2-image--width-2of3 > img {
width: 67%;
}
.contents .px2-image--width-1of2 > img {
width: 50%;
}
.contents .px2-image__caption {
text-align: left;
}
.contents .px2-image__caption * {
margin-top: 0;
margin-bottom: 0;
}
.contents .px2-image--imagescope img {
cursor: pointer;
}
.contents .px2-image-scope {
display: flex;
justify-content: center;
width: 100%;
height: 100%;
box-sizing: border-box;
}
.contents .px2-image-scope__inner {
position: relative;
width: 100%;
margin: auto;
box-sizing: border-box;
padding: 20px 0;
}
.contents .px2-image-scope__img {
object-fit: contain;
max-height: calc(100vh - 50px - 30px);
}
.contents .px2-image-scope__img img {
object-fit: contain;
width: 100%;
height: 100%;
}
.contents .px2-image-scope img {
width: 100%;
max-width: 100%;
cursor: default !important;
}
.contents table.px2-table {
border: none;
border-collapse: collapse;
margin: 0;
text-align: left;
border: 1px solid #dee2e6;
}
.contents table.px2-table th, .contents table.px2-table td {
border: 1px solid #dee2e6;
padding: 0.6em 1em;
word-wrap: break-word;
}
.contents table.px2-table--left {
margin: 0 auto 0 0;
}
.contents table.px2-table--center {
margin: 0 auto 0 auto;
}
.contents table.px2-table--right {
margin: 0 0 0 auto;
}
.contents table.px2-table--dl {
width: 100%;
table-layout: fixed;
}
.contents table.px2-table--dl th {
width: 30%;
}
.contents table.px2-table--dl td {
width: 70%;
}
@media (max-width: 544px) {
.contents table.px2-table--dl {
display: block;
box-sizing: border-box;
border-bottom: none;
}
.contents table.px2-table--dl tbody, .contents table.px2-table--dl thead, .contents table.px2-table--dl tr, .contents table.px2-table--dl th, .contents table.px2-table--dl td {
display: block;
box-sizing: border-box;
width: 100%;
}
}
.contents .px2-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0rem;
margin: 0 -0.5rem 0 -0.5rem;
box-sizing: border-box;
}
.contents .px2-grid__col-1of1 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(100% - 1rem);
}
.contents .px2-grid__col-1of2 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(50% - 1rem);
}
.contents .px2-grid__col-1of3 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(33.33% - 1rem);
}
.contents .px2-grid__col-2of3 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(66.66% - 1rem);
}
.contents .px2-grid__col-1of4 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(25% - 1rem);
}
.contents .px2-grid__col-3of4 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(75% - 1rem);
}
.contents .px2-grid__col-1of5 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(20% - 1rem);
}
.contents .px2-grid__col-2of5 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(40% - 1rem);
}
.contents .px2-grid__col-3of5 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(60% - 1rem);
}
.contents .px2-grid__col-4of5 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(80% - 1rem);
}
.contents .px2-grid__col-1of6 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(16.66% - 1rem);
}
.contents .px2-grid__col-5of6 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(83.33% - 1rem);
}
@media (max-width: 768px) {
.contents .px2-grid__col-1of5, .contents .px2-grid__col-2of5, .contents .px2-grid__col-3of5, .contents .px2-grid__col-4of5, .contents .px2-grid__col-1of6, .contents .px2-grid__col-5of6 {
width: calc(33.33% - 1rem);
}
}
@media (max-width: 660px) {
.contents .px2-grid__col-1of4, .contents .px2-grid__col-3of4, .contents .px2-grid__col-1of5, .contents .px2-grid__col-2of5, .contents .px2-grid__col-3of5, .contents .px2-grid__col-4of5, .contents .px2-grid__col-1of6, .contents .px2-grid__col-5of6 {
width: calc(50% - 1rem);
}
}
@media (max-width: 544px) {
.contents .px2-grid__col-1of3, .contents .px2-grid__col-2of3, .contents .px2-grid__col-1of4, .contents .px2-grid__col-3of4, .contents .px2-grid__col-1of5, .contents .px2-grid__col-2of5, .contents .px2-grid__col-3of5, .contents .px2-grid__col-4of5, .contents .px2-grid__col-1of6, .contents .px2-grid__col-5of6 {
width: calc(50% - 1rem);
}
}
@media (max-width: 440px) {
.contents .px2-grid__col-1of2, .contents .px2-grid__col-1of3, .contents .px2-grid__col-2of3, .contents .px2-grid__col-1of4, .contents .px2-grid__col-3of4, .contents .px2-grid__col-1of5, .contents .px2-grid__col-2of5, .contents .px2-grid__col-3of5, .contents .px2-grid__col-4of5, .contents .px2-grid__col-1of6, .contents .px2-grid__col-5of6 {
width: calc(100% - 1rem);
}
}
@media (min-width: 993px) {
.contents .px2-grid__col-lg-1of1 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(100% - 1rem);
}
.contents .px2-grid__col-lg-1of2 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(50% - 1rem);
}
.contents .px2-grid__col-lg-1of3 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(33.33% - 1rem);
}
.contents .px2-grid__col-lg-2of3 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(66.66% - 1rem);
}
.contents .px2-grid__col-lg-1of4 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(25% - 1rem);
}
.contents .px2-grid__col-lg-3of4 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(75% - 1rem);
}
.contents .px2-grid__col-lg-1of5 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(20% - 1rem);
}
.contents .px2-grid__col-lg-2of5 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(40% - 1rem);
}
.contents .px2-grid__col-lg-3of5 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(60% - 1rem);
}
.contents .px2-grid__col-lg-4of5 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(80% - 1rem);
}
.contents .px2-grid__col-lg-1of6 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(16.66% - 1rem);
}
.contents .px2-grid__col-lg-5of6 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(83.33% - 1rem);
}
}
@media (min-width: 769px) and (max-width: 992px) {
.contents .px2-grid__col-md-1of1 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(100% - 1rem);
}
.contents .px2-grid__col-md-1of2 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(50% - 1rem);
}
.contents .px2-grid__col-md-1of3 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(33.33% - 1rem);
}
.contents .px2-grid__col-md-2of3 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(66.66% - 1rem);
}
.contents .px2-grid__col-md-1of4 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(25% - 1rem);
}
.contents .px2-grid__col-md-3of4 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(75% - 1rem);
}
.contents .px2-grid__col-md-1of5 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(20% - 1rem);
}
.contents .px2-grid__col-md-2of5 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(40% - 1rem);
}
.contents .px2-grid__col-md-3of5 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(60% - 1rem);
}
.contents .px2-grid__col-md-4of5 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(80% - 1rem);
}
.contents .px2-grid__col-md-1of6 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(16.66% - 1rem);
}
.contents .px2-grid__col-md-5of6 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(83.33% - 1rem);
}
}
@media (max-width: 768px) {
.contents .px2-grid__col-sm-1of1 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(100% - 1rem);
}
.contents .px2-grid__col-sm-1of2 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(50% - 1rem);
}
.contents .px2-grid__col-sm-1of3 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(33.33% - 1rem);
}
.contents .px2-grid__col-sm-2of3 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(66.66% - 1rem);
}
.contents .px2-grid__col-sm-1of4 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(25% - 1rem);
}
.contents .px2-grid__col-sm-3of4 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(75% - 1rem);
}
.contents .px2-grid__col-sm-1of5 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(20% - 1rem);
}
.contents .px2-grid__col-sm-2of5 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(40% - 1rem);
}
.contents .px2-grid__col-sm-3of5 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(60% - 1rem);
}
.contents .px2-grid__col-sm-4of5 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(80% - 1rem);
}
.contents .px2-grid__col-sm-1of6 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(16.66% - 1rem);
}
.contents .px2-grid__col-sm-5of6 {
margin: 0 0.5rem 0 0.5rem;
box-sizing: border-box;
width: calc(83.33% - 1rem);
}
}
@keyframes px2-accordion__content--show-hide {
0% {
transform: scaleY(1) translateY(-5px);
opacity: 0;
}
100% {
transform: scaleY(1) translateY(0);
opacity: 1;
}
}
.contents .px2-accordion {
margin-top: 1em;
margin-bottom: 1em;
}
.contents .px2-accordion > .px2-accordion__unit {
border-top: 1px solid #dee2e6;
border-left: 1px solid #dee2e6;
border-right: 1px solid #dee2e6;
}
.contents .px2-accordion > .px2-accordion__unit:last-child {
border-bottom: 1px solid #dee2e6;
}
.contents .px2-accordion > .px2-accordion__unit::after {
content: " ";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}
.contents .px2-accordion > .px2-accordion__unit > .px2-accordion__label {
text-align: left;
}
.contents .px2-accordion > .px2-accordion__unit > .px2-accordion__label a {
display: block;
padding: 0.3em 1em;
background-color: #f9f9f9;
}
.contents .px2-accordion > .px2-accordion__unit > .px2-accordion__label a::before {
content: "";
display: inline-block;
border-right: 3px solid #a6acb3;
border-bottom: 3px solid #a6acb3;
width: 0.5em;
height: 0.5em;
text-decoration: none;
margin-right: 1em;
transition: transform 0.1s ease-in;
transform: rotate(-45deg);
}
.contents .px2-accordion > .px2-accordion__unit > .px2-accordion__content {
margin: 1rem;
display: none;
}
.contents .px2-accordion > .px2-accordion--active > .px2-accordion__content {
display: block;
animation: px2-accordion__content--show-hide 0.3s ease 0s 1 normal none running;
}
.contents .px2-accordion > .px2-accordion--active > .px2-accordion__label a::before {
transform: rotate(45deg) translate(-0.1em, -0.1em);
}
.contents .px2-carousel {
margin-top: 1em;
margin-bottom: 1em;
}
.contents .px2-carousel__contents {
display: flex;
align-items: stretch;
overflow: hidden;
}
.contents .px2-carousel__contents img {
line-height: 1;
vertical-align: bottom;
width: 100%;
line-height: 1;
}
.contents .px2-carousel__contents > * {
width: 100%;
vertical-align: middle;
}
.contents .px2-carousel__contents *[data-broccoli-is-appender] {
width: 10%;
max-height: 100%;
overflow: hidden;
word-wrap: normal;
white-space: normal !important;
}
.contents .px2-carousel .tns-outer {
position: relative;
}
.contents .px2-carousel .tns-inner {
position: relative;
}
.contents .px2-carousel .tns-nav {
text-align: center;
font-size: 7px;
line-height: 1;
padding: 1em 0;
position: absolute;
width: 100%;
bottom: 0;
z-index: 3;
}
.contents .px2-carousel .tns-nav > button {
width: 27px;
height: 7px;
font-size: 7px;
line-height: 1;
margin: 0 5px;
padding: 0;
border: 0;
border-radius: 5px;
background: #eee;
}
.contents .px2-carousel .tns-nav > button.tns-nav-active {
background: #666;
}
.contents .px2-carousel .tns-controls {
outline: none;
}
.contents .px2-carousel .tns-controls button[data-controls="prev"], .contents .px2-carousel .tns-controls button[data-controls="next"] {
position: absolute;
z-index: 2;
top: 0;
width: 20%;
height: 100%;
padding: 1em;
border: none;
outline: none;
opacity: 0.6;
background: rgba(255, 255, 255, 0);
color: #999;
font-size: 24px;
line-height: 1;
text-align: center;
}
.contents .px2-carousel .tns-controls button[data-controls="prev"]::before, .contents .px2-carousel .tns-controls button[data-controls="next"]::before {
content: "";
display: inline-block;
width: 1em;
height: 1em;
border-right: 3px solid #a6acb3;
border-bottom: 3px solid #a6acb3;
transition: transform 0.1s ease-in;
}
.contents .px2-carousel .tns-controls button[data-controls="prev"]:hover, .contents .px2-carousel .tns-controls button[data-controls="next"]:hover {
opacity: 0.9;
background: rgba(255, 255, 255, 0.4);
}
.contents .px2-carousel .tns-controls button[data-controls="prev"] {
left: 0;
}
.contents .px2-carousel .tns-controls button[data-controls="prev"]::before {
transform: rotate(135deg);
}
.contents .px2-carousel .tns-controls button[data-controls="next"] {
right: 0;
}
.contents .px2-carousel .tns-controls button[data-controls="next"]::before {
transform: rotate(-45deg);
}
.contents .tns-outer {
padding: 0 !important;
}
.contents .tns-outer [hidden] {
display: none !important;
}
.contents .tns-outer [aria-controls], .contents .tns-outer [data-action] {
cursor: pointer;
}
.contents .tns-slider {
-webkit-transition: all 0s;
-moz-transition: all 0s;
transition: all 0s;
}
.contents .tns-slider > .tns-item {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.contents .tns-horizontal.tns-subpixel {
white-space: nowrap;
}
.contents .tns-horizontal.tns-subpixel > .tns-item {
display: inline-block;
vertical-align: top;
white-space: normal;
}
.contents .tns-horizontal.tns-no-subpixel:after {
content: "";
display: table;
clear: both;
}
.contents .tns-horizontal.tns-no-subpixel > .tns-item {
float: left;
}
.contents .tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
margin-right: -100%;
}
.contents .tns-no-calc {
position: relative;
left: 0;
}
.contents .tns-gallery {
position: relative;
left: 0;
min-height: 1px;
}
.contents .tns-gallery > .tns-item {
position: absolute;
left: -100%;
-webkit-transition: transform 0s, opacity 0s;
-moz-transition: transform 0s, opacity 0s;
transition: transform 0s, opacity 0s;
}
.contents .tns-gallery > .tns-slide-active {
position: relative;
left: auto !important;
}
.contents .tns-gallery > .tns-moving {
-webkit-transition: all 0.25s;
-moz-transition: all 0.25s;
transition: all 0.25s;
}
.contents .tns-autowidth {
display: inline-block;
}
.contents .tns-lazy-img {
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
transition: opacity 0.6s;
opacity: 0.6;
}
.contents .tns-lazy-img.tns-complete {
opacity: 1;
}
.contents .tns-ah {
-webkit-transition: height 0s;
-moz-transition: height 0s;
transition: height 0s;
}
.contents .tns-ovh {
overflow: hidden;
}
.contents .tns-visually-hidden {
position: absolute;
left: -10000em;
}
.contents .tns-transparent {
opacity: 0;
visibility: hidden;
}
.contents .tns-fadeIn {
opacity: 1;
filter: alpha(opacity=100);
z-index: 0;
}
.contents .tns-normal, .contents .tns-fadeOut {
opacity: 0;
filter: alpha(opacity=0);
z-index: -1;
}
.contents .tns-vpfix {
white-space: nowrap;
}
.contents .tns-vpfix > div, .contents .tns-vpfix > li {
display: inline-block;
}
.contents .tns-t-subp2 {
margin: 0 auto;
width: 310px;
position: relative;
height: 10px;
overflow: hidden;
}
.contents .tns-t-ct {
width: 2333.3333333%;
width: -webkit-calc(100% * 70 / 3);
width: -moz-calc(100% * 70 / 3);
width: calc(100% * 70 / 3);
position: absolute;
right: 0;
}
.contents .tns-t-ct:after {
content: "";
display: table;
clear: both;
}
.contents .tns-t-ct > div {
width: 1.4285714%;
width: -webkit-calc(100% / 70);
width: -moz-calc(100% / 70);
width: calc(100% / 70);
height: 10px;
float: left;
}
.contents .px2-tabs {
margin-top: 1em;
margin-bottom: 1em;
display: flex;
flex-direction: column;
}
.contents .px2-tabs__tabs {
text-align: left;
overflow: auto;
box-sizing: border-box;
flex-grow: 1;
flex-shrink: 0;
}
.contents .px2-tabs__tabs > ul {
display: flex;
flex-wrap: nowrap;
gap: 2px;
border-bottom: 1px solid #dee2e6;
margin: 0 0 0 0 !important;
padding: 5px 5px 0px 5px;
box-sizing: border-box;
width: 100%;
min-width: fit-content;
}
.contents .px2-tabs__tabs > ul > li {
list-style-type: none;
display: block;
margin: 0;
padding: 0;
width: auto;
height: 100%;
box-sizing: border-box;
white-space: nowrap;
box-sizing: border-box;
transform: translate(0px, 1px);
}
.contents .px2-tabs__tabs > ul > li > a {
display: block;
width: auto;
height: 100%;
border: 1px solid transparent;
border-top-left-radius: 0.3em;
border-top-right-radius: 0.3em;
padding: 0.5em 1em;
box-sizing: border-box;
}
.contents .px2-tabs__tabs > ul > li > a:hover {
border-color: #dee2e6;
background-color: #f5faff;
}
.contents .px2-tabs__tabs > ul > li > a.px2-tabs--active {
color: #666;
text-decoration: none;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff;
}
.contents .px2-tabs__tabs > ul > li > a.px2-tabs--active:hover {
border-bottom-color: #fff;
}
.contents .px2-tabs__contents {
border: 1px solid #dee2e6;
border-top: none;
padding: 0 15px;
flex-grow: 1000;
display: flex;
flex-direction: column;
}
.contents .px2-tabs__content {
display: none;
}
.contents .px2-tabs__content.px2-tabs--active {
display: block;
}
.contents .px2-tabs--allow-tabs-wrap .px2-tabs__tabs ul {
flex-wrap: wrap;
}
.contents .px2-changelog {
margin-top: 3em;
margin-bottom: 3em;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 1rem 0;
}
.contents .px2-changelog__header {
margin-bottom: 0.5em;
}
.contents .px2-changelog__row {
display: flex;
margin-bottom: 0.5em;
}
.contents .px2-changelog__date {
font-weight: bold;
padding-right: 1em;
width: 10em;
min-width: 10em;
max-width: 10em;
}
.contents .px2-changelog__contents {
width: 100%;
box-sizing: border-box;
}
@media (max-width: 544px) {
.contents .px2-changelog__row {
display: block;
}
.contents .px2-changelog__date {
width: auto;
min-width: 0;
max-width: auto;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.contents .px2-changelog__contents {
margin-top: 0.5em;
margin-bottom: 0.5em;
padding-left: 1em;
}
}
.contents .px2-index-list {
margin: 2em 5%;
border: 1px solid #bbb6;
padding: 1em;
background: rgba(124, 124, 124, 0.05);
border-radius: 5px;
}
.contents .px2-index-list__title {
margin: 0;
padding: 0;
text-align: center;
font-weight: bold;
}
.contents .px2-index-list ul {
margin: 0;
padding: 0 0 0 2em;
}
.contents .px2-index-list ul li {
display: list-item;
list-style-type: disc;
}
.contents .px2-linklist {
padding: 0;
margin: 1em 0;
position: relative;
}
.contents .px2-linklist ul {
padding: 0;
margin: 0;
border: 1px solid #e5e5e5;
overflow: hidden;
}
.contents .px2-linklist ul li {
list-style-type: none;
border-top: 1px solid #e5e5e5;
padding: 0;
margin: 0;
}
.contents .px2-linklist ul li:first-child {
border-top: none;
}
.contents .px2-linklist ul li > a {
display: block;
position: relative;
padding: 20px 45px 20px 30px;
}
.contents .px2-linklist ul li > a::before {
content: none;
}
.contents .px2-linklist ul li > a::after {
content: "";
width: 14px;
height: 14px;
display: inline-block;
border-top: 1px solid #000;
border-right: 1px solid #000;
border-bottom: none;
border-left: none;
position: absolute;
right: 20px;
top: calc(50% - 8px);
transform: rotate(45deg);
}
.contents .px2-linklist ul li > span {
display: block;
padding: 20px 30px;
}
.contents .px2-linklist ul li ul {
border: none;
border-radius: 0px;
overflow: auto;
box-shadow: none;
}
.contents .px2-linklist ul li ul li, .contents .px2-linklist ul li ul li:first-child {
border-top: 1px dashed #e5e5e5;
}
.contents .px2-linklist ul li ul li > a, .contents .px2-linklist ul li ul li > span {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 55px;
}
.contents .px2-linklist ul li ul li > a::after, .contents .px2-linklist ul li ul li > span::after {
content: "";
width: 14px;
height: 14px;
display: inline-block;
border-top: 1.4px solid #000;
border-right: 1.4px solid #000;
border-bottom: none;
border-left: none;
position: absolute;
right: 20px;
top: calc(50% - 8px);
transform: rotate(45deg);
}
.contents .px2-linklist ul li ul ul li > a, .contents .px2-linklist ul li ul ul li > span {
padding-left: 70px;
}
.contents .px2-linklist ul li ul ul ul li > a, .contents .px2-linklist ul li ul ul ul li > span {
padding-left: 85px;
}
.contents .px2-linklist ul li ul ul ul ul li > a, .contents .px2-linklist ul li ul ul ul ul li > span {
padding-left: 100px;
}
.contents .px2-linklist ul li ul li > a, .contents .px2-linklist ul li ul li > span, .contents .px2-linklist ul li ul ul ul li > a, .contents .px2-linklist ul li ul ul ul li > span, .contents .px2-linklist ul li ul ul ul ul li > a, .contents .px2-linklist ul li ul ul ul ul li > span {
padding-top: 10px;
padding-bottom: 10px;
}
.contents .px2-linklist ul li ul li > a::after, .contents .px2-linklist ul li ul li > span::after, .contents .px2-linklist ul li ul ul ul li > a::after, .contents .px2-linklist ul li ul ul ul li > span::after, .contents .px2-linklist ul li ul ul ul ul li > a::after, .contents .px2-linklist ul li ul ul ul ul li > span::after {
content: "";
width: 10px;
height: 10px;
border-top: 0.5px solid #0006;
border-right: 0.5px solid #0006;
top: calc(50% - 5px);
}
.contents .px2-linklist__description {
text-decoration: none;
}
.contents a .px2-linklist__description {
text-decoration: none;
}
.contents .px2-linklist ul.px2-linklist__vertical {
display: flex;
flex-wrap: wrap;
flex-direction: column;
margin-top: 0.2em;
margin-bottom: 0.2em;
padding-left: 0;
}
.contents .px2-linklist ul.px2-linklist__vertical > ul > li, .contents .px2-linklist ul.px2-linklist__vertical > li {
list-style-type: none;
padding-left: 0;
}
.contents .px2-linklist ul.px2-linklist__horizontal {
display: flex;
gap: 10px;
flex-wrap: wrap;
margin-top: 1em;
margin-bottom: 1em;
padding-left: 0;
border: none;
box-shadow: none;
}
.contents .px2-linklist ul.px2-linklist__horizontal li > a::before, .contents .px2-linklist ul.px2-linklist__horizontal li > a::after {
content: none;
}
.contents .px2-linklist ul.px2-linklist__horizontal > ul > li, .contents .px2-linklist ul.px2-linklist__horizontal > li {
list-style-type: none;
border-top: none;
}
.contents .px2-linklist ul.px2-linklist__horizontal > ul > li:first-child, .contents .px2-linklist ul.px2-linklist__horizontal > li:first-child {
margin-left: 0;
}
.contents .px2-linklist ul.px2-linklist__horizontal > ul > li:last-child, .contents .px2-linklist ul.px2-linklist__horizontal > li:last-child {
margin-right: 0;
}
.contents .px2-linklist ul.px2-linklist__horizontal--left {
justify-content: flex-start;
}
.contents .px2-linklist ul.px2-linklist__horizontal--center {
justify-content: center;
}
.contents .px2-linklist ul.px2-linklist__horizontal--right {
justify-content: flex-end;
}
.contents .px2-linklist ul.px2-linklist__horizontal--left a, .contents .px2-linklist ul.px2-linklist__horizontal--center a, .contents .px2-linklist ul.px2-linklist__horizontal--right a {
padding: 0.4em 1em;
}
.contents h1 .px2-linklist, .contents .px2-h1 .px2-linklist, .contents h2 .px2-linklist, .contents .px2-h2 .px2-linklist, .contents h3 .px2-linklist, .contents .px2-h3 .px2-linklist, .contents h4 .px2-linklist, .contents .px2-h4 .px2-linklist, .contents h5 .px2-linklist, .contents .px2-h5 .px2-linklist, .contents h6 .px2-linklist, .contents .px2-h6 .px2-linklist {
padding: 0;
margin: 0;
}
.contents h1 .px2-linklist > ul, .contents .px2-h1 .px2-linklist > ul, .contents h2 .px2-linklist > ul, .contents .px2-h2 .px2-linklist > ul, .contents h3 .px2-linklist > ul, .contents .px2-h3 .px2-linklist > ul, .contents h4 .px2-linklist > ul, .contents .px2-h4 .px2-linklist > ul, .contents h5 .px2-linklist > ul, .contents .px2-h5 .px2-linklist > ul, .contents h6 .px2-linklist > ul, .contents .px2-h6 .px2-linklist > ul {
padding: 0;
margin: 0;
border-bottom: none;
}
.contents h1 .px2-linklist > ul > li, .contents .px2-h1 .px2-linklist > ul > li, .contents h2 .px2-linklist > ul > li, .contents .px2-h2 .px2-linklist > ul > li, .contents h3 .px2-linklist > ul > li, .contents .px2-h3 .px2-linklist > ul > li, .contents h4 .px2-linklist > ul > li, .contents .px2-h4 .px2-linklist > ul > li, .contents h5 .px2-linklist > ul > li, .contents .px2-h5 .px2-linklist > ul > li, .contents h6 .px2-linklist > ul > li, .contents .px2-h6 .px2-linklist > ul > li {
padding: 0;
margin: 0;
border-top: none;
}
.contents h1 .px2-linklist > ul > li a, .contents .px2-h1 .px2-linklist > ul > li a, .contents h2 .px2-linklist > ul > li a, .contents .px2-h2 .px2-linklist > ul > li a, .contents h3 .px2-linklist > ul > li a, .contents .px2-h3 .px2-linklist > ul > li a, .contents h4 .px2-linklist > ul > li a, .contents .px2-h4 .px2-linklist > ul > li a, .contents h5 .px2-linklist > ul > li a, .contents .px2-h5 .px2-linklist > ul > li a, .contents h6 .px2-linklist > ul > li a, .contents .px2-h6 .px2-linklist > ul > li a {
padding: 0.1em 0.5em;
}
.contents .px2-linklist ul.px2-horizontal-list {
border: none;
gap: 10px;
box-shadow: none;
}
.contents .px2-linklist ul.px2-horizontal-list > li {
list-style-type: none;
border: none;
}
.contents .px2-linklist ul.px2-horizontal-list > li > a::before, .contents .px2-linklist ul.px2-horizontal-list > li > a::after {
content: none;
}
.contents .px2-medialist {
padding: 0;
margin: 1em -15px;
word-wrap: break-word;
}
.contents .px2-medialist > ul {
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
.contents .px2-medialist > ul > li {
list-style-type: none;
padding: 0;
margin: 0;
box-sizing: border-box;
width: 100%;
display: flex;
align-items: stretch;
}
.contents .px2-medialist > ul > li > a {
display: flex;
align-items: stretch;
}
.contents .px2-medialist__list-item {
padding: 1em 15px;
display: flex;
width: 100%;
box-sizing: border-box;
}
.contents .px2-medialist__image {
width: 30%;
margin-right: 5%;
}
.contents .px2-medialist__image img {
width: 100%;
}
.contents .px2-medialist__body {
width: 65%;
}
.contents .px2-medialist__label {
font-weight: bold;
}
.contents .px2-medialist__description {
font-weight: normal;
}
.contents .px2-medialist--list-style-card .px2-medialist__list-item {
flex-direction: column;
border: 1px solid #ddd;
margin: 10px auto;
width: calc(100% - 20px);
}
.contents .px2-medialist--list-style-card .px2-medialist__image {
width: 100%;
margin-right: 0;
}
.contents .px2-medialist--list-style-card .px2-medialist__body {
width: 100%;
}
.contents .px2-medialist--list-item-width-1of1 > ul > li {
width: 100%;
}
.contents .px2-medialist--list-item-width-1of2 > ul > li {
width: 50%;
}
.contents .px2-medialist--list-item-width-1of3 > ul > li {
width: 33.33%;
}
.contents .px2-medialist--list-item-width-1of4 > ul > li {
width: 25%;
}
.contents .px2-medialist--list-item-width-1of5 > ul > li {
width: 20%;
}
.contents .px2-medialist--list-item-width-1of6 > ul > li {
width: 16.66%;
}
@media (max-width: 768px) {
.contents .px2-medialist--list-item-width-1of3 > ul > li {
width: 50%;
}
.contents .px2-medialist--list-item-width-1of4 > ul > li {
width: 33.33%;
}
.contents .px2-medialist--list-item-width-1of5 > ul > li {
width: 25%;
}
.contents .px2-medialist--list-item-width-1of6 > ul > li {
width: 25%;
}
}
@media (max-width: 440px) {
.contents .px2-medialist--list-item-width-1of2 > ul > li {
width: 100%;
}
.contents .px2-medialist--list-item-width-1of3 > ul > li {
width: 100%;
}
.contents .px2-medialist--list-item-width-1of4 > ul > li {
width: 100%;
}
.contents .px2-medialist--list-item-width-1of5 > ul > li {
width: 50%;
}
.contents .px2-medialist--list-item-width-1of6 > ul > li {
width: 50%;
}
}
@media (min-width: 993px) {
.contents .px2-medialist--list-item-width-lg-1of1 > ul > li {
width: 100%;
}
.contents .px2-medialist--list-item-width-lg-1of2 > ul > li {
width: 50%;
}
.contents .px2-medialist--list-item-width-lg-1of3 > ul > li {
width: 33.33%;
}
.contents .px2-medialist--list-item-width-lg-1of4 > ul > li {
width: 25%;
}
.contents .px2-medialist--list-item-width-lg-1of5 > ul > li {
width: 20%;
}
.contents .px2-medialist--list-item-width-lg-1of6 > ul > li {
width: 16.66%;
}
}
@media (min-width: 769px) and (max-width: 992px) {
.contents .px2-medialist--list-item-width-md-1of1 > ul > li {
width: 100%;
}
.contents .px2-medialist--list-item-width-md-1of2 > ul > li {
width: 50%;
}
.contents .px2-medialist--list-item-width-md-1of3 > ul > li {
width: 33.33%;
}
.contents .px2-medialist--list-item-width-md-1of4 > ul > li {
width: 25%;
}
.contents .px2-medialist--list-item-width-md-1of5 > ul > li {
width: 20%;
}
.contents .px2-medialist--list-item-width-md-1of6 > ul > li {
width: 16.66%;
}
}
@media (max-width: 768px) {
.contents .px2-medialist--list-item-width-sm-1of1 > ul > li {
width: 100%;
}
.contents .px2-medialist--list-item-width-sm-1of2 > ul > li {
width: 50%;
}
.contents .px2-medialist--list-item-width-sm-1of3 > ul > li {
width: 33.33%;
}
.contents .px2-medialist--list-item-width-sm-1of4 > ul > li {
width: 25%;
}
.contents .px2-medialist--list-item-width-sm-1of5 > ul > li {
width: 20%;
}
.contents .px2-medialist--list-item-width-sm-1of6 > ul > li {
width: 16.66%;
}
}
.contents .px2-vertical-list, .contents .px2-vertical-list > ul {
display: flex;
flex-wrap: wrap;
flex-direction: column;
margin-top: 0.2em;
margin-bottom: 0.2em;
padding-left: 0;
}
.contents .px2-vertical-list > ul > li, .contents .px2-vertical-list > li, .contents .px2-vertical-list > ul > ul > li {
list-style-type: none;
padding-left: 0;
}
.contents .px2-horizontal-list, .contents .px2-horizontal-list > ul {
display: flex;
flex-wrap: wrap;
margin-top: 1em;
margin-bottom: 1em;
padding-left: 0;
}
.contents .px2-horizontal-list > ul > li, .contents .px2-horizontal-list > li, .contents .px2-horizontal-list > ul > ul > li {
list-style-type: none;
padding-left: 0;
padding-right: 1em;
margin: 0 2px;
}
.contents .px2-horizontal-list--left {
justify-content: flex-start;
}
.contents .px2-horizontal-list--center {
justify-content: center;
}
.contents .px2-horizontal-list--right {
justify-content: flex-end;
}
.contents .px2-note-list, .contents .px2-note-list > ul {
margin-top: 1em;
margin-bottom: 1em;
padding-left: 1.5em;
}
.contents .px2-note-list > ul > li, .contents .px2-note-list > li, .contents .px2-note-list > ul > ul > li {
list-style-type: none;
color: #999;
font-size: 86%;
position: relative;
}
.contents .px2-note-list > ul > li::before, .contents .px2-note-list > li::before, .contents .px2-note-list > ul > ul > li::before {
content: "※";
position: absolute;
left: -1.5em;
}
.contents .px2-float-media {
margin-top: 1em;
margin-bottom: 1em;
clear: both;
}
.contents .px2-float-media::after {
content: " ";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}
.contents .px2-float-media__r1of1 {
float: right;
width: 100%;
margin-bottom: 20px;
}
.contents .px2-float-media__c1of1 {
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
.contents .px2-float-media__l1of1 {
float: left;
width: 100%;
margin-bottom: 20px;
}
.contents .px2-float-media__r2of3 {
float: right;
width: 66%;
margin-left: 20px;
margin-bottom: 20px;
}
.contents .px2-float-media__c2of3 {
float: none;
width: 66%;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
.contents .px2-float-media__l2of3 {
float: left;
width: 66%;
margin-right: 20px;
margin-bottom: 20px;
}
.contents .px2-float-media__r1of2 {
float: right;
width: 50%;
margin-left: 20px;
margin-bottom: 20px;
}
.contents .px2-float-media__c1of2 {
float: none;
width: 50%;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
.contents .px2-float-media__l1of2 {
float: left;
width: 50%;
margin-right: 20px;
margin-bottom: 20px;
}
.contents .px2-float-media__r1of3 {
float: right;
width: 33%;
margin-left: 20px;
margin-bottom: 20px;
}
.contents .px2-float-media__c1of3 {
float: none;
width: 33%;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
.contents .px2-float-media__l1of3 {
float: left;
width: 33%;
margin-right: 20px;
margin-bottom: 20px;
}
.contents .px2-float-media__r1of4 {
float: right;
width: 25%;
margin-left: 20px;
margin-bottom: 20px;
}
.contents .px2-float-media__c1of4 {
float: none;
width: 25%;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
.contents .px2-float-media__l1of4 {
float: left;
width: 25%;
margin-right: 20px;
margin-bottom: 20px;
}
.contents .px2-float-media__heading-l1of1 {
float: right;
width: 100%;
}
.contents .px2-float-media__heading-l2of3 {
float: right;
width: calc(33% - 20px);
}
.contents .px2-float-media__heading-l1of2 {
float: right;
width: calc(50% - 20px);
}
.contents .px2-float-media__heading-l1of3 {
float: right;
width: calc(67% - 20px);
}
.contents .px2-float-media__heading-l1of4 {
float: right;
width: calc(75% - 20px);
}
.contents .px2-float-media__heading-c1of1, .contents .px2-float-media__heading-c2of3, .contents .px2-float-media__heading-c1of2, .contents .px2-float-media__heading-c1of3, .contents .px2-float-media__heading-c1of4 {
float: none;
clear: both;
}
.contents .px2-float-media__heading-r1of1 {
float: left;
width: 100%;
}
.contents .px2-float-media__heading-r2of3 {
float: left;
width: calc(33% - 20px);
}
.contents .px2-float-media__heading-r1of2 {
float: left;
width: calc(50% - 20px);
}
.contents .px2-float-media__heading-r1of3 {
float: left;
width: calc(67% - 20px);
}
.contents .px2-float-media__heading-r1of4 {
float: left;
width: calc(75% - 20px);
}
.contents .px2-float-media__l1of1 img, .contents .px2-float-media__l2of3 img, .contents .px2-float-media__l1of2 img, .contents .px2-float-media__l1of3 img, .contents .px2-float-media__l1of4 img, .contents .px2-float-media__c1of1 img, .contents .px2-float-media__c2of3 img, .contents .px2-float-media__c1of2 img, .contents .px2-float-media__c1of3 img, .contents .px2-float-media__c1of4 img, .contents .px2-float-media__r1of1 img, .contents .px2-float-media__r2of3 img, .contents .px2-float-media__r1of2 img, .contents .px2-float-media__r1of3 img, .contents .px2-float-media__r1of4 img {
width: 100%;
height: auto;
}
.contents .px2-float-media__caption {
margin-top: 0.5em;
}
.contents .px2-float-media__body {
min-width: 20%;
}
.contents .px2-float-media__body-rect {
overflow: hidden;
}
@media (max-width: 768px) {
.contents .px2-float-media__heading-r1of3, .contents .px2-float-media__heading-c1of3, .contents .px2-float-media__heading-l1of3, .contents .px2-float-media__heading-r1of4, .contents .px2-float-media__heading-c1of4, .contents .px2-float-media__heading-l1of4 {
width: calc(50% - 20px);
}
.contents .px2-float-media__r1of3, .contents .px2-float-media__c1of3, .contents .px2-float-media__l1of3, .contents .px2-float-media__r1of4, .contents .px2-float-media__c1of4, .contents .px2-float-media__l1of4 {
width: 50%;
}
}
@media (max-width: 544px) {
.contents .px2-float-media__heading-r2of3, .contents .px2-float-media__heading-c2of3, .contents .px2-float-media__heading-l2of3, .contents .px2-float-media__r2of3, .contents .px2-float-media__c2of3, .contents .px2-float-media__l2of3 {
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
}
@media (max-width: 440px) {
.contents .px2-float-media__heading-l1of1, .contents .px2-float-media__heading-l2of3, .contents .px2-float-media__heading-l1of2, .contents .px2-float-media__heading-l1of3, .contents .px2-float-media__heading-l1of4, .contents .px2-float-media__heading-c1of1, .contents .px2-float-media__heading-c2of3, .contents .px2-float-media__heading-c1of2, .contents .px2-float-media__heading-c1of3, .contents .px2-float-media__heading-c1of4, .contents .px2-float-media__heading-r1of1, .contents .px2-float-media__heading-r2of3, .contents .px2-float-media__heading-r1of2, .contents .px2-float-media__heading-r1of3, .contents .px2-float-media__heading-r1of4, .contents .px2-float-media__r1of1, .contents .px2-float-media__c1of1, .contents .px2-float-media__l1of1, .contents .px2-float-media__r2of3, .contents .px2-float-media__c2of3, .contents .px2-float-media__l2of3, .contents .px2-float-media__r1of2, .contents .px2-float-media__c1of2, .contents .px2-float-media__l1of2, .contents .px2-float-media__r1of3, .contents .px2-float-media__c1of3, .contents .px2-float-media__l1of3, .contents .px2-float-media__r1of4, .contents .px2-float-media__c1of4, .contents .px2-float-media__l1of4 {
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
}
.contents .px2-embedded-media {
margin: 0 0 1em 0;
}
.contents .px2-embedded-media__image-media img {
display: block;
width: 100%;
height: auto;
}
.contents .px2-embedded-media--framed {
box-sizing: border-box;
padding: 8px;
background-color: #f9f9f9;
}
.contents .px2-embedded-media__caption {
margin-top: 0.5em;
}
.contents .px2-embedded-media__caption * {
margin-top: 0;
margin-bottom: 0;
}
.contents .px2-embedded-media--imagescope img {
cursor: pointer;
}
.contents .px2-notice {
margin-top: 1.5em;
margin-bottom: 1.5em;
padding: 0.75em 15px;
color: #004085;
background-color: #cce5ff;
border: 1px solid #b8daff;
}
.contents .px2-notice.px2-notice--success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.contents .px2-notice.px2-notice--warning {
color: #856404;
background-color: #fff3cd;
border-color: #ffeeba;
}
.contents .px2-notice.px2-notice--danger {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
}
.contents .px2-notice.px2-notice--info {
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb;
}
.contents .px2-section {
margin-top: 1em;
margin-bottom: 1em;
}
.contents .px2-section.px2-section--framed {
border: 1px solid #ddd;
box-sizing: border-box;
}
.contents .px2-section.px2-section--framed .px2-section__heading {
padding: 0.75em;
box-sizing: border-box;
border-bottom: 1px solid #ddd;
}
.contents .px2-section.px2-section--framed .px2-section__body {
padding: 0.75em;
box-sizing: border-box;
}
.contents .px2-p {
margin-top: 1em;
margin-bottom: 1em;
}
.contents .px2-text-align-left {
text-align: left;
}
.contents .px2-text-align-center {
text-align: center;
}
.contents .px2-text-align-right {
text-align: right;
}
.contents .px2-font-size-ss {
font-size: 74%;
}
.contents .px2-font-size-s {
font-size: 88%;
}
.contents .px2-font-size-l {
font-size: 112%;
}
.contents .px2-font-size-ll {
font-size: 136%;
}
.contents .px2-error {
color: #e00;
}
.contents .px2-note {
color: #999;
}
.contents .px2-responsive {
overflow: auto;
}
.contents .px2-viewport-fit {
box-sizing: border-box;
width: 0;
margin: 0 auto;
position: relative;
}
.contents .px2-viewport-fit__inner {
box-sizing: border-box;
width: calc(100vw);
position: relative;
left: calc(-50vw);
}
.contents .px2-viewport-fit__contents {
margin: 0 auto;
width: 1024px;
max-width: calc(100% - 40px);
}
.contents .px2-viewport-fit__contents--fluid {
width: 100%;
max-width: 100%;
}
.contents p, .contents ul, .contents ol, .contents dl {
margin: 1em 0;
}
.contents dl dd {
margin-left: 2em;
}
.contents p, .contents li, .contents dt, .contents dd {
line-height: 1.6;
}
.contents .btn {
background-color: #428bca;
}
.contents strong, .contents em {
font-weight: bold;
color: inherit;
}
.contents .alert p {
margin: 0;
}
.YoutubeWrapper {
position: relative;
margin-top: 1.2em;
margin-bottom: 1.2em;
padding-top: 69px;
padding-bottom: 50%;
overflow: hidden;
}
.YoutubeWrapper iframe {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}