@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900|Noto+Sans+JP:400,700&subset=japanese,latin-ext);

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-text-size-adjust: 100%;
    word-break: break-word
}

*,
:after,
:before {
    background-repeat: no-repeat;
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

:after,
:before {
    text-decoration: inherit;
    vertical-align: inherit
}

* {
    margin: 0;
    padding: 0
}

hr {
    height: 0;
    overflow: visible
}

details,
main {
    display: block
}

summary {
    display: list-item
}

small {
    font-size: 80%
}

[hidden] {
    display: none
}

dl.select-hidden {
    display: none
}

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

a {
    background-color: transparent
}

a:active,
a:hover {
    outline-width: 0
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace
}

pre {
    font-size: 1em
}

b,
strong {
    font-weight: bolder
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

input {
    border-radius: 0
}

[disabled] {
    cursor: default
}

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

textarea {
    overflow: auto;
    resize: vertical
}

button,
input,
optgroup,
select,
textarea {
    font: inherit
}

optgroup {
    font-weight: 700
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

[role=button],
[type=button],
[type=reset],
[type=submit],
button {
    cursor: pointer
}

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

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

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

button,
input,
select,
textarea {
    background-color: transparent;
    border-style: none
}

select {
    -moz-appearance: none;
    -webkit-appearance: none
}

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

select::-ms-value {
    color: currentColor
}

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

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

img {
    border-style: none
}

progress {
    vertical-align: baseline
}

svg:not([fill]) {
    fill: currentColor
}

[aria-busy=true] {
    cursor: progress
}

[aria-controls] {
    cursor: pointer
}

[aria-disabled] {
    cursor: default
}

ol,
ul {
    list-style: none
}

body {
    color: #231815;
    font-family: Lato, Noto Sans JP, -apple-system, BlinkMacSystemFont, Helvetica Neue, YuGothic, ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, Arial, メイリオ, Meiryo, sans-serif;
    margin: 0;
    font-size: 14px
}

body.is-active {
    overflow: hidden;
    height: 100%
}

a {
    text-decoration: none;
    color: #231815
}

.br-sp {
    display: block
}

.required {
    color: red;
}

h2 {
    font-weight: 400
}

input::-webkit-input-placeholder {
    color: #adadad
}

input::-moz-placeholder {
    color: #adadad
}

input:-ms-input-placeholder {
    color: #adadad
}

input::-ms-input-placeholder {
    color: #adadad
}

input::placeholder {
    color: #adadad
}

.sw-button_link-gray {
    background: #6e6e6e;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%227%22%20height%3D%2211%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%209.266L4.008%205.25%200%201.234%201.234%200l5.25%205.25-5.25%205.25L0%209.266z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center right 8px
}

.sw-button_link-gray,
.sw-button_link-orange {
    width: 100%;
    height: 100%;
    border-radius: 2px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 8px;
    color: #fff;
    font-size: 14px
}

.sw-button_link-orange {
    background: #ee7903;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%227%22%20height%3D%2211%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%209.266L4.008%205.25%200%201.234%201.234%200l5.25%205.25-5.25%205.25L0%209.266z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center right 8px
}

.sw-button_link-white {
    height: 100%;
    background: #fff;
    color: #6e6e6e;
    border: 1px solid #646464;
    border-radius: 2px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%227%22%20height%3D%2211%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%209.266L4.008%205.25%200%201.234%201.234%200l5.25%205.25-5.25%205.25L0%209.266z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center right 8px
}

.sw-button_link-white,
.sw-button_submit {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 8px;
    font-size: 14px
}

.sw-button_submit {
    background: #6e6e6e;
    border-radius: 2px;
    color: #fff;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%227%22%20height%3D%2211%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%209.266L4.008%205.25%200%201.234%201.234%200l5.25%205.25-5.25%205.25L0%209.266z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center right 8px
}

.sw-button_back,
.sw-button_back-iconNone,
.sw-button_submit {
    height: 50px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sw-button_back,
.sw-button_back-iconNone {
    width: 100%;
    background: #fff;
    border-radius: 2px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 8px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%227%22%20height%3D%2211%22%20fill%3D%22none%22%20viewBox%3D%220%200%207%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7%201.484L2.992%205.5%207%209.516l-1.234%201.233L.516%205.5%205.766.25%207%201.485z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center left 8px;
    font-size: 14px;
    color: #6e6e6e;
    border: 1px solid #6e6e6e
}

.sw-button_back-iconNone {
    background: 0 0
}

.sw-button_search {
    background: #6e6e6e;
    color: #fff;
    height: 48px;
    width: 96px;
    border-radius: 4px;
    padding: 0 16px;
    margin-left: 8px
}

.sw-button_add {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm5%2011h-4v4h-2v-4H7v-2h4V7h2v4h4v2z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E")
}

.sw-button_add,
.sw-button_remove {
    border: 1px solid #6e6e6e;
    border-radius: 3px;
    width: 240px;
    height: 48px;
    background-repeat: no-repeat;
    background-position: center right 16px;
    display: block
}

.sw-button_remove {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202z%22%20fill%3D%22%236e6e6e%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7%2011h10v2H7z%22%2F%3E%3C%2Fsvg%3E");
    margin-top: 16px
}

.sw-button_home {
    display: block;
    width: 240px;
    height: 50px;
    background: #6e6e6e;
    color: #fff;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 2px;
    font-size: 16px
}

.sw-form_main {
    padding: 16px 4.26% 0
}

.sw-form {
    margin-top: 24px
}

.sw-form_field.is-hide {
    display: none
}

.sw-form_field.is-show {
    display: block
}

.sw-form_field+.sw-form_field {
    border-top: 1px solid #ccc;
    padding-top: 24px;
    margin-top: 24px
}

.sw-form_field-card+.sw-form_field-card {
    margin-top: 24px
}

.sw-form_title,
.sw-form_title-required {
    font-size: 14px;
    font-weight: 700
}

.sw-form_title,
.sw-form_title-required,
.sw-form_title-required:after {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.sw-form_title-required:after {
    content: "\5FC5\9808";
    font-weight: 400;
    color: #df0a17;
    border: 1px solid #df0a17;
    line-height: 1;
    font-size: 10px;
    width: 30px;
    min-width: 30px;
    height: 16px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 4px
}

.sw-form_inputArea-cardNum {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.sw-form_confirmArea {
    margin-top: 8px
}

.sw-form_box,
.sw-form_box-date {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 16px
}

.sw-form_box-date {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.sw-form_box-date .sw-form_select {
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2216%22%20height%3D%2210%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2010%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16%200H0l8%2010%208-10z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E");
    background-position: center right 8px;
    width: 100%
}

.sw-form_box-dateText {
    padding: 0 4px;
    font-weight: 700
}

.sw-form_checkboxList li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 8px
}

.sw-form_item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.sw-form_item+.sw-form_item {
    margin-left: 16px
}

.sw-form_item-text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.sw-form_item-text+.sw-form_item-text {
    margin-left: 16px
}

.sw-form_item-checkbox {
    position: relative
}

.sw-form_label {
    display: block;
    margin-bottom: 4px;
    font-size: 12px
}

.sw-form_box-date .sw-form_select,
.sw-form_calender,
.sw-form_input,
.sw-form_input-tel,
.sw-form_input-zipcode,
.sw-form_select,
form dl:not(.sw-form_field) dd select.select {
    height: 48px;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0 16px;
    font-size: 14px
}

.sw-form_input-zipcode:first-of-type {
    width: 64px;
    margin-right: 8px
}

.sw-form_input-zipcode:nth-of-type(2) {
    width: 88px;
    margin-left: 8px
}

.sw-form_calender {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M20%203h-1V1h-2v2H7V1H5v2H4c-1.1%200-2%20.9-2%202v16c0%201.1.9%202%202%202h16c1.1%200%202-.9%202-2V5c0-1.1-.9-2-2-2zm0%2018H4V8h16v13z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E")
}

.sw-form_calender,
.sw-form_select {
    background-repeat: no-repeat;
    background-position: center right 8px;
    width: 240px
}

.sw-form_select {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2216%22%20height%3D%2210%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2010%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16%200H0l8%2010%208-10z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E")
}

.sw-form_item-tel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.sw-form_input-tel {
    margin: 0 8px
}

.sw-form_input-tel:first-of-type {
    margin-left: 0
}

.sw-form_input-tel:last-of-type {
    margin-right: 0
}

.sw-form_item-radio {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.sw-form_input_radio {
    display: none
}

.sw-form_input_radio:checked+.sw-form_label-radio {
    border: 2px solid #231815;
    color: #231815
}

.sw-form_label-radio {
    border: 1px solid #bbb;
    color: #bbb;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 48px;
    border-radius: 3px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sw-form_label-radio:last-of-type {
    margin-left: 16px
}

.sw-form_input-checkbox {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%
}

.sw-form_input-checkbox:checked+.sw-form_label-checkbox:before {
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M19%203H5a2%202%200%2000-2%202v14a2%202%200%20002%202h14a2%202%200%20002-2V5a2%202%200%2000-2-2zm-9%2014l-5-5%201.41-1.41L10%2014.17l7.59-7.59L19%208l-9%209z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E")
}

.sw-form_label-checkbox {
    background: #fff;
    position: relative;
    height: 24px;
    line-height: 24px;
    padding-left: 32px;
    display: inline-block
}

.sw-form_label-checkbox:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewbox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M19%205v14H5V5h14m0-2H5c-1.1%200-2%20.9-2%202v14c0%201.1.9%202%202%202h14c1.1%200%202-.9%202-2V5c0-1.1-.9-2-2-2z%22%20fill%3D%22%236e6e6e%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
    background-size: contain;
    margin-right: 8px
}

.sw-form_action,
.sw-form_action-comp {
    margin-top: 32px
}

.sw-form_submit {
    height: 50px
}

.sw-form_back,
.sw-form_confirm {
    margin-top: 24px
}

.sw-form_text {
    margin-top: 8px
}

.sw-form_compTitle {
    font-weight: 700;
    font-size: 18px;
    margin: 40px 0 32px;
    text-align: center
}

.sw-form_compText {
    font-size: 14px;
    text-align: center
}

.sw-form_compText+.sw-form_compText {
    margin-top: 21px
}

.sw-form_compText-red {
    color: #df0a17
}

.sw-form_compText a {
    color: #1a0dab;
    text-decoration: underline
}

.sw-form_closeTitle {
    font-weight: 700;
    font-size: 18px;
    margin: 40px 0 32px;
    text-align: center
}

.sw-form_closeText {
    font-size: 14px;
    text-align: center
}

.sw-form_closeText+.sw-form_closeText {
    margin-top: 21px
}

.sw-form_closeText-red {
    color: #df0a17
}

.sw-form_closeText a {
    color: #1a0dab;
    text-decoration: underline
}

form dl:not(.sw-form_field) {
    border-top: 1px solid #ccc;
    padding-top: 24px;
    margin-top: 24px
}

form dl:not(.sw-form_field).is-hide {
    display: none
}

form dl:not(.sw-form_field).is-show {
    display: block
}

form dl:not(.sw-form_field)+dl:not(.sw-form_field) {
    border-top: 1px solid #ccc;
    padding-top: 24px;
    margin-top: 24px
}

form dl:not(.sw-form_field) dt {
    font-size: 14px;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

form dl:not(.sw-form_field) dd {
    margin-top: 8px
}

form dl:not(.sw-form_field) dd li {
    position: relative
}

form dl:not(.sw-form_field) dd li+li {
    margin-top: 4px
}

form dl:not(.sw-form_field) dd ul.radio input[type=radio] {
    opacity: 0;
    position: absolute;
    top: 6px;
    left: 6px
}

form dl:not(.sw-form_field) dd ul.radio input[type=radio]:checked+label {
    border: none;
    color: #231815;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%207c-2.76%200-5%202.24-5%205s2.24%205%205%205%205-2.24%205-5-2.24-5-5-5zm0-5C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm0%2018c-4.42%200-8-3.58-8-8s3.58-8%208-8%208%203.58%208%208-3.58%208-8%208z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E")
}

form dl:not(.sw-form_field) dd ul.radio input[type=radio]+label {
    border: none;
    color: #231815;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: auto;
    border-radius: 3px;
    padding-left: 32px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm0%2018c-4.42%200-8-3.58-8-8s3.58-8%208-8%208%203.58%208%208-3.58%208-8%208z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E");
    background-position: 0;
    background-size: 24px 24px;
    font-size: 14px;
    line-height: 24px
}

form dl:not(.sw-form_field) dd ul.radio input[type=radio]+label:last-of-type {
    margin-left: 0
}

form dl:not(.sw-form_field) dd ul.check input[type=checkbox] {
    opacity: 0;
    position: absolute;
    top: 6px;
    left: 6px
}

form dl:not(.sw-form_field) dd ul.check input[type=checkbox]:checked+label:before {
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M19%203H5a2%202%200%2000-2%202v14a2%202%200%20002%202h14a2%202%200%20002-2V5a2%202%200%2000-2-2zm-9%2014l-5-5%201.41-1.41L10%2014.17l7.59-7.59L19%208l-9%209z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E")
}

form dl:not(.sw-form_field) dd ul.check input[type=checkbox]+label {
    background: #fff;
    position: relative;
    padding-left: 32px;
    height: 24px;
    line-height: 24px;
    display: inline-block
}

form dl:not(.sw-form_field) dd ul.check input[type=checkbox]+label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewbox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M19%205v14H5V5h14m0-2H5c-1.1%200-2%20.9-2%202v14c0%201.1.9%202%202%202h14c1.1%200%202-.9%202-2V5c0-1.1-.9-2-2-2z%22%20fill%3D%22%236e6e6e%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
    background-size: contain
}

form dl:not(.sw-form_field) dd ul.bool li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

form dl:not(.sw-form_field) dd ul.bool input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    height: 24px;
    display: inline-block
}

form dl:not(.sw-form_field) dd ul.bool input[type=checkbox]:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewbox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M19%205v14H5V5h14m0-2H5c-1.1%200-2%20.9-2%202v14c0%201.1.9%202%202%202h14c1.1%200%202-.9%202-2V5c0-1.1-.9-2-2-2z%22%20fill%3D%22%236e6e6e%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
    background-size: contain;
    margin-right: 8px
}

form dl:not(.sw-form_field) dd ul.bool input[type=checkbox]:checked:before {
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M19%203H5a2%202%200%2000-2%202v14a2%202%200%20002%202h14a2%202%200%20002-2V5a2%202%200%2000-2-2zm-9%2014l-5-5%201.41-1.41L10%2014.17l7.59-7.59L19%208l-9%209z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E")
}

form dl:not(.sw-form_field) dd input[type=text] {
    height: 48px;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0 16px;
    font-size: 14px
}

form dl:not(.sw-form_field) dd input[type=text].hasDatepicker {
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M20%203h-1V1h-2v2H7V1H5v2H4c-1.1%200-2%20.9-2%202v16c0%201.1.9%202%202%202h16c1.1%200%202-.9%202-2V5c0-1.1-.9-2-2-2zm0%2018H4V8h16v13z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E");
    background-position: center right 8px;
    width: 240px
}

form dl:not(.sw-form_field) dd select.select {
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2216%22%20height%3D%2210%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2010%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16%200H0l8%2010%208-10z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E");
    background-position: center right 8px;
    width: 240px
}

form dl:not(.sw-form_field) dd textarea {
    min-height: 48px;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 16px;
    font-size: 14px
}

.sw-form_cardWrap {
    padding: 16px;
    border: 1px solid #e0e0e0
}

.sw-form_card input[type=radio] {
    display: none
}

.sw-form_card input[type=radio]+label {
    border: 1px solid #bbb;
    color: #bbb;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 56px;
    border-radius: 3px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    padding-left: 48px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm0%2018c-4.42%200-8-3.58-8-8s3.58-8%208-8%208%203.58%208%208-3.58%208-8%208z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E");
    background-position: center left 16px
}

.sw-form_card input[type=radio]:checked+label {
    border: 2px solid #231815;
    color: #231815;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%207c-2.76%200-5%202.24-5%205s2.24%205%205%205%205-2.24%205-5-2.24-5-5-5zm0-5C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm0%2018c-4.42%200-8-3.58-8-8s3.58-8%208-8%208%203.58%208%208-3.58%208-8%208z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E");
    background-position: center left 16px
}

.sw-form_card+.sw-form_card {
    margin-top: 16px
}

.sw-form_cardAdd {
    height: 48px;
    max-width: 498px;
    margin: 24px auto 0
}

.sw-form_cardAdd .sw-button_link-gray {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.sw-form_input-checkboxOnly {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    height: 24px;
    display: inline-block
}

.sw-form_input-checkboxOnly:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewbox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M19%205v14H5V5h14m0-2H5c-1.1%200-2%20.9-2%202v14c0%201.1.9%202%202%202h14c1.1%200%202-.9%202-2V5c0-1.1-.9-2-2-2z%22%20fill%3D%22%236e6e6e%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
    background-size: contain;
    margin-right: 8px
}

.sw-form_input-checkboxOnly:checked:before {
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M19%203H5a2%202%200%2000-2%202v14a2%202%200%20002%202h14a2%202%200%20002-2V5a2%202%200%2000-2-2zm-9%2014l-5-5%201.41-1.41L10%2014.17l7.59-7.59L19%208l-9%209z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E")
}

.sw-form_cardAdd {
    margin: 0 0 0 auto;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    max-width: 440px
}

.sw-form_cardAdd,
.sw-form_cardAdd .sw-button_link-white {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.sw-form_cardAdd .sw-button_link-white {
    color: #000;
    border: none;
    padding-right: 24px
}

.sw-form_cardAddWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 320px;
    margin: 32px auto 0
}

.sw-form_cardAddWrap .sw-button_submit,
.sw-form_cardAddWrap .sw-form_submit {
    height: 56px
}

.sw-title,
.sw-title_cancel,
.sw-title_card,
.sw-title_change-card,
.sw-title_document,
.sw-title_info,
.sw-title_itemlist,
.sw-title_mail,
.sw-title_notice,
.sw-title_password,
.sw-title_relocation,
.sw-title_video {
    font-size: 18px;
    background-position: 0;
    background-size: 24px 24px;
    padding-left: 32px;
    margin: 24px 0
}

.sw-title {
    padding-left: 0
}

.sw-title_notice {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2216%22%20height%3D%2214%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16%205.707C16%202.567%2015.082.021%2013.945%200h.014-1.296S9.619%202.287%205.237%203.183a13.627%2013.627%200%2000-.219%202.524c0%20.973.086%201.816.22%202.523%204.381.897%207.425%203.184%207.425%203.184h1.296-.014C15.081%2011.394%2016%208.847%2016%205.707zm-2.487%204.844c-.146%200-.305-.152-.386-.243-.198-.22-.388-.562-.55-.99-.364-.956-.564-2.238-.564-3.611%200-1.372.2-2.654.563-3.611.163-.428.353-.77.55-.99.082-.091.24-.243.387-.243.146%200%20.305.152.386.243.198.22.388.562.55.99.364.956.564%202.239.564%203.611%200%201.372-.2%202.654-.563%203.612-.163.427-.353.77-.55.989-.082.09-.24.243-.387.243zM3.934%205.707c0-.811.06-1.6.173-2.33-.74.103-1.39.162-2.193.162H.866l-.867%201.48v1.377l.867%201.48h1.048c.803%200%201.452.058%202.193.161a15.325%2015.325%200%2001-.173-2.33zm1.818%203.327l-2-.383%201.28%205.024c.065.26.323.391.572.291l1.853-.741a.427.427%200%2000.222-.61L5.752%209.034zm7.761-1.46c-.056%200-.117-.058-.149-.093a1.242%201.242%200%2001-.212-.382c-.14-.369-.217-.863-.217-1.392%200-.529.077-1.023.217-1.392.063-.165.136-.296.212-.382.031-.034.092-.093.149-.093.056%200%20.117.058.149.094.076.084.15.216.212.381.14.369.217.863.217%201.392%200%20.529-.077%201.023-.217%201.392a1.248%201.248%200%2001-.212.381c-.032.035-.093.094-.149.094z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat
}

.sw-title_itemlist {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22none%22%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M28%206.667C26.52%206.2%2024.893%206%2023.333%206c-2.6%200-5.4.533-7.333%202-1.933-1.467-4.733-2-7.333-2-2.6%200-5.4.533-7.334%202v19.533c0%20.334.334.667.667.667.133%200%20.2-.067.333-.067%201.8-.866%204.4-1.466%206.334-1.466%202.6%200%205.4.533%207.333%202%201.8-1.134%205.067-2%207.333-2%202.2%200%204.467.4%206.334%201.4.133.066.2.066.333.066.333%200%20.667-.333.667-.666V8C29.867%207.4%2029%207%2028%206.667zm0%2018C26.533%2024.2%2024.933%2024%2023.333%2024c-2.266%200-5.533.867-7.333%202V10.667c1.8-1.134%205.067-2%207.333-2%201.6%200%203.2.2%204.667.666v15.334z%22%20fill%3D%22%236e6e6e%22%2F%3E%3Cpath%20d%3D%22M23.333%2014c1.174%200%202.307.12%203.334.347V12.32c-1.054-.2-2.187-.32-3.334-.32-2.266%200-4.32.387-6%201.107v2.213c1.507-.853%203.6-1.32%206-1.32zM17.333%2016.653v2.214c1.507-.854%203.6-1.32%206-1.32%201.174%200%202.307.12%203.334.346v-2.026c-1.054-.2-2.187-.32-3.334-.32-2.266%200-4.32.4-6%201.106zM23.333%2019.107c-2.266%200-4.32.386-6%201.106v2.214c1.507-.854%203.6-1.32%206-1.32%201.174%200%202.307.12%203.334.346v-2.026a16.93%2016.93%200%2000-3.334-.32z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat
}

.sw-title_info,
.sw-title_mail {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%202.667v18.666A2.666%202.666%200%20002.667%2024h18.666C22.8%2024%2024%2022.8%2024%2021.333V2.667C24%201.2%2022.8%200%2021.333%200H2.667C1.187%200%200%201.2%200%202.667zM16%208c0%202.213-1.787%204-4%204s-4-1.787-4-4%201.787-4%204-4%204%201.787%204%204zM4%2018.667c0-2.667%205.333-4.134%208-4.134s8%201.467%208%204.134V20H4v-1.333z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat
}

.sw-title_password {
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22none%22%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M24%2010.667h-1.334V8A6.669%206.669%200%200016%201.333%206.67%206.67%200%20009.333%208v2.667H8a2.675%202.675%200%2000-2.667%202.666v13.334c0%201.466%201.2%202.666%202.667%202.666h16c1.466%200%202.666-1.2%202.666-2.666V13.333c0-1.466-1.2-2.666-2.666-2.666zm-8%2012A2.675%202.675%200%200113.333%2020c0-1.467%201.2-2.667%202.667-2.667%201.466%200%202.666%201.2%202.666%202.667%200%201.467-1.2%202.667-2.666%202.667zm4.133-12h-8.267V8A4.137%204.137%200%200116%203.867%204.137%204.137%200%200120.133%208v2.667z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E")
}

.sw-title_card {
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22none%22%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M26.666%205.333H5.334A2.646%202.646%200%20002.68%208l-.014%2016a2.657%202.657%200%20002.667%202.667h21.334A2.658%202.658%200%200029.332%2024V8a2.657%202.657%200%2000-2.666-2.667zm0%2018.667H5.334v-8h21.334v8zm0-13.333H5.334V8h21.334v2.667z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E")
}

.sw-title_document {
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22none%22%20wiezBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18.666%202.667H8a2.663%202.663%200%2000-2.654%202.666l-.013%2021.334a2.663%202.663%200%20002.653%202.666H24c1.466%200%202.666-1.2%202.666-2.666v-16l-8-8zM21.333%2024H10.666v-2.667h10.667V24zm0-5.334H10.666V16h10.667v2.666zm-4-6.666V4.667L24.666%2012h-7.333z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E")
}

.sw-title_change-card {
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2226%22%20height%3D%2226%22%20fill%3D%22none%22%20viewBox%3D%220%200%2026%2026%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.5%200h-12C.667%200%20.007.667.007%201.5L0%2010.5c0%20.832.667%201.5%201.5%201.5h12c.832%200%201.5-.668%201.5-1.5v-9c0-.833-.668-1.5-1.5-1.5zm0%2010.5h-12V6h12v4.5zm0-7.5h-12V1.5h12V3zM24.5%2014h-12c-.832%200-1.492.668-1.492%201.5l-.008%209c0%20.832.668%201.5%201.5%201.5h12c.832%200%201.5-.668%201.5-1.5v-9c0-.832-.668-1.5-1.5-1.5zm0%2010.5h-12V20h12v4.5zm0-7.5h-12v-1.5h12V17zM6.563%2017.669c-.346-.093-4.151-.67-4.77-2.726-.332%201.457.586%203.985%204.182%204.923l-.338%201.26%204.21-1.461-2.916-3.37-.368%201.373zM19.437%208.331c.346.093%204.151.67%204.77%202.726.332-1.457-.586-3.985-4.181-4.923l.337-1.26-4.21%201.461%202.916%203.37.368-1.373z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E")
}

.sw-title_relocation {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20fill%3D%22none%22%20viewBox%3D%220%200%2030%2030%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0)%22%20fill%3D%22%236e6e6e%22%3E%3Cpath%20d%3D%22M6.837%2020.762a2.848%202.848%200%20100%205.697%202.848%202.848%200%20000-5.697zm0%204.13a1.282%201.282%200%20110-2.564%201.282%201.282%200%20010%202.564zM23.66%2020.762a2.848%202.848%200%20100%205.696%202.848%202.848%200%20000-5.696zm0%204.13a1.282%201.282%200%2011.002-2.564%201.282%201.282%200%2001-.002%202.564z%22%2F%3E%3Cpath%20d%3D%22M11.726%207.537H5.303a.702.702%200%2000-.541.253L.164%2013.308a.702.702%200%2000-.164.45V21.129c0%20.39.316.706.705.706h2.159a4.36%204.36%200%20013.973-2.58%204.36%204.36%200%20013.973%202.58h1.621V8.24a.705.705%200%2000-.705-.704zM2.574%2013.83c0-.167.057-.329.163-.458l2.936-3.615a.727.727%200%2001.564-.269h2.876c.401%200%20.727.326.727.727v4.103a.727.727%200%2001-.727.726H3.3a.727.727%200%2001-.727-.726v-.488zM14.27%2019.851a.396.396%200%2000-.397.397v1.19c0%20.218.177.396.396.396h5.418a4.38%204.38%200%20011.783-1.983h-7.2zM29.554%2019.851H25.85a4.376%204.376%200%20011.782%201.983h1.92c.22%200%20.397-.178.397-.397v-1.19a.397.397%200%2000-.396-.396zM29.154%203.542H14.768a.845.845%200%2000-.845.845v13.284c0%20.467.378.846.845.846h14.386A.846.846%200%200030%2017.67V4.387a.846.846%200%2000-.846-.845zm-2.302%204.315h-9.78a.397.397%200%2001-.397-.396v-.793c0-.22.177-.397.396-.397h9.78c.22%200%20.397.178.397.397v.793a.397.397%200%2001-.396.396zm-9.78%202.38h9.78c.218%200%20.396.176.396.396v.793a.397.397%200%2001-.396.396h-9.78a.397.397%200%2001-.397-.396v-.793c0-.22.177-.397.396-.397zm0%203.964h9.78c.218%200%20.396.178.396.397v.793a.397.397%200%2001-.396.396h-9.78a.397.397%200%2001-.397-.396v-.793c0-.22.177-.397.396-.397z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h30v30H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat
}

.sw-title_cancel {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18%2015v-3h-7.5V9H18V6l4.5%204.5L18%2015zm-1.5-1.5v6H9V24l-9-4.5V0h16.5v7.5H15v-6H3l6%203V18h6v-4.5h1.5z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat
}

.sw-title_video {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2265%22%20height%3D%2250%22%20viewBox%3D%220%200%2065%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200H8V6H17V0H48V6H57V0H65V50H57V44H48V50H17V44H8V50H0V0ZM8%2011H17V17H8V11ZM17%2022H8V28H17V22ZM8%2033H17V39H8V33ZM57%2011H48V17H57V11ZM48%2022H57V28H48V22ZM57%2033H48V39H57V33Z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat
}

.sw-errors {
    border: 1px solid #df0a17;
    padding: 8px 16px;
    margin-top: 24px
}

.sw-errors_item {
    color: #df0a17;
    padding-left: 1em;
    position: relative;
    font-size: 14px
}

.sw-errors_item:before {
    content: "\30FB";
    position: absolute;
    top: 0;
    left: 0
}

.sw-errors_item+.sw-errors_item {
    margin-top: 4px
}

.error {
    color: #df0a17
}

.st-header {
    position: relative;
    border-bottom: 1px solid #e3e7e9;
    z-index: 100
}

.st-header_inner {
    padding: 0 4.26%;
    height: 56px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.st-header_logo {
    width: 136px
}

.st-header_logo img {
    width: 100%;
    height: auto
}

.st-header_contents {
    display: block;
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    width: 290px;
    height: 100%;
    background: #fff;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    transition: -webkit-transform .6s cubic-bezier(.645, .045, .355, 1);
    -webkit-transition: -webkit-transform .6s cubic-bezier(.645, .045, .355, 1);
    transition: transform .6s cubic-bezier(.645, .045, .355, 1);
    transition: transform .6s cubic-bezier(.645, .045, .355, 1), -webkit-transform .6s cubic-bezier(.645, .045, .355, 1);
    transition: transform .6s cubic-bezier(.645, .045, .355, 1), -webkit-transform .5s cubic-bezier(.645, .045, .355, 1)
}

.is-active .st-header_contents {
    width: 296px;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.st-nav_overlay {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 9998;
    background: rgba(2, 3, 10, .32);
    cursor: pointer;
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
    transition: -webkit-transform .5s cubic-bezier(.645, .045, .355, 1);
    -webkit-transition: -webkit-transform .5s cubic-bezier(.645, .045, .355, 1);
    transition: transform .5s cubic-bezier(.645, .045, .355, 1);
    transition: transform .5s cubic-bezier(.645, .045, .355, 1), -webkit-transform .5s cubic-bezier(.645, .045, .355, 1)
}

.is-active .st-nav_overlay {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.st-nav_toggle {
    height: 22px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2222%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%236e6e6e%22%20d%3D%22M0%200h24v2H0zM0%2010h24v2H0zM0%2020h24v2H0z%22%2F%3E%3C%2Fsvg%3E")
}

.st-nav_close,
.st-nav_toggle {
    width: 24px;
    background-repeat: no-repeat;
    background-size: contain
}

.st-nav_close {
    position: absolute;
    top: 8px;
    right: 16px;
    height: 24px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012%2019%206.41z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E")
}

.st-hedaer_member {
    padding: 16px
}

.st-header_name {
    font-weight: 700;
    padding-right: 32px
}

.st-header_name>span:first-of-type {
    text-align: left;
    font-size: 12px
}

.st-header_name>span:nth-of-type(2) {
    font-weight: 400;
    margin-left: 4px;
    font-size: 12px
}

.st-header_link {
    margin-top: 16px
}

.st-header_info,
.st-header_link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.st-header_info {
    background: #6e6e6e;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    padding: 8px 0;
    width: 52%
}

.st-header_info:before {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%202.667v18.666A2.666%202.666%200%20002.667%2024h18.666C22.8%2024%2024%2022.8%2024%2021.333V2.667C24%201.2%2022.8%200%2021.333%200H2.667C1.187%200%200%201.2%200%202.667zM16%208c0%202.213-1.787%204-4%204s-4-1.787-4-4%201.787-4%204-4%204%201.787%204%204zM4%2018.667c0-2.667%205.333-4.134%208-4.134s8%201.467%208%204.134V20H4v-1.333z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    height: 24px;
    width: 24px;
    margin-right: 6px
}

.st-header_exit {
    background: #fff;
    border-radius: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #6e6e6e;
    font-size: 14px;
    padding: 8px 0;
    border: 1px solid #6e6e6e;
    width: 48%;
    margin-left: 8px
}

.st-header_exit:before {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18%2015v-3h-7.5V9H18V6l4.5%204.5L18%2015zm-1.5-1.5v6H9V24l-9-4.5V0h16.5v7.5H15v-6H3l6%203V18h6v-4.5h1.5z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    height: 24px;
    width: 24px;
    margin-right: 6px
}

.st-nav {
    font-size: 14px;
    border-top: 1px solid #e3e7e9
}

.st-nav_item {
    border-bottom: 1px solid #e3e7e9
}

.st-nav_item a {
    padding: 14px 16px;
    display: block
}

.st-nav_item-toggle {
    border-bottom: 1px solid #e3e7e9
}

.st-nav_item-toggle:hover {
    background-color: #e3e7e9;
    border: 1px solid #e0e0e0
}

.st-nav_item-toggle span {
    padding: 14px 16px;
    display: block;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.59%208.59L12%2013.17%207.41%208.59%206%2010l6%206%206-6-1.41-1.41z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center right 8px
}

.st-nav_item-toggle ul {
    background: #6e6e6e;
    display: none
}

.st-nav_item-toggle li {
    padding: 14px 16px
}

.st-nav_item-toggle li+li {
    border-top: 1px solid #fff
}

.st-nav_item-toggle a {
    color: #fff
}

footer {
    background-color: #f5f5f1;
    padding: 0 4.27%;
    margin-top: 48px
}

footer,
footer a {
    color: #231815
}

.st-footer_pagetop {
    position: fixed;
    bottom: 40px;
    right: 20px;
    z-index: 100
}

.st-footer_pagetop img {
    width: 43px
}

.st-footer_sitemap {
    padding: 10.66666667vw 0 0
}

.st-footer_sitemapList,
.st-footer_sitemapList_2 {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 2.4vw
}

.st-footer_sitemapList_2 {
    padding: 3.33333333vw 0 0
}

.st-footer_sitemapItem {
    line-height: 20px;
    list-style: none;
    padding: 0 3.33333333vw
}

.st-footer_sitemapItem:not(:first-child) {
    border-left: 1px solid #e0e0e0
}

.st-footer_copyright {
    font-size: 2.13333333vw;
    margin: 5.33333333vw 0 0;
    text-align: center
}

.st-footer_copyright_text_2 {
    display: inline-block;
    margin: 5px 0 0
}

.st-footer_social {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    padding: 7.33333333vw 3.33333333vw 13.33333333vw
}

.social_image {
    margin: 0 7px;
    width: 25px
}

.st-footer_social_contents {
    font-size: 1.86666667vw
}

.st-footer_social_contents .st-footer_social_contents:before {
    content: "/";
    margin-left: .5em;
    margin-right: .5em
}

.sw-breadcrumbs {
    padding: 8px 4.26% 0;
    overflow-x: auto
}

.sw-breadcrumbs_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 10px
}

.sw-breadcrumbs_item+.sw-breadcrumbs_item:before {
    content: "\a0\FF1E\a0"
}

.st-step {
    counter-reset: data-num;
    padding-bottom: 24px
}

.st-step,
.st-step_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.st-step_item {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 10px;
    counter-increment: data-num
}

.st-step_item+.st-step_item {
    margin-left: -2px
}

.st-step_item:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%226%22%20height%3D%2225%22%20fill%3D%22none%22%20viewBox%3D%220%200%206%2025%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23none%22%20d%3D%22M-16-108h363v376H-16z%22%2F%3E%3Cpath%20d%3D%22M113.024%2024.5H.718l4.378-11.826.065-.174-.065-.174L.718.5h112.306l4.443%2012-4.443%2012z%22%20fill%3D%22%23none%22%20stroke%3D%22%23E0E0E0%22%2F%3E%3C%2Fsvg%3E")
}

.st-step_item:after,
.st-step_item:before {
    content: "";
    display: block;
    width: 6px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: contain
}

.st-step_item:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%226%22%20height%3D%2225%22%20fill%3D%22none%22%20viewBox%3D%220%200%206%2025%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23none%22%20d%3D%22M-128-108h363v376h-363z%22%2F%3E%3Cpath%20d%3D%22M1.024%2024.5h-112.306l4.378-11.826.065-.174-.065-.174L-111.282.5H1.024l4.443%2012-4.443%2012z%22%20fill%3D%22%23none%22%20stroke%3D%22%23E0E0E0%22%2F%3E%3C%2Fsvg%3E")
}

.st-step_item.is-active:before {
    width: 5px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%225%22%20height%3D%2225%22%20viewBox%3D%220%200%205%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23none%22%20d%3D%22M-16-145h363v376H-16z%22%2F%3E%3Cpath%20d%3D%22M0%200h112v25H0l4.653-12.5L0%200z%22%20fill%3D%22%236E6E6E%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat
}

.st-step_item.is-active:after {
    width: 5px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%225%22%20height%3D%2225%22%20fill%3D%22none%22%20viewBox%3D%220%200%205%2025%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23none%22%20d%3D%22M-130-71h363v376h-363z%22%2F%3E%3Cpath%20d%3D%22M-113.5.5H-.028l4.494%2012-4.494%2012H-113.5V.5z%22%20fill%3D%22%236E6E6E%22%20stroke%3D%22%236E6E6E%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat
}

.st-step_item:first-of-type:before {
    content: none
}

.st-step_item:last-of-type .st-step_num {
    border-right: 1px solid #f0f0f0
}

.st-step_item:last-of-type:after {
    content: none
}

.st-step_num {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #858585;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    font-size: 10px
}

.is-active .st-step_num {
    border: none;
    color: #fff;
    background: #6e6e6e
}

.st-step_num:after {
    content: "";
    content: counter(data-num, decimal-leading-zero);
    display: block;
    margin-left: 2px
}

.st-step_text {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 32px;
    color: #858585
}

.is-active .st-step_text {
    color: #231815
}

.st-pagination {
    background: #f8f8f8;
    margin-top: 40px;
    padding: 32px 0;
    margin-left: calc((100vw - 100%)/ 2*-1);
    margin-right: calc((100vw - 100%)/ 2*-1)
}

.st-pagination,
.st-pagination_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.st-pagination_item {
    cursor: pointer;
    background: #fff;
    -webkit-box-shadow: 0 0 0 1px #e0e0e0 inset;
    box-shadow: inset 0 0 0 1px #e0e0e0;
    width: 32px;
    height: 32px
}

.st-pagination_item a {
    height: 100%
}

.st-pagination_item a,
.st-pagination_item.is-active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.st-pagination_item.is-active {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #231815;
    color: #fff;
    cursor: default
}

.st-pagination_item.is-omitted {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.st-pagination_item+.st-pagination_item {
    margin-left: 4px
}

.st-pagination_prev {
    -webkit-box-shadow: 0 0 0 1px #e0e0e0 inset;
    box-shadow: inset 0 0 0 1px #e0e0e0;
    width: 32px;
    height: 32px;
    background: #fff;
    margin-right: 8px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%227%22%20height%3D%2211%22%20fill%3D%22none%22%20viewBox%3D%220%200%207%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7%201.484L2.992%205.5%207%209.516l-1.234%201.233L.516%205.5%205.766.25%207%201.485z%22%20fill%3D%22%23231815%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer
}

.st-pagination_prev>a {
    display: block;
    height: 100%
}

.st-pagination_prev.is-disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%227%22%20height%3D%2211%22%20fill%3D%22none%22%20viewBox%3D%220%200%207%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7%201.484L2.992%205.5%207%209.516l-1.234%201.233L.516%205.5%205.766.25%207%201.485z%22%20fill%3D%22%23d3d3d3%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    cursor: default
}

.st-pagination_prev.is-disabled,
.st-pagination_prev.is-disabled:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.st-pagination_next {
    -webkit-box-shadow: 0 0 0 1px #e0e0e0 inset;
    box-shadow: inset 0 0 0 1px #e0e0e0;
    width: 32px;
    height: 32px;
    background: #fff;
    margin-left: 8px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%227%22%20height%3D%2211%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%209.266L4.008%205.25%200%201.234%201.234%200l5.25%205.25-5.25%205.25L0%209.266z%22%20fill%3D%22%23231815%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer
}

.st-pagination_next>a {
    display: block;
    height: 100%
}

.st-pagination_next.is-disabled {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%227%22%20height%3D%2211%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%209.266L4.008%205.25%200%201.234%201.234%200l5.25%205.25-5.25%205.25L0%209.266z%22%20fill%3D%22%23d3d3d3%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    cursor: default
}

.st-pagination_next.is-disabled,
.st-pagination_next.is-disabled:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.tp-hero {
    margin-bottom: 32px
}

.tp-hero_item {
    border: 1px solid #ccc;
    padding: 8px
}

.tp-hero_item+.tp-hero_item {
    margin-top: 8px
}

.tp-hero_itemInner {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.tp-hero_itemInner .tp-hero_button {
    margin-left: auto
}

.tp-hero_type {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.tp-hero_image,
.tp-hero_type {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.tp-hero_image {
    width: 50%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tp-hero_image img {
    width: 100%;
    max-width: 225px;
    height: auto
}

.tp-hero_text {
    width: 50%;
    margin-left: 8px;
    font-weight: 700;
    font-size: 12px;
    font-size: 3.2vw
}

.tp-hero_subText {
    font-size: 12px;
    font-size: 3.2vw;
    display: inline-block;
    color: #fff;
    line-height: 1.5em;
    height: 1.5em;
    padding: 0 .5em;
    margin-bottom: 4px
}

.elementary_school .tp-hero_subText {
    background: #ff9c41
}

.middle_school .tp-hero_subText {
    background: #38ade0
}

.elementary_school .tp-hero_price {
    color: #ff9c41
}

.middle_school .tp-hero_price {
    color: #38ade0
}

.tp-hero_priceNum {
    font-size: 16px;
    font-size: 4.26667vw
}

.tp-hero_button {
    height: 48px;
    margin-top: 8px
}

.tp-main {
    padding: 24px 4.26% 0
}

.tp-newspaper_item {
    border: 1px solid #6e6e6e;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px;
    flex-wrap: wrap
}

.tp-newspaper_item+.tp-newspaper_item {
    margin-top: 8px
}

.tp-newspaper_image {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tp-newspaper_image img {
    width: 80%;
    max-width: 225px;
    height: auto
}

.tp-newspaper_button {
    width: 42%;
    height: 48px
}

.tp-newspaper_button span {
    display: none
}

.tp-trial {
    display: block
}

.tp-trial_item {
    border: 1px solid #e0e0e0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px;
    margin-top: 32px;
    flex-wrap: wrap
}

.tp-trial_item+.tp-trial_item {
    margin-top: 8px
}

.tp-trial_image {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.tp-trial_image img {
    width: 80%;
    height: auto;
    display: block
}

.tp-trial_text {
    text-align: center
}

.tp-trial_button {
    width: 50%;
    height: 48px
}

.tp-trial_button span {
    display: none
}

.tp-content {
    border: 1px solid #e0e0e0;
    margin-top: 32px
}

.tp-content_header {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
    padding-left: 16px
}

.tp-banner,
.tp-content_header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.tp-banner {
    margin-top: 24px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tp-banner>li+li {
    margin-left: 8px
}

.tp-banner img {
    width: 100%;
    max-width: 250px
}

.tp-banner a {
    display: block
}

.tp-content_title {
    font-size: 16px;
    font-size: 4.26667vw;
    background-position: 0;
    background-size: 16px auto;
    padding: 12px 0 12px 12px
}

.tp-content_link {
    margin-left: auto;
    width: 144px;
    font-size: 12px;
    font-size: 3.2vw;
    -webkit-box-shadow: 0 0 0 1px #6e6e6e;
    box-shadow: 0 0 0 1px #6e6e6e;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%227%22%20height%3D%2211%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%209.266L4.008%205.25%200%201.234%201.234%200l5.25%205.25-5.25%205.25L0%209.266z%22%20fill%3D%22%23bebebe%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center right 8px;
    padding: 16px 8px;
    color: #231815
}

.tp-content_inner {
    padding: 16px
}

/* .tp-notice .tp-content_title {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2216%22%20height%3D%2214%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16%205.707C16%202.567%2015.082.021%2013.945%200h.014-1.296S9.619%202.287%205.237%203.183a13.627%2013.627%200%2000-.219%202.524c0%20.973.086%201.816.22%202.523%204.381.897%207.425%203.184%207.425%203.184h1.296-.014C15.081%2011.394%2016%208.847%2016%205.707zm-2.487%204.844c-.146%200-.305-.152-.386-.243-.198-.22-.388-.562-.55-.99-.364-.956-.564-2.238-.564-3.611%200-1.372.2-2.654.563-3.611.163-.428.353-.77.55-.99.082-.091.24-.243.387-.243.146%200%20.305.152.386.243.198.22.388.562.55.99.364.956.564%202.239.564%203.611%200%201.372-.2%202.654-.563%203.612-.163.427-.353.77-.55.989-.082.09-.24.243-.387.243zM3.934%205.707c0-.811.06-1.6.173-2.33-.74.103-1.39.162-2.193.162H.866l-.867%201.48v1.377l.867%201.48h1.048c.803%200%201.452.058%202.193.161a15.325%2015.325%200%2001-.173-2.33zm1.818%203.327l-2-.383%201.28%205.024c.065.26.323.391.572.291l1.853-.741a.427.427%200%2000.222-.61L5.752%209.034zm7.761-1.46c-.056%200-.117-.058-.149-.093a1.242%201.242%200%2001-.212-.382c-.14-.369-.217-.863-.217-1.392%200-.529.077-1.023.217-1.392.063-.165.136-.296.212-.382.031-.034.092-.093.149-.093.056%200%20.117.058.149.094.076.084.15.216.212.381.14.369.217.863.217%201.392%200%20.529-.077%201.023-.217%201.392a1.248%201.248%200%2001-.212.381c-.032.035-.093.094-.149.094z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat
} */

.tp-notice_link {
    font-size: 14px
}

.tp-notice_link span:first-child {
    display: block;
    line-height: 1.5
}

.tp-notice_link span:nth-child(2) {
    display: block;
    margin-top: 4px;
    line-height: 1.5
}

.tp-notice_item+.tp-notice_item {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px dashed #e0e0e0
}

/* .tp-subscribe .tp-content_title {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22none%22%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M28%208V4H0v22a2%202%200%20002%202h27a3%203%200%20003-3V8h-4zm-2%2018H2V6h24v20zM4%2010h20v2H4v-2zm12%204h8v2h-8v-2zm0%204h8v2h-8v-2zm0%204h6v2h-6v-2zM4%2014h10v10H4V14z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat
} */

.tp-digitalplus .tp-content_title {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2232%22%20height%3D%2238%22%20fill%3D%22none%22%20viewBox%3D%220%200%2032%2038%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M18.3%2C0h-14C1.9%2C0%2C0%2C1.9%2C0%2C4.3v29.1c0%2C2.4%2C1.9%2C4.3%2C4.3%2C4.3h14c2.4%2C0%2C4.3-1.9%2C4.3-4.3V4.3C22.7%2C1.9%2C20.7%2C0%2C18.3%2C0z%20M9.7%2C3.4h2.9c0.5%2C0%2C0.9%2C0.4%2C0.9%2C0.9c0%2C0.5-0.4%2C0.9-0.9%2C0.9H9.7c-0.5%2C0-0.9-0.4-0.9-0.9C8.8%2C3.8%2C9.2%2C3.4%2C9.7%2C3.4z%20M20.4%2C29.2H2.2V8.5h18.2V29.2z%22%20fill%3D%22%236e6e6e%22%2F%3E%0A%3C%2Fsvg%3E");
    background-repeat: no-repeat
}

.tp-subscribe-video .tp-content_title {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2265%22%20height%3D%2250%22%20viewBox%3D%220%200%2065%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200H8V6H17V0H48V6H57V0H65V50H57V44H48V50H17V44H8V50H0V0ZM8%2011H17V17H8V11ZM17%2022H8V28H17V22ZM8%2033H17V39H8V33ZM57%2011H48V17H57V11ZM48%2022H57V28H48V22ZM57%2033H48V39H57V33Z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat
}

.tp-subscribe_list {
    background: #f5f7f8;
    padding: 8px 4px
}

.tp-subscribe_item {
    background: #fff;
    border-radius: 4px;
    padding: 16px 8px;
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, .08);
    box-shadow: 1px 2px 3px rgba(0, 0, 0, .08)
}

.tp-subscribe_item+.tp-subscribe_item {
    margin-top: 8px
}

.tp-subscribe_item.is-subscribed {
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .8
}

.tp-subscribe_item.is-subscribed .tp-subscribe_table {
    opacity: .64
}

.tp-subscribe_item.is-subscribed img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .32
}

.tp-subscribe_item.is-subscribed dt {
    width: 88px;
    background: #e9e9e9;
    padding: 8px
}

.tp-subscribe_image {
    text-align: center
}

.tp-subscribe_image img {
    max-width: 316px;
    width: 80%
}

.tp-subscribe_text {
    margin-top: 8px;
    line-height: 1.5
}

.tp-subscribe_table {
    margin-top: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tp-subscribe_table,
.tp-subscribe_table dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.tp-subscribe_table dl {
    font-size: 12px;
    border-top: 1px dashed hsla(0, 0%, 61.2%, .48)
}

.tp-subscribe_table dl:last-of-type {
    border-bottom: 1px dashed hsla(0, 0%, 61.2%, .48)
}

.tp-subscribe_table dt {
    width: 88px;
    background: #f5f5f1;
    padding: 8px
}

.tp-subscribe_table dd {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 8px
}

.tp-subscribe_link {
    margin: 16px auto 0
}

.tp-subscribe_link .sw-button_link-gray {
    height: 48px
}

.tp-subscribe_link .sw-button_link-gray.is-disabled {
    opacity: .48;
    pointer-events: none;
    cursor: default;
    background-image: none
}

.mte-event_list {
    background: #f5f7f8;
    padding: 8px 4px
}

.mte-event_item {
    background: #fff;
    border-radius: 4px;
    padding: 16px 8px;
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, .08);
    box-shadow: 1px 2px 3px rgba(0, 0, 0, .08)
}

.mte-event_item+.mte-event_item {
    margin-top: 8px
}

.mte-event_item.is-subscribed {
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .8
}

.mte-event_item.is-subscribed .mte-event_table {
    opacity: .64
}

.mte-event_item.is-subscribed img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .32
}

.mte-event_item.is-subscribed dt {
    width: 88px;
    background: #e9e9e9;
    padding: 8px
}

.mte-event_image {
    text-align: center
}

.mte-event_image img {
    max-width: 316px;
    width: 80%
}

.mte-event_text {
    margin-top: 8px;
    line-height: 1.5
}

.mte-event_table {
    margin-top: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mte-event_table,
.mte-event_table dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.mte-event_table dl {
    font-size: 12px;
    border-top: 1px dashed hsla(0, 0%, 61.2%, .48)
}

.mte-event_table dl:last-of-type {
    border-bottom: 1px dashed hsla(0, 0%, 61.2%, .48)
}

.mte-event_table dt {
    width: 88px;
    background: #f5f5f1;
    padding: 8px
}

.mte-event_table dd {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 8px
}

.mte-event_link {
    margin: 16px auto 0
}

.mte-event_link .sw-button_link-gray {
    height: 48px
}

.mte-event_link .sw-button_link-gray.is-disabled {
    opacity: .48;
    pointer-events: none;
    cursor: default;
    background-image: none
}

.tp-product .tp-content_title {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22none%22%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M28%206.667C26.52%206.2%2024.893%206%2023.333%206c-2.6%200-5.4.533-7.333%202-1.933-1.467-4.733-2-7.333-2-2.6%200-5.4.533-7.334%202v19.533c0%20.334.334.667.667.667.133%200%20.2-.067.333-.067%201.8-.866%204.4-1.466%206.334-1.466%202.6%200%205.4.533%207.333%202%201.8-1.134%205.067-2%207.333-2%202.2%200%204.467.4%206.334%201.4.133.066.2.066.333.066.333%200%20.667-.333.667-.666V8C29.867%207.4%2029%207%2028%206.667zm0%2018C26.533%2024.2%2024.933%2024%2023.333%2024c-2.266%200-5.533.867-7.333%202V10.667c1.8-1.134%205.067-2%207.333-2%201.6%200%203.2.2%204.667.666v15.334z%22%20fill%3D%22%236e6e6e%22%2F%3E%3Cpath%20d%3D%22M23.333%2014c1.174%200%202.307.12%203.334.347V12.32c-1.054-.2-2.187-.32-3.334-.32-2.266%200-4.32.387-6%201.107v2.213c1.507-.853%203.6-1.32%206-1.32zM17.333%2016.653v2.214c1.507-.854%203.6-1.32%206-1.32%201.174%200%202.307.12%203.334.346v-2.026c-1.054-.2-2.187-.32-3.334-.32-2.266%200-4.32.4-6%201.106zM23.333%2019.107c-2.266%200-4.32.386-6%201.106v2.214c1.507-.854%203.6-1.32%206-1.32%201.174%200%202.307.12%203.334.346v-2.026a16.93%2016.93%200%2000-3.334-.32z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat
}

.tp-product_item-chugaku,
.tp-product_item-gift,
.tp-product_item-shogaku {
    text-align: center
}

.tp-product_item-chugaku .tp-product_title,
.tp-product_item-gift .tp-product_title,
.tp-product_item-shogaku .tp-product_title {
    margin-top: 16px;
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    padding: 4px 0;
    width: 80%;
    position: relative
}

.tp-product_item-chugaku .tp-product_title:before,
.tp-product_item-gift .tp-product_title:before,
.tp-product_item-shogaku .tp-product_title:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    background: #000;
    top: -5px;
    left: 0
}

.tp-product_item-chugaku .tp-product_title:after,
.tp-product_item-gift .tp-product_title:after,
.tp-product_item-shogaku .tp-product_title:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    background: #000;
    bottom: -5px;
    left: 0
}

.tp-product_item-chugaku .tp-product_title span,
.tp-product_item-gift .tp-product_title span,
.tp-product_item-shogaku .tp-product_title span {
    color: #da3915
}

.tp-product_item-chugaku .tp-product_text,
.tp-product_item-gift .tp-product_text,
.tp-product_item-shogaku .tp-product_text {
    height: 80px;
    font-size: 14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tp-product_item-chugaku a,
.tp-product_item-gift a,
.tp-product_item-shogaku a {
    display: block
}

.tp-product_item-shogaku {
    padding-bottom: 1px
}

.tp-product_item-shogaku .tp-product_button {
    background: #b2eca5;
    border-radius: 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px;
    margin: 16px;
    border: 1px dashed #fff;
    -webkit-box-shadow: 0 0 0 2px #b2eca5;
    box-shadow: 0 0 0 2px #b2eca5
}

.tp-product_item-shogaku .tp-product_button img {
    width: auto;
    height: 36px
}

.tp-product_item-shogaku .tp-product_button span {
    text-align: left;
    margin-left: 16px
}

.tp-product_item-shogakuInner {
    background: url(../images/bgimg_orange.png)
}

.tp-product_item-chugaku {
    padding-bottom: 1px;
    margin-top: 8px
}

.tp-product_item-chugaku .tp-product_button {
    background: #b0e5da;
    border-radius: 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px;
    margin: 16px;
    border: 1px dashed #fff;
    -webkit-box-shadow: 0 0 0 2px #b0e5da;
    box-shadow: 0 0 0 2px #b0e5da
}

.tp-product_item-chugaku .tp-product_button img {
    width: auto;
    height: 36px
}

.tp-product_item-chugaku .tp-product_button span {
    text-align: left;
    margin-left: 16px
}

.tp-product_item-chugakuInner {
    background: url(../images/bgimg_blue.png)
}

.tp-product_item-gift {
    margin-top: 8px
}

.tp-product_item-giftInner {
    background: url(../images/bgimg_pink.png)
}

/* .tp-schedule .tp-content_title {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22none%22%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M28%206.667C26.52%206.2%2024.893%206%2023.333%206c-2.6%200-5.4.533-7.333%202-1.933-1.467-4.733-2-7.333-2-2.6%200-5.4.533-7.334%202v19.533c0%20.334.334.667.667.667.133%200%20.2-.067.333-.067%201.8-.866%204.4-1.466%206.334-1.466%202.6%200%205.4.533%207.333%202%201.8-1.134%205.067-2%207.333-2%202.2%200%204.467.4%206.334%201.4.133.066.2.066.333.066.333%200%20.667-.333.667-.666V8C29.867%207.4%2029%207%2028%206.667zm0%2018C26.533%2024.2%2024.933%2024%2023.333%2024c-2.266%200-5.533.867-7.333%202V10.667c1.8-1.134%205.067-2%207.333-2%201.6%200%203.2.2%204.667.666v15.334z%22%20fill%3D%22%236e6e6e%22%2F%3E%3Cpath%20d%3D%22M23.333%2014c1.174%200%202.307.12%203.334.347V12.32c-1.054-.2-2.187-.32-3.334-.32-2.266%200-4.32.387-6%201.107v2.213c1.507-.853%203.6-1.32%206-1.32zM17.333%2016.653v2.214c1.507-.854%203.6-1.32%206-1.32%201.174%200%202.307.12%203.334.346v-2.026c-1.054-.2-2.187-.32-3.334-.32-2.266%200-4.32.4-6%201.106zM23.333%2019.107c-2.266%200-4.32.386-6%201.106v2.214c1.507-.854%203.6-1.32%206-1.32%201.174%200%202.307.12%203.334.346v-2.026a16.93%2016.93%200%2000-3.334-.32z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat
} */

.tp-schedule_item-0,
.tp-schedule_item-1,
.tp-schedule_item-2 {
    text-align: center
}

.tp-schedule_item-0 .tp-schedule_title,
.tp-schedule_item-1 .tp-schedule_title,
.tp-schedule_item-2 .tp-schedule_title {
    margin-top: 16px;
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    padding: 4px 0;
    width: 80%;
    position: relative
}

.tp-schedule_item-0 .tp-schedule_title:before,
.tp-schedule_item-1 .tp-schedule_title:before,
.tp-schedule_item-2 .tp-schedule_title:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    background: #000;
    top: -5px;
    left: 0
}

.tp-schedule_item-0 .tp-schedule_title:after,
.tp-schedule_item-1 .tp-schedule_title:after,
.tp-schedule_item-2 .tp-schedule_title:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    background: #000;
    bottom: -5px;
    left: 0
}

.tp-schedule_item-0 .tp-schedule_title span,
.tp-schedule_item-1 .tp-schedule_title span,
.tp-schedule_item-2 .tp-schedule_title span {
    color: #da3915
}

.tp-schedule_item-0 .tp-schedule_text,
.tp-schedule_item-1 .tp-schedule_text,
.tp-schedule_item-2 .tp-schedule_text {
    height: 80px;
    font-size: 14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tp-schedule_item-0 a,
.tp-schedule_item-1 a,
.tp-schedule_item-2 a {
    display: block
}

.tp-schedule_item-0 {
    margin-top: 8px
}

.tp-schedule_item-0 .tp-schedule_button {
    background: #F8B4F2;
    border-radius: 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px;
    margin: 16px;
    border: 1px dashed #fff;
    -webkit-box-shadow: 0 0 0 2px #F8B4F2;
    box-shadow: 0 0 0 2px #F8B4F2
}

.tp-schedule_item-0 .tp-schedule_button img {
    width: auto;
    height: 36px
}

.tp-schedule_item-0 .tp-schedule_button span {
    text-align: left;
    margin-left: 16px
}

.tp-schedule_item-0Inner {
    background: url(../images/bgimg_pink.png)
}

.tp-schedule_item-1 {
    padding-bottom: 1px
}

.tp-schedule_item-1 .tp-schedule_button {
    background: #b2eca5;
    border-radius: 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px;
    margin: 16px;
    border: 1px dashed #fff;
    -webkit-box-shadow: 0 0 0 2px #b2eca5;
    box-shadow: 0 0 0 2px #b2eca5
}

.tp-schedule_item-1 .tp-schedule_button img {
    width: auto;
    height: 36px
}

.tp-schedule_item-1 .tp-schedule_button span {
    text-align: left;
    margin-left: 16px
}

.tp-schedule_item-1Inner {
    background: url(../images/bgimg_orange.png)
}

.tp-schedule_item-2 {
    padding-bottom: 1px;
    margin-top: 8px
}

.tp-schedule_item-2 .tp-schedule_button {
    background: #b0e5da;
    border-radius: 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px;
    margin: 16px;
    border: 1px dashed #fff;
    -webkit-box-shadow: 0 0 0 2px #b0e5da;
    box-shadow: 0 0 0 2px #b0e5da
}

.tp-schedule_item-2 .tp-schedule_button img {
    width: auto;
    height: 36px
}

.tp-schedule_item-2 .tp-schedule_button span {
    text-align: left;
    margin-left: 16px
}

.tp-schedule_item-2Inner {
    background: url(../images/bgimg_blue.png)
}

.login-main {
    padding: 0 4.26%;
    margin-top: 24px
}

.login-title {
    font-size: 18px
}

.login-wrap {
    margin-top: 24px
}

.login-item {
    border: 1px solid #e0e0e0;
    padding: 24px 16px
}

.login-item+.login-item {
    margin-top: 16px
}

.login-item_title {
    text-align: center;
    font-weight: 400;
    margin-bottom: 24px
}

.login-item_field+.login-item_field {
    margin-top: 16px
}

.login-item_field-save {
    margin-top: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.login-item_label {
    display: block;
    font-size: 12px
}

.login-item_input {
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 100%;
    height: 40px;
    margin-top: 4px;
    padding: 8px
}

.login-item_submit {
    margin-top: 24px
}

.login-item_button {
    background: #6e6e6e;
    width: 100%;
    height: 50px;
    color: #fff;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 700
}

.login-item_text {
    margin-top: 24px
}

.login-item_text a {
    text-decoration: underline;
    color: #1a0dab
}

.login-item_link {
    background: #6e6e6e;
    width: 100%;
    height: 50px;
    color: #fff;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 700;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%227%22%20height%3D%2211%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%209.266L4.008%205.25%200%201.234%201.234%200l5.25%205.25-5.25%205.25L0%209.266z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center right 8px
}

.mr-main {
    padding: 16px 4.26% 0
}

.mr-handling {
    background: #ececec;
    margin-top: 24px;
    padding: 4.26%;
    margin-left: calc((100vw - 100%)/ 2*-1);
    margin-right: calc((100vw - 100%)/ 2*-1);
    font-size: 14px
}

.mr-handling_box {
    border: 1px solid #6e6e6e
}

.mr-handling_title {
    background: #6e6e6e;
    color: #fff;
    text-align: center;
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mr-handling_text {
    padding: 16px;
    height: 200px;
    background: #fff;
    overflow-y: auto
}

.mr-handling_agree {
    position: relative;
    margin-top: 16px
}

.mr-handling_input-checkbox {
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 50%
}

.mr-handling_input-checkbox:checked+.mr-handling_label-checkbox:before {
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M19%203H5a2%202%200%2000-2%202v14a2%202%200%20002%202h14a2%202%200%20002-2V5a2%202%200%2000-2-2zm-9%2014l-5-5%201.41-1.41L10%2014.17l7.59-7.59L19%208l-9%209z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E")
}

.mr-handling_label-checkbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 56px;
    background: #fff
}

.mr-handling_label-checkbox:before {
    content: "";
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewbox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M19%205v14H5V5h14m0-2H5c-1.1%200-2%20.9-2%202v14c0%201.1.9%202%202%202h14c1.1%200%202-.9%202-2V5c0-1.1-.9-2-2-2z%22%20fill%3D%22%236e6e6e%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
    background-size: contain;
    margin-right: 8px
}

.notice-main {
    padding: 0 4.26%
}

.notice-item {
    border: 1px solid #e0e0e0
}

.notice-item.is-active {
    border: 1px solid #6e6e6e
}

.notice-item.is-active .notice-item_title {
    border-bottom: 1px solid #e8e8e8;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012%2019%206.41z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat
}

.notice-item+.notice-item {
    margin-top: 8px
}

.notice-item_title {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.59%208.59L12%2013.17%207.41%208.59%206%2010l6%206%206-6-1.41-1.41z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center right 16px;
    padding: 16px 48px 16px 16px
}

.notice-item_title span {
    display: block
}

.notice-item_content {
    padding: 16px;
    display: none
}

.schedule-main {
    padding: 0 4.26%
}

.schedule-main .row {
    margin-right: 0px;
    margin-left: 0px;
}

.schedule-item {
    border: 1px solid #e0e0e0
}

.schedule-item.is-active {
    border: 1px solid #6e6e6e
}

.schedule-item.is-active .schedule-item_title {
    border-bottom: 1px solid #e8e8e8;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012%2019%206.41z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat
}

.schedule-item+.schedule-item {
    margin-top: 8px
}

.schedule-item_title {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.59%208.59L12%2013.17%207.41%208.59%206%2010l6%206%206-6-1.41-1.41z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center right 16px;
    padding: 16px 48px 16px 16px
}

.schedule-item_title span {
    display: block
}

.schedule-item_content {
    padding: 16px;
    display: none
}

.mte-schedule_list {
    background: #f5f7f8;
    padding: 8px 4px
}

.mte-schedule_item {
    background: #fff;
    border-radius: 4px;
    padding: 16px 8px;
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, .08);
    box-shadow: 1px 2px 3px rgba(0, 0, 0, .08)
}

.mte-schedule_item+.mte-schedule_item {
    margin-top: 8px
}

.mte-schedule_item.is-subscribed {
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .8
}

.mte-schedule_item.is-subscribed .mte-schedule_table {
    opacity: .64
}

.mte-schedule_item.is-subscribed img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .32
}

.mte-schedule_item.is-subscribed dt {
    width: 88px;
    background: #e9e9e9;
    padding: 8px
}

.mte-schedule_title {
    text-align: center;
    max-width: 500px;
    width: 100%
}

.mte-schedule_text {
    margin-top: 8px;
    line-height: 1.5
}

.mte-schedule_table {
    margin-top: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mte-schedule_table,
.mte-schedule_table dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.mte-schedule_table dl {
    font-size: 12px;
    border-top: 1px dashed hsla(0, 0%, 61.2%, .48)
}

.mte-schedule_table dl:last-of-type {
    border-bottom: 1px dashed hsla(0, 0%, 61.2%, .48)
}

.mte-schedule_table dt {
    width: 88px;
    background: #f5f5f1;
    padding: 8px
}

.mte-schedule_table dd {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 8px
}

.mte-schedule_link {
    margin: 16px auto 0
}

.mte-schedule_link .sw-button_link-gray {
    height: 48px
}

.mte-schedule_link .sw-button_link-gray.is-disabled {
    opacity: .48;
    pointer-events: none;
    cursor: default;
    background-image: none
}


.slider-main {
    padding: 0 4.26%
}

.slider-main .row {
    margin-right: 0px;
    margin-left: 0px;
}

.slider-item {
    border: 1px solid #e0e0e0
}

.slider-item.is-active {
    border: 1px solid #6e6e6e
}

.slider-item.is-active .slider-item_title {
    border-bottom: 1px solid #e8e8e8;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012%2019%206.41z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat
}

.slider-item+.slider-item {
    margin-top: 8px
}

.slider-item_title {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.59%208.59L12%2013.17%207.41%208.59%206%2010l6%206%206-6-1.41-1.41z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center right 16px;
    padding: 16px 48px 16px 16px
}

.slider-item_title span {
    display: block
}

.slider-item_content {
    padding: 16px;
    display: none
}

.mte-slider_list {
    background: #f5f7f8;
    padding: 8px 4px
}

.mte-slider_item {
    background: #fff;
    border-radius: 4px;
    padding: 16px 8px;
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, .08);
    box-shadow: 1px 2px 3px rgba(0, 0, 0, .08)
}

.mte-slider_item+.mte-slider_item {
    margin-top: 8px
}

.mte-slider_item.is-subscribed {
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .8
}

.mte-slider_item.is-subscribed .mte-slider_table {
    opacity: .64
}

.mte-slider_item.is-subscribed img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .32
}

.mte-slider_item.is-subscribed dt {
    width: 88px;
    background: #e9e9e9;
    padding: 8px
}

.mte-slider_title {
    text-align: center;
    max-width: 500px;
    width: 100%
}

.mte-slider_text {
    margin-top: 8px;
    line-height: 1.5
}

.mte-slider_table {
    margin-top: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mte-slider_table,
.mte-slider_table dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.mte-slider_table dl {
    font-size: 12px;
    border-top: 1px dashed hsla(0, 0%, 61.2%, .48)
}

.mte-slider_table dl:last-of-type {
    border-bottom: 1px dashed hsla(0, 0%, 61.2%, .48)
}

.mte-slider_table dt {
    width: 88px;
    background: #f5f5f1;
    padding: 8px
}

.mte-slider_table dd {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 8px
}

.mte-slider_link {
    margin: 16px auto 0
}

.mte-slider_link .sw-button_link-gray {
    height: 48px
}

.mte-slider_link .sw-button_link-gray.is-disabled {
    opacity: .48;
    pointer-events: none;
    cursor: default;
    background-image: none
}

.il-main {
    padding: 0 4.26%
}

.il-list {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.il-list_item {
    margin: 20px;
    padding-right: 24px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.59%208.59L12%2013.17%207.41%208.59%206%2010l6%206%206-6-1.41-1.41z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 100%
}

.il-item+.il-item {
    margin-top: 40px
}

.il-item_title {
    font-size: 18px;
    margin: 24px 0;
    padding: 0 16px;
    font-weight: 400
}

.il-item_wrap {
    background: #f8f8f8;
    padding: 16px
}

.il-item_content+.il-item_content {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px dashed #adadad
}

.il-item_img {
    background: #f8f8f8;
    text-align: center
}

.il-item_img img {
    width: 100%
}

.il-item_text {
    margin-top: 16px
}

.il-item_link {
    margin-top: 24px
}

.il-item_link_order {
    height: 50px
}

.il-item_link_order .sw-button_link-gray {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.il-item_link_campaign {
    height: 50px;
    margin-top: 16px
}

.il-item_link_campaign .sw-button_link-white {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.order-main {
    padding: 24px 4.26% 0
}

.order-applicant {
    border: 1px solid #ccc;
    padding: 16px;
    margin-top: 24px
}

.order-applicant_title {
    font-size: 16px
}

.order-delivery_button {
    font-size: 14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    width: 280px;
    height: 48px;
    margin: 0 auto 16px;
    border-radius: 3px;
    background: #6e6e6e;
    color: #fff
}

.order-delivery_button:after {
    content: "";
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm5%2011h-4v4h-2v-4H7v-2h4V7h2v4h4v2z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
    background-size: contain;
    margin-left: 4px
}

.order-applicant_list dl {
    margin-top: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px
}

.order-applicant_list dt {
    text-align: right;
    width: 88px;
    font-weight: 700
}

.order-applicant_list dd {
    -moz-text-align-last: left;
    text-align-last: left;
    margin-left: 24px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.order-delivery_title {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20fill%3D%22none%22%20viewBox%3D%220%200%2030%2030%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0)%22%20fill%3D%22%236e6e6e%22%3E%3Cpath%20d%3D%22M6.837%2020.762a2.848%202.848%200%20100%205.697%202.848%202.848%200%20000-5.697zm0%204.13a1.282%201.282%200%20110-2.564%201.282%201.282%200%20010%202.564zM23.66%2020.762a2.848%202.848%200%20100%205.696%202.848%202.848%200%20000-5.696zm0%204.13a1.282%201.282%200%2011.002-2.564%201.282%201.282%200%2001-.002%202.564z%22%2F%3E%3Cpath%20d%3D%22M11.726%207.537H5.303a.702.702%200%2000-.541.253L.164%2013.308a.702.702%200%2000-.164.45V21.129c0%20.39.316.706.705.706h2.159a4.36%204.36%200%20013.973-2.58%204.36%204.36%200%20013.973%202.58h1.621V8.24a.705.705%200%2000-.705-.704zM2.574%2013.83c0-.167.057-.329.163-.458l2.936-3.615a.727.727%200%2001.564-.269h2.876c.401%200%20.727.326.727.727v4.103a.727.727%200%2001-.727.726H3.3a.727.727%200%2001-.727-.726v-.488zM14.27%2019.851a.396.396%200%2000-.397.397v1.19c0%20.218.177.396.396.396h5.418a4.38%204.38%200%20011.783-1.983h-7.2zM29.554%2019.851H25.85a4.376%204.376%200%20011.782%201.983h1.92c.22%200%20.397-.178.397-.397v-1.19a.397.397%200%2000-.396-.396zM29.154%203.542H14.768a.845.845%200%2000-.845.845v13.284c0%20.467.378.846.845.846h14.386A.846.846%200%200030%2017.67V4.387a.846.846%200%2000-.846-.845zm-2.302%204.315h-9.78a.397.397%200%2001-.397-.396v-.793c0-.22.177-.397.396-.397h9.78c.22%200%20.397.178.397.397v.793a.397.397%200%2001-.396.396zm-9.78%202.38h9.78c.218%200%20.396.176.396.396v.793a.397.397%200%2001-.396.396h-9.78a.397.397%200%2001-.397-.396v-.793c0-.22.177-.397.396-.397zm0%203.964h9.78c.218%200%20.396.178.396.397v.793a.397.397%200%2001-.396.396h-9.78a.397.397%200%2001-.397-.396v-.793c0-.22.177-.397.396-.397z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h30v30H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E")
}

.order-delivery_title,
.order-newspaper_title {
    background-repeat: no-repeat;
    background-size: 16px 16px;
    padding-left: 24px;
    background-position: 0;
    border-bottom: 1px solid #6e6e6e;
    padding-bottom: 4px;
    margin-top: 24px;
    margin-bottom: 16px;
    font-size: 16px
}

.order-newspaper_title {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22none%22%20viewBox%3D%220%200%2032%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M28%208V4H0v22a2%202%200%20002%202h27a3%203%200%20003-3V8h-4zm-2%2018H2V6h24v20zM4%2010h20v2H4v-2zm12%204h8v2h-8v-2zm0%204h8v2h-8v-2zm0%204h6v2h-6v-2zM4%2014h10v10H4V14z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E")
}

.order-video_title {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2265%22%20height%3D%2250%22%20viewBox%3D%220%200%2065%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%200H8V6H17V0H48V6H57V0H65V50H57V44H48V50H17V44H8V50H0V0ZM8%2011H17V17H8V11ZM17%2022H8V28H17V22ZM8%2033H17V39H8V33ZM57%2011H48V17H57V11ZM48%2022H57V28H48V22ZM57%2033H48V39H57V33Z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    padding-left: 24px;
    background-position: 0;
    border-bottom: 1px solid #6e6e6e;
    padding-bottom: 4px;
    margin-top: 24px;
    margin-bottom: 16px;
    font-size: 16px
}

.order-caution {
    margin-top: 16px;
    text-align: center
}

.order-caution p {
    font-size: 14px
}

.order-caution p+p {
    margin-top: 1em
}

.order-caution .sw-button_back,
.order-caution .sw-button_back-iconNone {
    background: 0 0
}

.info-main {
    padding: 0 4.26%
}

.info-box {
    margin-top: 24px
}

.info-box_header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px
}

.info-box_title {
    font-weight: 400;
    font-size: 16px
}

.info-box_link {
    font-size: 12px;
    border: 1px solid #6e6e6e;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%227%22%20height%3D%2211%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%209.266L4.008%205.25%200%201.234%201.234%200l5.25%205.25-5.25%205.25L0%209.266z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center right 8px;
    width: 160px;
    height: 48px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 8px
}

.info-box_delete {
    margin-top: 24px;
    font-size: 12px;
    color: #df0a17;
    border: 1px solid #6e6e6e;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%227%22%20height%3D%2211%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%209.266L4.008%205.25%200%201.234%201.234%200l5.25%205.25-5.25%205.25L0%209.266z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center right 8px;
    width: 160px;
    height: 48px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 8px
}

.info-list {
    font-size: 12px
}

.info-list dt {
    font-weight: 700;
    border-top: 1px solid #e0e0e0;
    background: #f5f5f1
}

.info-list dd,
.info-list dt {
    padding: 8px 16px
}

.info-list dd .info-box_link .info-box_delete {
    margin-left: auto;
    margin-right: -16px
}

.info-history {
    margin-top: 40px;
    padding: 16px;
    border: 1px solid #e0e0e0
}

.info-history_title {
    font-size: 16px;
    font-weight: 400
}

.info-history_text {
    margin-top: 16px
}

.info-history_link {
    height: 48px;
    margin-top: 24px
}

.info-history_link a {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.info-unsubscribe {
    margin-top: 40px;
    padding: 16px;
    background: #f8f8f8
}

.info-unsubscribe_title {
    font-size: 16px;
    font-weight: 400
}

.info-unsubscribe_text {
    margin-top: 16px
}

.info-unsubscribe_link {
    height: 48px;
    margin-top: 24px
}

.info-unsubscribe_link a {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.change-main {
    padding: 0 4.26%
}

.change-text {
    margin-top: 24px;
    line-height: 1.5
}

.change-text-card {
    font-size: 14px;
    line-height: 1.5
}

.change-box {
    border: 1px solid #e0e0e0;
    padding: 16px;
    margin-top: 24px
}

.change-box_card {
    width: 148px;
    height: 40px;
    color: #fff;
    background: #231815;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.change-box_text {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #ccc
}

.change-comp_table {
    background: #f5f7f8;
    padding: 0 4px 8px
}

.change-comp_table:first-of-type {
    margin-top: 24px;
    padding-top: 8px
}

.change-comp_tableInner {
    background: #fff;
    border-radius: 4px;
    padding: 16px 8px;
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, .08);
    box-shadow: 1px 2px 3px rgba(0, 0, 0, .08)
}

.change-comp_tableItem dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    border-bottom: 1px dashed hsla(0, 0%, 61.2%, .48)
}

.change-comp_tableItem dl:first-of-type {
    border-top: 1px dashed hsla(0, 0%, 61.2%, .48)
}

.change-comp_tableItem dt {
    width: 88px;
    background: #f5f5f1;
    padding: 8px
}

.change-comp_tableItem dd {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 8px
}

#loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 39.2%, .72);
    z-index: 100;
    text-align: center
}

.loader-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -160px;
    margin-top: -80px;
    width: 320px;
    height: 160px;
    text-align: center
}

.loader-item,
.loader-item:after {
    border-radius: 50%;
    width: 10em;
    height: 10em
}

.loader-item {
    margin: 0 auto 24px;
    font-size: 8px;
    position: relative;
    text-indent: -9999em;
    border: 1.1em solid hsla(0, 0%, 100%, .2);
    border-left-color: #fff;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s linear infinite;
    animation: load8 1.1s linear infinite
}

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

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

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

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

.loader-text {
    color: #fff;
    font-size: 14px;
    text-shadow: 0 0 8px rgba(0, 0, 0, .64)
}

.credit-main {
    padding: 0 4.26%
}

.credit-text {
    font-size: 14px;
    line-height: 1.5
}

.credit-list {
    margin-top: 40px;
    border: 1px solid #e0e0e0;
    padding: 16px
}

.credit-list_item {
    border: 1px solid #eee;
    padding: 16px
}

.credit-list_item.is-registered {
    border: 1px solid #231815
}

.credit-list_item.is-registered .credit-list_name {
    background: #231815
}

.credit-list_item+.credit-list_item {
    margin-top: 16px
}

.credit-list_name {
    width: 148px;
    height: 40px;
    color: #fff;
    background: #ccc;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.credit-list_text {
    margin-top: 16px;
    font-size: 16px
}

.credit-list_text span {
    font-size: 12px;
    display: block
}

.credit-list_link {
    margin-top: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.credit-list_change {
    background: #6e6e6e;
    border-radius: 2px;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    color: #fff;
    -webkit-box-flex: 6;
    -webkit-flex: 6;
    -ms-flex: 6;
    flex: 6;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%227%22%20height%3D%2211%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%209.266L4.008%205.25%200%201.234%201.234%200l5.25%205.25-5.25%205.25L0%209.266z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center right 8px
}

.credit-list_change,
.credit-list_delete {
    width: 100%;
    height: 48px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0 8px;
    font-size: 14px
}

.credit-list_delete {
    background: #fff;
    color: #6e6e6e;
    border: 1px solid #646464;
    border-radius: 2px;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    margin-left: 16px;
    -webkit-box-flex: 4;
    -webkit-flex: 4;
    -ms-flex: 4;
    flex: 4
}

.credit-handling {
    background: #ececec;
    margin-top: 24px;
    padding: 4.26%;
    margin-left: calc((100vw - 100%)/ 2*-1);
    margin-right: calc((100vw - 100%)/ 2*-1);
    font-size: 14px
}

.credit-handling_box {
    border: 1px solid #6e6e6e
}

.credit-handling_title {
    background: #6e6e6e;
    color: #fff;
    text-align: center;
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.credit-handling_text {
    padding: 16px;
    height: 200px;
    background: #fff;
    overflow-y: auto
}

.credit-handling_agree {
    margin-top: 16px
}

.credit-handling_input-checkbox {
    display: none
}

.credit-handling_input-checkbox:checked+.credit-handling_label-checkbox:before {
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M19%203H5a2%202%200%2000-2%202v14a2%202%200%20002%202h14a2%202%200%20002-2V5a2%202%200%2000-2-2zm-9%2014l-5-5%201.41-1.41L10%2014.17l7.59-7.59L19%208l-9%209z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E")
}

.credit-handling_label-checkbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 56px;
    background: #fff
}

.credit-handling_label-checkbox:before {
    content: "";
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewbox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M19%205v14H5V5h14m0-2H5c-1.1%200-2%20.9-2%202v14c0%201.1.9%202%202%202h14c1.1%200%202-.9%202-2V5c0-1.1-.9-2-2-2z%22%20fill%3D%22%236e6e6e%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
    background-size: contain;
    margin-right: 8px
}

.credit-comp_noteTitle {
    font-size: 24px;
    color: #df0a17;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 32px
}

.credit-comp_noteTitle:before {
    content: "";
    width: 32px;
    height: 32px;
    background-size: contain;
    display: block;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%22190%22%20height%3D%22190%22%20viewBox%3D%220%200%20190%20190%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%3Cpath%20d%3D%22M187.437%20151.082L111.614%2019.745a19.24%2019.24%200%2000-16.616-9.592%2019.223%2019.223%200%2000-16.607%209.592L2.563%20151.076a19.232%2019.232%200%20000%2019.182%2019.232%2019.232%200%200016.61%209.589h151.656c6.83%200%2013.199-3.672%2016.61-9.589%203.416-5.917%203.416-13.266-.001-19.176zm-92.436%207.166c-6.556%200-11.88-5.318-11.88-11.876%200-6.557%205.324-11.874%2011.88-11.874%206.556%200%2011.874%205.317%2011.874%2011.874%200%206.559-5.318%2011.876-11.874%2011.876zm7.317-38.009a7.315%207.315%200%2001-7.317%207.313%207.312%207.312%200%2001-7.317-7.313l-4.563-53.707c0-6.56%205.324-11.876%2011.88-11.876%206.556%200%2011.874%205.317%2011.874%2011.876l-4.557%2053.707z%22%20fill%3D%22%23ffc702%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h190v190H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    margin-right: 8px
}

.credit-comp_note {
    background: #6e6e6e;
    color: #fff
}

.my-order-main {
    margin-top: 24px;
    padding: 0 4.26%
}

.my-event-main {
    margin-top: 24px;
    padding: 0 4.26%
}

.mo-box {
    margin-bottom: 40px
}

.mo-subscribe_table {
    margin-top: 16px;
    border-bottom: 1px dashed hsla(0, 0%, 61.2%, .48)
}

.mo-subscribe_table dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    border-top: 1px dashed hsla(0, 0%, 61.2%, .48)
}

.mo-subscribe_table dt {
    width: 88px;
    background: #f5f5f1;
    padding: 8px
}

.mo-subscribe_table dd {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 8px
}

.mo-link {
    margin-top: 16px;
    padding: 16px;
    border: 1px solid #e0e0e0
}

.mo-link_title {
    font-size: 16px;
    font-weight: 400
}

.mo-link_text {
    margin-top: 16px
}

.mo-link_content {
    width: 100%
}

.mo-link_notes {
    border: 1px solid #f6f6f6;
    margin-top: 16px
}

.mo-link_link {
    height: 48px;
    margin-top: 24px
}

.mo-link_link a {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mo-unsubscribe {
    margin-top: 40px;
    padding: 16px;
    background: #f8f8f8
}

.mo-unsubscribe_title {
    font-size: 16px;
    font-weight: 400
}

.mo-unsubscribe_text {
    margin-top: 16px
}

.mo-unsubscribe_link {
    height: 48px;
    margin-top: 24px
}

.mo-unsubscribe_link a {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cause-box {
    border-top: 1px solid #ccc;
    padding-top: 24px;
    margin-top: 24px
}

.cause-box .sw-form_box-radio {
    margin-top: 16px
}

.cause-box .sw-form_item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.cause-box .sw-form_item+.sw-form_item {
    margin-left: 0;
    margin-top: 8px;
    padding-left: 32px
}

.cause-box .sw-form_item-radio {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.cause-box .sw-form_input_radio {
    display: block;
    opacity: 0;
    position: absolute;
    top: 6px;
    left: 6px
}

.cause-box .sw-form_input_radio:checked+.sw-form_label-radio {
    border: none;
    color: #231815;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%207c-2.76%200-5%202.24-5%205s2.24%205%205%205%205-2.24%205-5-2.24-5-5-5zm0-5C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm0%2018c-4.42%200-8-3.58-8-8s3.58-8%208-8%208%203.58%208%208-3.58%208-8%208z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E")
}

.cause-box .sw-form_label-radio {
    border: none;
    color: #231815;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: auto;
    border-radius: 3px;
    display: block;
    padding-left: 32px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm0%2018c-4.42%200-8-3.58-8-8s3.58-8%208-8%208%203.58%208%208-3.58%208-8%208z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E");
    background-position: 0;
    background-size: 24px 24px;
    font-size: 14px;
    line-height: 24px
}

.cause-box .sw-form_label-radio:last-of-type {
    margin-left: 0
}

.swc-main {
    padding: 0 4.26%
}

.swc-text {
    margin-bottom: 24px
}

.swc-text_compTitle {
    font-weight: 700;
    font-size: 18px;
    margin: 40px 0 32px;
    text-align: center
}

.video-main {
    margin-top: 24px;
    padding: 0 4.26%
}

.video-top {
    position: relative
}

.video-multi-talent {
    margin-top: 16px
}

.video-plan_title {
    font-size: 15px;
    font-weight: 400
}

.video-plan {
    background: #f8f8f8;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    margin-left: calc((100vw - 100%)/ 2*-1);
    margin-right: calc((100vw - 100%)/ 2*-1);
    padding: 0 4.26%;
    margin-top: 8px
}

.video-plan_wrap {
    background: #fff;
    padding: 10px 10px 20px;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .16);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .16)
}

.video-plan_image {
    width: auto
}

.video-plan_image img {
    width: 100%;
    height: auto
}

.video-plan_content h4 {
    font-weight: 700
}

.video-plan_content p {
    margin-top: 1em;
    color: #606060
}

.video-plan_content .video-plan_card {
    color: #fa5315;
    margin-top: 16px;
    text-align: left
}

.video-plan_content .video-plan_button {
    margin-top: 20px
}

.video-plan_content .video-plan_button .sw-button_link-gray,
.video-plan_content .video-plan_button .sw-button_link-white {
    height: 38px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.video-plan_content .video-plan_button .sw-button_link-white {
    margin-top: 10px
}

.video-plan_content .video-plan_note {
    margin-top: 16px
}

.video-plan_card {
    color: #fa5315;
    margin-top: 16px;
    text-align: left
}

.video-faq {
    background: #f8f8f8 0 0 no-repeat padding-box;
    margin-top: 40px;
    padding: 32px 0
}

.video-faq_inner {
    padding: 0 4.26%
}

.video-faq_inner h2 {
    color: #ed7015;
    text-align: center;
    font-weight: 700
}

.video-faq_list .video-faq_listItem dl {
    margin-top: 24px
}

.video-faq_list dt {
    color: #ed7015;
    font-weight: 700
}

.video-faq_list dt span {
    font-size: 20px;
    margin-right: 4px
}

.video-faq_list dd {
    margin-top: 8px
}

.video-main_code h2 {
    text-align: center;
    font-weight: 700;
    font-size: 14px
}

.video-main_code p {
    text-align: center;
    font-size: 12px;
    margin-top: 16px
}

.video-main_code .video-main_code-input {
    margin-top: 24px
}

.video-main_code .video-main_code-input .sw-form_input {
    margin-top: 8px
}

.video-main_comp .sw-form_home {
    margin: 40px
}

.video-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -32px
}

.video-list .video-list_item {
    margin-top: 32px;
    width: calc(50% - 4px);
    margin-right: 4px
}

.video-list .video-list_item .video-list_image {
    width: 100%;
    padding-top: 56.25%;
    background-position: 50%;
    background-size: cover;
    border: 1px solid #ddd;
    position: relative;
    overflow: hidden
}

.video-list .video-list_item .video-list_image:after {
    content: "有料";
    position: absolute;
    top: -12px;
    left: -32px;
    color: #fff;
    background-color: #fe7800;
    font-size: 12px;
    font-weight: 700;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 80px;
    padding: 20px 0 2px;
    text-align: center
}

.video-list .video-list_item.is-free .video-list_image:after {
    display: none
}

.video-list .video-list_item .video-list_date {
    font-size: 12px;
    color: #333;
    margin-top: 4px
}

.video-list .video-list_item .video-list_title {
    font-size: 14px;
    font-weight: 700;
    margin-top: 4px
}

.video-top_paid .sw-title_video {
    font-size: 18px;
    background-position: 0;
    background-size: 24px 24px;
    padding-left: 32px;
    margin: 24px 0 4px
}

.is-paid {
    position: relative;
    display: inline-block;
    padding-right: 48px
}

.is-paid:after {
    content: "有料";
    display: block;
    color: #ee7b17;
    border: 1px solid #ee7b17;
    font-size: 8px;
    font-weight: 700;
    position: absolute;
    width: 38px;
    height: 14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 50%;
    right: 0;
    margin-top: -7px;
    background-color: #fff
}

.video-top_paidNav {
    border-top: 1px solid #c6c6c6;
    margin: 10px calc((100vw - 100%)/ 2*-1)
}

.video-top_paidNav li {
    width: 100%;
    padding: 10px 4.26%;
    border-bottom: 1px solid #c6c6c6;
    background: #dbdada
}

.video-top h3 {
    font-size: 14px;
    font-weight: 400;
    margin-top: 24px;
    margin-bottom: 8px
}

.video-top h3.multi-talent {
    margin-top: 40px
}

.video-sort {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 16px
}

.video-sort>div+div {
    margin-left: 16px
}

.video-sort div:hover {
    opacity: .8;
    cursor: pointer
}

.video-sort div.is-active {
    font-weight: 700
}

.video-cat h3 {
    margin-bottom: 24px
}

.is-paid_image {
    position: relative;
    overflow: hidden
}

.is-paid_image:after {
    content: "有料";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3
}

.video-search {
    position: relative;
    width: 100%
}

.video-search .video-search_input {
    border: 1px solid #707070;
    height: 51px;
    width: 100%;
    padding: 0 8px;
    border-radius: 3px
}

.video-search .video-search_submit {
    width: 51px;
    height: 51px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2247%22%20height%3D%2247%22%20viewBox%3D%220%200%2047%2047%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20.5%2035C12.4919%2035%206%2028.5081%206%2020.5C6%2012.4919%2012.4919%206%2020.5%206C28.5081%206%2035%2012.4919%2035%2020.5C35%2028.5081%2028.5081%2035%2020.5%2035ZM0%2020.5C0%209.17816%209.17816%200%2020.5%200C31.8218%200%2041%209.17816%2041%2020.5C41%2025.0788%2039.4989%2029.307%2036.9619%2032.7192L45.1421%2040.8995C46.3137%2042.0711%2046.3137%2043.9706%2045.1421%2045.1422C43.9706%2046.3137%2042.0711%2046.3137%2040.8995%2045.1422L32.7192%2036.9619C29.3069%2039.4989%2025.0788%2041%2020.5%2041C9.17816%2041%200%2031.8218%200%2020.5Z%22%20fill%3D%22%237C7C7C%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: 50%;
    position: absolute;
    margin-right: -8px;
    top: 0;
    right: 0
}

.video-more {
    text-align: center;
    margin-top: 24px
}

.video-more span {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.59%208.59L12%2013.17%207.41%208.59%206%2010l6%206%206-6-1.41-1.41z%22%20fill%3D%22%237c7c7c%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center right 8px;
    padding-right: 32px
}

.video-play {
    position: relative
}

.video-play .video-search {
    position: relative;
    width: 100%
}

.video-play_box {
    background: #ffe5cc;
    padding: 8px;
    margin-top: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.video-play_box .mte-baseplayer {
    width: 100% !important;
    height: 870px !important
}

.video-play_box .mte-screen {
    width: 100% !important;
    height: 240px !important;
    position: relative !important
}

.video-play_box .mte-video {
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: pointer;
    z-index: 0;
    max-width: 100%;
    max-height: 498px;
    width: 100%;
    margin-top: 19.5px;
    height: 220px;
}

.video-play_box .mte-video-list {
    width: 100% !important;
    top: 380px !important;
    left: 0 !important
}

.video-play_box .mte-video-info {
    width: 100% !important;
    top: 250px !important
}

.video-play_box .mte-video-info .date {
    display: none !important
}

.video-play_box .mte-video-info .description {
    color: #000 !important;
    margin-top: 8px
}

.video-play_box .video-info-area {
    width: 640px;
    height: 120px;
    left: 0px;
    top: 370px;
    border-width: 0px;
    padding: 0px;
    font-size: 12px;
    font-weight: bold;
    color: rgb(153, 153, 153);
    overflow: auto;
    position: absolute;
}

.video-play_box .video-info-area .video-info-title {
    float: left;
    font-size: 16px;
    color: rgb(0, 0, 0);
    width: auto;
    white-space: pre-line;
    overflow-wrap: break-word;
    word-break: break-all;
}

.video-play_box .video-info-area .video-info-date {
    overflow: hidden;
    float: right;
    font-size: 12px;
    visibility: hidden;
}

.video-play_box .video-info-area .video-info-description {
    font-size: 14px;
    font-weight: normal;
    overflow: hidden auto;
    white-space: pre-line;
    overflow-wrap: break-word;
    word-break: break-all;
}

.video-play_box .mte-thumbnail-box {
    padding: 0 !important;
    background-color: inherit !important;
    margin: 0 !important;
    border-radius: 0
}

.video-play_box .mte-video-item {
    background-color: inherit !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100% !important;
    height: auto !important;
    border-radius: 0 !important
}

.video-play_box .mte-video-item .duration {
    top: 74px !important;
    left: 131px !important
}

.video-play_box .mte-video-item .title {
    color: #000 !important;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.video-play_box .mte-video-item .title-content {
    /* white-space: pre-line; */
    overflow-wrap: break-word;
    word-break: break-all;
    margin-right: 10px;
    margin-left: 10px;
}

.video-play_box div.mte-video-item div.mte-thumbnail-box {
    height: auto !important
}

.video-caution .video-main_code {
    margin-bottom: 40px
}

.video-list_more {
    text-align: right;
    margin-top: 16px
}

.video-list_more a {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%227%22%20height%3D%2211%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%209.266L4.008%205.25%200%201.234%201.234%200l5.25%205.25-5.25%205.25L0%209.266z%22%20fill%3D%22%236c6c6c%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    color: #6c6c6c;
    background-position: 100%;
    display: inline-block;
    padding-right: 16px;
    line-height: 32px;
    height: 32px;
    margin-left: auto;
    font-size: 12px
}

.video-list_more-center {
    text-align: center;
    margin-top: 16px
}

.video-list_more-center a {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.59%208.59L12%2013.17%207.41%208.59%206%2010l6%206%206-6-1.41-1.41z%22%20fill%3D%22%236c6c6c%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    color: #6c6c6c;
    background-position: 100%;
    display: inline-block;
    padding-right: 24px;
    line-height: 32px;
    height: 32px;
    margin-left: auto;
    font-size: 12px
}

.video-list_more-center.is-loading {
    font-size: 10px;
    margin: 0 auto;
    text-indent: -9999em;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #ee7b17;
    background: -webkit-linear-gradient(left, #ee7b17 10%, hsla(0, 0%, 100%, 0) 42%);
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, #ee7b17), color-stop(42%, hsla(0, 0%, 100%, 0)));
    background: linear-gradient(90deg, #ee7b17 10%, hsla(0, 0%, 100%, 0) 42%);
    position: relative;
    -webkit-animation: load3 1.4s linear infinite;
    animation: load3 1.4s linear infinite;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.video-list_more-center.is-loading a {
    display: none
}

.video-list_more-center.is-loading:before {
    width: 50%;
    height: 50%;
    background: #fff;
    border-radius: 100% 0 0 0;
    position: absolute;
    top: 0;
    left: 0;
    content: ""
}

.video-list_more-center.is-loading:after {
    background: #fff;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

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

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

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

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

.co-sales {
    text-align: center;
    margin-bottom: 8px
}

.error-main {
    padding: 24px 4.26% 0
}

.error-main .error {
    text-align: center;
    margin-bottom: 40px
}

@media screen and (min-width:321px) {
    .sw-form_input-zipcode:first-of-type {
        width: 80px
    }

    .sw-form_input-zipcode:nth-of-type(2) {
        width: 112px
    }

    .tp-hero_subText,
    .tp-hero_text {
        font-size: 12px
    }

    .tp-hero_priceNum {
        font-size: 16px
    }
}

@media screen and (min-width:375px) {

    .tp-hero_subText,
    .tp-hero_text {
        font-size: 12px
    }

    .tp-content_title,
    .tp-hero_priceNum {
        font-size: 16px
    }

    .tp-content_link {
        font-size: 12px
    }
}

@media screen and (min-width:376px) {
    .is-active .st-header_contents {
        width: 80%
    }

    .tp-newspaper_button span,
    .tp-trial_button span {
        display: block
    }

    .tp-content_link {
        width: 160px;
        padding: 16px
    }

    .tp-product_item-chugaku .tp-product_title,
    .tp-product_item-gift .tp-product_title,
    .tp-product_item-shogaku .tp-product_title {
        width: 184px
    }

    .tp-schedule_item-0 .tp-schedule_title,
    .tp-schedule_item-1 .tp-schedule_title,
    .tp-schedule_item-2 .tp-schedule_title {
        width: 184px
    }
}

@media screen and (min-width:768px) {

    a:hover,
    button:hover,
    input[type=button]:hover,
    input[type=submit]:hover {
        opacity: .72
    }

    .br-sp {
        display: none
    }

    .sw-button_back,
    .sw-button_back-iconNone,
    .sw-button_link-gray,
    .sw-button_link-orange,
    .sw-button_link-white,
    .sw-button_submit {
        font-size: 16px;
        padding: 0 16px
    }

    .sw-button_search {
        width: 112px;
        margin-left: 16px
    }

    .sw-form {
        margin-top: 40px
    }

    .sw-form_field {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .sw-form_field,
    .sw-form_field-card,
    .sw-form_field.is-show {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .sw-form_field-card {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .sw-form_title,
    .sw-form_title-required {
        margin-right: 40px;
        font-size: 16px;
        width: 264px;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .sw-form_title-required:after {
        font-size: 12px;
        width: 32px;
        min-width: 32px;
        height: 20px;
        margin-left: 8px
    }

    .sw-form_inputArea {
        width: 496px
    }

    .sw-form_confirmArea {
        width: 496px;
        margin-top: 0;
        font-size: 20px
    }

    .sw-form_box {
        margin-top: 0
    }

    .sw-form_box+.sw-form_box {
        margin-top: 24px
    }

    .sw-form_box-date {
        margin-top: 0
    }

    .sw-form_box-date+.sw-form_box-date {
        margin-top: 24px
    }

    .sw-form_item-text {
        line-height: 29px
    }

    .sw-form_label {
        font-size: 14px
    }

    .sw-form_box-date .sw-form_select,
    .sw-form_calender,
    .sw-form_input,
    .sw-form_input-tel,
    .sw-form_input-zipcode,
    .sw-form_select,
    form dl:not(.sw-form_field) dd select.select {
        height: 50px
    }

    .sw-form_input-zipcode:nth-of-type(2) {
        width: 136px
    }

    .sw-form_label-radio {
        height: 50px
    }

    .sw-form_label-checkbox {
        cursor: pointer
    }

    .sw-form_action {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .sw-form_action,
    .sw-form_action-comp {
        margin-top: 80px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .sw-form_action-comp {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .sw-form_submit {
        width: 320px
    }

    .sw-form_back {
        width: 320px;
        margin-top: 0;
        margin-right: 40px
    }

    .sw-form_confirm {
        margin-top: 40px
    }

    .sw-form_compTitle {
        margin: 80px 0 40px;
        font-size: 20px
    }

    .sw-form_compText {
        font-size: 20px
    }

    .sw-form_closeTitle {
        margin: 80px 0 40px;
        font-size: 20px
    }

    .sw-form_closeText {
        font-size: 20px
    }

    form dl:not(.sw-form_field) {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    form dl:not(.sw-form_field),
    form dl:not(.sw-form_field).is-show {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    form dl:not(.sw-form_field) dt {
        margin-right: 40px;
        font-size: 16px;
        width: 264px;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    form dl:not(.sw-form_field) dd {
        margin-top: 0;
        width: 496px
    }

    form dl:not(.sw-form_field) dd ul.radio input[type=radio]+label {
        height: auto;
        cursor: pointer
    }

    form dl:not(.sw-form_field) dd ul.bool input[type=checkbox],
    form dl:not(.sw-form_field) dd ul.check input[type=checkbox]+label {
        cursor: pointer
    }

    form dl:not(.sw-form_field) dd input[type=text] {
        height: 50px
    }

    .sw-form_card input[type=radio]+label {
        height: 72px;
        font-size: 24px
    }

    .sw-form_cardAdd {
        height: 56px;
        margin-top: 32px
    }

    .sw-form_input-checkboxOnly {
        cursor: pointer
    }

    .sw-title,
    .sw-title_cancel,
    .sw-title_card,
    .sw-title_change-card,
    .sw-title_document,
    .sw-title_info,
    .sw-title_itemlist,
    .sw-title_mail,
    .sw-title_notice,
    .sw-title_password,
    .sw-title_relocation,
    .sw-title_video {
        font-size: 24px;
        background-size: 32px 32px;
        padding-left: 40px;
        margin: 40px 0
    }

    .st-header {
        padding-bottom: 69px
    }

    .st-header.is-navNone {
        padding-bottom: 0
    }

    .st-header_inner {
        height: 104px
    }

    .st-header_logo {
        width: 240px
    }

    .st-header_contents {
        position: static;
        -webkit-transform: none;
        transform: none;
        width: auto;
        height: auto
    }

    .st-nav_close,
    .st-nav_overlay,
    .st-nav_toggle {
        display: none
    }

    .st-nav {
        position: absolute;
        top: 104px;
        left: 0;
        width: 100%;
        background: #f5f7f8
    }

    .st-header_name {
        padding-right: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .st-header_name>span:first-of-type {
        display: block
    }

    .st-header_link {
        margin-top: 8px;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .st-header_info {
        width: 160px
    }

    .st-header_exit {
        width: 120px;
        margin-left: 16px
    }

    .st-nav {
        border-top: 1px
    }

    .st-nav_list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 8px 4.26%;
        border-radius: 4px
    }

    .st-nav_list li:first-of-type {
        border-radius: 3px 0 0 3px
    }

    .st-nav_list li:last-of-type {
        border-radius: 0 3px 3px 0
    }

    .st-nav_list li+li {
        margin-left: 1px
    }

    .st-nav_item {
        background-color: #fff;
        border: none;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: center
    }

    .st-nav_item:hover {
        background-color: #e3e7e9;
        border: 1px solid #e0e0e0
    }

    .st-nav_item a {
        padding: 16px
    }

    .st-nav_item-toggle {
        text-align: center;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        background-color: #fff;
        border-bottom: none;
        position: relative;
        cursor: pointer
    }

    .st-nav_item-toggle span:hover {
        opacity: .72
    }

    .st-nav_item-toggle ul {
        position: absolute;
        top: 53px;
        left: 0;
        width: 100%
    }

    footer {
        margin-top: 88px
    }

    .st-footer_sitemap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 48px 0 0
    }

    .st-footer_sitemapList,
    .st-footer_sitemapList_2 {
        -webkit-box-pack: start;
        -webkit-justify-content: start;
        -ms-flex-pack: start;
        justify-content: start
    }

    .st-footer_sitemapList_2 {
        border-left: 1px solid #e0e0e0;
        padding: 0
    }

    .st-footer_sitemapItem {
        font-size: 12px;
        padding: 0 16px
    }

    .st-footer_copyright {
        font-size: 10px;
        margin: 32px 0 0
    }

    .st-footer_social {
        padding: 44px 0 80px
    }

    .social_image {
        margin: 0 15px;
        width: 35px
    }

    .st-footer_social_contents {
        font-size: 10px
    }

    .sw-breadcrumbs {
        padding-top: 16px
    }

    .sw-breadcrumbs_list {
        font-size: 12px
    }

    .st-step {
        padding-bottom: 0
    }

    .st-step_item {
        font-size: 18px
    }

    .st-step_item+.st-step_item {
        margin-left: -12px
    }

    .st-step_item:before {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2264%22%20fill%3D%22none%22%20viewBox%3D%220%200%2018%2064%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%3Cpath%20fill%3D%22%23none%22%20d%3D%22M-32-214h363v376H-32z%22%2F%3E%3Cpath%20d%3D%22M0%200h72l16%2032-16%2032H0l16-32L0%200z%22%20fill%3D%22%23none%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16%2032L0%2064h72l16-32L72%200H0l16%2032zM1.618%201l15.5%2031-15.5%2031h69.764l15.5-31-15.5-31H1.618z%22%20fill%3D%22%23E0E0E0%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0%22%3E%3Cpath%20fill%3D%22%23none%22%20transform%3D%22translate(-32%20-214)%22%20d%3D%22M0%200h363v376H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E")
    }

    .st-step_item:after,
    .st-step_item:before {
        width: 18px;
        height: 100%;
        background-repeat: no-repeat;
        background-size: 100% 100%
    }

    .st-step_item:after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2217%22%20height%3D%2264%22%20fill%3D%22none%22%20viewBox%3D%220%200%2017%2064%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%3Cpath%20fill%3D%22%23none%22%20d%3D%22M-103-214h363v376h-363z%22%2F%3E%3Cpath%20d%3D%22M-71%200H1l16%2032L1%2064h-72l16-32-16-32z%22%20fill%3D%22%23none%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-55%2032l-16%2032H1l16-32L1%200h-72l16%2032zM-69.382%201l15.5%2031-15.5%2031H.382l15.5-31L.382%201h-69.764z%22%20fill%3D%22%23E0E0E0%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0%22%3E%3Cpath%20fill%3D%22%23none%22%20transform%3D%22translate(-103%20-214)%22%20d%3D%22M0%200h363v376H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E")
    }

    .st-step_item.is-active:before {
        width: 16px;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2216%22%20height%3D%2264%22%20fill%3D%22none%22%20viewbox%3D%220%200%2016%2064%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%3Cpath%20fill%3D%22%23none%22%20d%3D%22M-194-214h363v376h-363z%22%2F%3E%3Cpath%20d%3D%22M1.618%201H65v62H1.618l15.276-30.553.224-.447-.224-.447L1.618%201z%22%20fill%3D%22%236E6E6E%22%20stroke%3D%22%236E6E6E%22%20stroke-width%3D%222%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0%22%3E%3Cpath%20fill%3D%22%23none%22%20transform%3D%22translate(-194%20-214)%22%20d%3D%22M0%200h363v376H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E")
    }

    .st-step_item.is-active:after,
    .st-step_item.is-active:before {
        height: 100%;
        background-repeat: no-repeat;
        background-size: 100% 100%
    }

    .st-step_item.is-active:after {
        width: 18px;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2218%22%20height%3D%2264%22%20fill%3D%22none%22%20viewBox%3D%220%200%2018%2064%22%20preserveAspectRatio%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0)%22%20fill%3D%22%23none%22%3E%3Cpath%20d%3D%22M-231-290h363V86h-363z%22%2F%3E%3Cpath%20d%3D%22M-33%201H1.382l15.5%2031-15.5%2031H-33V1z%22%20stroke%3D%22%236E6E6E%22%20stroke-width%3D%222%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0%22%3E%3Cpath%20fill%3D%22%23none%22%20transform%3D%22translate(-231%20-290)%22%20d%3D%22M0%200h363v376H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E")
    }

    .st-step_item:last-of-type .st-step_num {
        border-right: none
    }

    .st-step_item:last-of-type .st-step_text {
        border-right: 2px solid #6e6e6e
    }

    .is-active .st-step_num {
        color: #fff
    }

    .st-step_num:after {
        font-size: 24px;
        letter-spacing: -1px
    }

    .st-step_num {
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        min-height: 64px;
        height: 100%;
        width: 48px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: 0;
        line-height: 1.1;
        color: #858585
    }

    .st-step_num,
    .st-step_text {
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0
    }

    .st-step_text {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        position: static;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .is-active .st-step_text {
        border-top: 2px solid #6e6e6e;
        border-bottom: 2px solid #6e6e6e
    }

    .st-pagination {
        margin: 56px 0 0
    }

    .st-pagination_item {
        width: 40px;
        height: 40px
    }

    .st-pagination_item:hover {
        -webkit-box-shadow: 0 0 0 1px #231815 inset;
        box-shadow: inset 0 0 0 1px #231815
    }

    .st-pagination_prev {
        width: 40px;
        height: 40px;
        margin-left: 16px
    }

    .st-pagination_prev:hover {
        -webkit-box-shadow: 0 0 0 1px #231815 inset;
        box-shadow: inset 0 0 0 1px #231815
    }

    .st-pagination_next {
        width: 40px;
        height: 40px;
        margin-right: 16px
    }

    .st-pagination_next:hover {
        -webkit-box-shadow: 0 0 0 1px #231815 inset;
        box-shadow: inset 0 0 0 1px #231815
    }

    .tp-hero_item {
        padding: 16px 16px 16px 24px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 144px
    }

    .tp-hero_type {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .tp-hero_image {
        width: auto;
        text-align: center;
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .tp-hero_text {
        width: auto;
        margin-right: auto;
        margin-left: 24px
    }

    .tp-hero_subText,
    .tp-hero_text {
        font-size: 14px
    }

    .tp-hero_priceNum {
        font-size: 24px
    }

    .tp-hero_button {
        margin-left: auto;
        width: 240px;
        margin-top: 0
    }

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

    .tp-newspaper_item,
    .tp-trial_item {
        width: 50%;
        padding: 16px;
        flex-wrap: wrap
    }

    .tp-newspaper_item+.tp-newspaper_item {
        margin-top: 0;
        margin-left: 16px
    }

    .tp-newspaper_item {
        width: 50%;
        padding: 16px
    }

    .tp-newspaper_button span {
        display: none
    }

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

    .tp-trial_item+.tp-trial_item {
        margin-top: 32px;
        margin-left: 16px
    }

    .tp-trial_item {
        width: 50%;
        padding: 16px;
        margin-top: 32px
    }

    .tp-trial_button span {
        display: none
    }

    .tp-content_header {
        padding-left: 32px
    }

    .tp-banner>li+li {
        margin-left: 24px
    }

    .tp-content_title {
        font-size: 24px;
        background-size: 24px auto;
        padding: 8px 0 8px 8px
    }

    .tp-content_link {
        font-size: 14px;
        width: 240px
    }

    .tp-content_inner {
        padding: 32px
    }

    .tp-subscribe_list {
        padding: 16px
    }

    .tp-subscribe_item+.tp-subscribe_item {
        margin-top: 16px
    }

    .tp-subscribe_item.is-subscribed dt {
        width: 120px
    }

    .tp-subscribe_table dl {
        font-size: 14px
    }

    .tp-subscribe_table dt {
        width: 120px
    }

    .mte-event_list {
        padding: 16px
    }

    .mte-event_item+.mte-event_item {
        margin-top: 16px
    }

    .mte-event_item.is-subscribed dt {
        width: 120px
    }

    .mte-event_table dl {
        font-size: 14px
    }

    .mte-event_table dt {
        width: 120px
    }

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

    .tp-product_item-chugaku,
    .tp-product_item-gift,
    .tp-product_item-shogaku {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .tp-product_item-chugaku .tp-product_title,
    .tp-product_item-gift .tp-product_title,
    .tp-product_item-shogaku .tp-product_title {
        width: 90%;
        max-width: 240px;
        font-size: 26px
    }

    .tp-product_item-chugaku .tp-product_text,
    .tp-product_item-gift .tp-product_text,
    .tp-product_item-shogaku .tp-product_text {
        height: 112px
    }

    .tp-product_item-chugaku .tp-product_button,
    .tp-product_item-shogaku .tp-product_button {
        margin: 16px 16px 0
    }

    .tp-product_item-chugaku,
    .tp-product_item-gift {
        margin-top: 0;
        margin-left: 1px
    }

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

    .tp-schedule_item-0,
    .tp-schedule_item-1,
    .tp-schedule_item-2 {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .tp-schedule_item-0 .tp-schedule_title,
    .tp-schedule_item-1 .tp-schedule_title,
    .tp-schedule_item-2 .tp-schedule_title {
        width: 90%;
        max-width: 240px;
        font-size: 26px
    }

    .tp-schedule_item-0 .tp-schedule_text,
    .tp-schedule_item-1 .tp-schedule_text,
    .tp-schedule_item-2 .tp-schedule_text {
        height: 112px
    }

    .tp-schedule_item-1 .tp-schedule_button,
    .tp-schedule_item-2 .tp-schedule_button {
        margin: 16px 16px 0
    }

    .tp-schedule_item-0,
    .tp-schedule_item-2 {
        margin-top: 0;
        margin-left: 1px
    }

    .login-main {
        margin-top: 40px
    }

    .login-title {
        font-size: 24px
    }

    .login-wrap {
        margin-top: 40px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .login-item {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .login-item+.login-item {
        margin-top: 0;
        margin-left: 40px
    }

    .login-item_inner {
        max-width: 320px;
        margin: auto
    }

    .login-item_button:hover {
        opacity: .72
    }

    .mr-handling {
        margin: 56px auto 0;
        padding: 24px
    }

    .mr-handling_agree {
        margin-top: 24px
    }

    .mr-handling_label-checkbox {
        cursor: pointer
    }

    .notice-item_title {
        background-position: center right 24px;
        padding: 16px 64px 16px 24px
    }

    .notice-item_title:hover {
        cursor: pointer;
        opacity: .72
    }

    .mte-schedule_list {
        padding: 16px
    }

    .mte-schedule_item+.mte-schedule_item {
        margin-top: 16px
    }

    .mte-schedule_item.is-subscribed dt {
        width: 120px
    }

    .mte-schedule_table dl {
        font-size: 14px
    }

    .mte-schedule_table dt {
        width: 120px
    }

    .schedule-item_title {
        background-position: center right 24px;
        padding: 16px 64px 16px 24px
    }

    .schedule-item_title:hover {
        cursor: pointer;
        opacity: .72
    }

    .il-item_title {
        font-size: 32px;
        margin: 40px 0
    }

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

    .il-item_content {
        width: 48%;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .il-item_content+.il-item_content {
        border-left: 1px dashed #adadad;
        border-top: none;
        padding-top: 0;
        margin-top: 0;
        margin-left: 3%;
        padding-left: 3%
    }

    .il-item_link {
        display: block
    }

    .il-item_link_campaign,
    .il-item_link_order {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .il-item_link_campaign {
        margin-left: 0;
        margin-top: 16px
    }

    .order-applicant {
        margin-top: 40px;
        padding: 24px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .order-applicant_title {
        font-size: 20px;
        width: 176px;
        border-right: 1px dashed #9c9c9c
    }

    .order-delivery_button {
        margin-right: auto;
        margin-left: 0;
        margin-bottom: 32px
    }

    .order-delivery_button:hover {
        opacity: .72;
        cursor: pointer
    }

    .order-applicant_list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .order-applicant_list dl {
        margin-top: 0;
        display: block
    }

    .order-applicant_list>dl {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 40px
    }

    .order-applicant_list dt {
        text-align: left
    }

    .order-applicant_list dd {
        margin-top: 8px;
        margin-left: 0
    }

    .order-applicant_item {
        padding-left: 40px;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .order-applicant_item dl+dl {
        margin-top: 16px
    }

    .order-delivery_title,
    .order-newspaper_title,
    .order-video_title {
        margin-top: 56px;
        padding-left: 40px;
        background-size: 30px 30px;
        font-size: 24px
    }

    .order-caution {
        margin-top: 56px
    }

    .order-caution p {
        font-size: 20px
    }

    .info-box {
        margin-top: 40px
    }

    .info-box_title {
        font-size: 24px
    }

    .info-box_link {
        width: 240px;
        height: 56px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 14px
    }

    .info-box_delete {
        width: 240px;
        height: 56px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 14px
    }

    .info-list {
        border-bottom: 1px solid #e0e0e0
    }

    .info-list dl {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .info-list dt {
        width: 320px;
        padding: 24px 32px
    }

    .info-list dd .info-box_link .info-box_delete {
        margin-right: -24px
    }

    .info-list dd {
        border-top: 1px solid #e0e0e0;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 24px
    }

    .info-history {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-top: 72px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 32px
    }

    .info-history_title {
        font-size: 24px
    }

    .info-history_link {
        width: 240px
    }

    .info-unsubscribe {
        margin-top: 72px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 32px
    }

    .info-unsubscribe_title {
        font-size: 24px
    }

    .info-unsubscribe_link {
        width: 240px
    }

    .change-text {
        font-size: 20px;
        margin-top: 40px;
        text-align: center
    }

    .change-box {
        padding: 32px
    }

    .change-box_text {
        margin-bottom: 32px;
        padding-bottom: 32px
    }

    .change-comp_table:first-of-type {
        margin-top: 32px;
        padding-top: 16px
    }

    .change-comp_table {
        padding: 0 16px 16px
    }

    .change-comp_tableInner {
        padding: 8px 16px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .change-comp_tableItem {
        width: 100%;
        margin-right: 16px
    }

    .change-comp_tableItem dl {
        font-size: 14px
    }

    .change-comp_tableItem dt {
        width: 120px
    }

    .credit-list_item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .credit-list_text {
        font-size: 24px;
        margin-top: 0;
        margin-left: 16px
    }

    .credit-list_link {
        margin-top: 0;
        margin-left: auto
    }

    .credit-list_change {
        width: 240px
    }

    .credit-list_change,
    .credit-list_delete {
        font-size: 16px;
        padding: 0 16px;
        -webkit-box-flex: 1;
        -webkit-flex: auto;
        -ms-flex: auto;
        flex: auto
    }

    .credit-list_delete {
        width: 120px
    }

    .credit-handling {
        margin: 56px auto 0;
        padding: 24px
    }

    .credit-handling_agree {
        margin-top: 24px
    }

    .mo-subscribe_table dl {
        font-size: 14px
    }

    .mo-subscribe_table dt {
        width: 120px
    }

    .mo-link {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-top: 24px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 32px
    }

    .mo-link_title {
        font-size: 32px
    }

    .mo-link_link {
        width: 240px;
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
        margin-top: 0
    }

    .mo-unsubscribe {
        margin-top: 72px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 32px
    }

    .mo-unsubscribe_title {
        font-size: 24px
    }

    .mo-unsubscribe_link {
        width: 240px
    }

    .cause-box .sw-form_box-radio {
        margin-top: 0
    }

    .cause-box .sw-form_box-radio+.sw-form_box-radio {
        margin-top: 16px
    }

    .cause-box .sw-form_label-radio {
        height: auto
    }

    .swc-text {
        text-align: center;
        margin-bottom: 32px
    }

    .swc-text_compTitle {
        margin: 80px 0 40px;
        font-size: 20px
    }

    .video-multi-talent {
        margin-top: 30px
    }

    .video-plan_title {
        font-size: 30px
    }

    .video-plan {
        margin-left: 0;
        margin-right: 0;
        padding: 16px 32px
    }

    .video-plan_inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 30px 26px 0
    }

    .video-plan_image {
        width: 400px;
        margin-right: 25px
    }

    .video-plan_content {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .video-plan_content .video-plan_button .sw-button_link-gray {
        height: 55px
    }

    .video-plan_content .video-plan_button .sw-button_link-white {
        margin-top: 0;
        margin-left: 24px;
        height: 55px
    }

    .video-plan_content .video-plan_button {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .video-plan_card {
        text-align: center
    }

    .video-faq {
        margin-top: 88px;
        padding: 60px 0
    }

    .video-faq_inner h2 {
        font-size: 26px
    }

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

    .video-faq_list .video-faq_listItem {
        width: 50%
    }

    .video-faq_list .video-faq_listItem+.video-faq_listItem {
        margin-left: 24px
    }

    .video-faq_list .video-faq_listItem dl {
        margin-top: 56px
    }

    .video-faq_list dt {
        font-size: 18px
    }

    .video-faq_list dt span {
        font-size: 33px;
        margin-right: 8px
    }

    .video-faq_list dd {
        margin-top: 16px;
        font-size: 12px;
        line-height: 2.1
    }

    .video-main_code h2 {
        font-size: 20px;
        margin-top: 80px
    }

    .video-main_code p {
        margin-top: 53px;
        font-size: 20px
    }

    .video-main_code .video-main_code-input {
        margin-top: 80px
    }

    .video-main_code .video-main_code-input .sw-form_input {
        margin-top: 0
    }

    .video-main_code .video-main_code-input {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 600px;
        margin: 80px auto 0
    }

    .video-main_code .video-main_code-input label {
        width: 180px;
        font-weight: 700
    }

    .video-main_code .video-main_code-input .sw-form_input {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .video-main_comp .sw-form_home {
        margin-top: 60px
    }

    .video-list {
        margin-top: -40px
    }

    .video-list .video-list_item {
        width: calc(25% - 4px);
        margin-top: 40px
    }

    .video-list .video-list_item a {
        display: block
    }

    .video-list .video-list_item .video-list_image:after {
        top: -11px;
        left: -30px;
        padding: 20px 0 5px
    }

    .video-list .video-list_item .video-list_date,
    .video-list .video-list_item .video-list_title {
        margin-top: 10px
    }

    .video-top_paid .sw-title_video {
        font-size: 24px;
        background-size: 32px 32px;
        padding-left: 40px;
        margin: 40px 0 8px
    }

    .is-paid:after {
        font-size: 10px
    }

    .video-top_paidNav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        background: #f5f7f8;
        border-top: 1px solid #dadddf;
        border-bottom: 1px solid #dadddf;
        padding: 24px 0;
        margin-left: auto;
        margin-right: auto
    }

    .video-top_paidNav li {
        width: 33.33%;
        background: 0 0;
        padding: 0;
        border-bottom: none;
        text-align: center
    }

    .video-top_paidNav li a {
        text-align: center
    }

    .video-top h3 {
        font-size: 20px
    }

    .video-top h3.multi-talent {
        margin-top: 60px
    }

    .video-cat h3 {
        margin-bottom: 16px
    }

    .video-search {
        position: absolute;
        top: -16px;
        right: 4.26%
    }

    .video-search,
    .video-search .video-search_input {
        height: 51px;
        width: 295px
    }

    .video-play .video-search {
        position: relative;
        height: 51px;
        width: 295px;
        top: 0;
        right: 0;
        float: right;
        overflow: hidden;
        margin-bottom: 16px
    }

    .video-play .video-search:after {
        content: "";
        clear: both
    }

    .video-play_box {
        clear: both;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 40px 72px
    }

    .video-play_box .mte-baseplayer {
        height: 640px !important
    }

    .video-play_box .mte-screen {
        width: calc(100% - 220px) !important;
        height: 498px !important
    }

    .video-play_box .mte-video {
        position: absolute;
        top: 0px;
        left: 0px;
        cursor: pointer;
        z-index: 0;
        max-width: 100%;
        max-height: 498px;
        width: 100%;
        margin-top: 19.5px;
        height: 480px;
    }

    .video-play_box .mte-video-list {
        top: 0 !important;
        right: 0 !important;
        left: auto !important;
        width: 180px !important;
        height: 640px !important
    }

    .video-play_box .mte-video-info {
        width: calc(100% - 220px) !important;
        top: 518px !important
    }

    .video-play_box .mte-video-item {
        display: block;
        margin-bottom: 10px !important
    }

    .video-play_box .mte-video-item .title {
        margin: 0 !important
    }

    .video-caution .video-main_code {
        margin-bottom: 80px
    }

    .video-list_more,
    .video-list_more-center {
        margin-top: 40px
    }
}

@media screen and (min-width:850px) {
    .st-header_logo {
        width: 264px
    }

    .st-header_name>span:first-of-type {
        font-size: 14px
    }
}

@media screen and (min-width:1024px) {

    .sw-form_title,
    .sw-form_title-required,
    form dl:not(.sw-form_field) dt {
        font-size: 20px;
        width: 328px
    }

    .st-header_name {
        font-size: 14px
    }

    .st-header_info {
        margin-left: 16px
    }

    .tp-hero_item.elementary_school {
        background: url(../images/img_elementary_school.png) no-repeat bottom right 168px
    }

    .tp-hero_item.middle_school {
        background: url(../images/img_middle_school.png) no-repeat bottom right 168px
    }

    .tp-newspaper_button span,
    .tp-trial_button span {
        display: block
    }

    .tp-notice_link {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .tp-notice_link span:first-child {
        width: 7em
    }

    .tp-notice_link span:nth-child(2) {
        margin-top: 0;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .tp-subscribe_item {
        padding: 8px 16px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .tp-subscribe_image,
    .tp-subscribe_item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .tp-subscribe_image {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-right: 16px
    }

    .tp-subscribe_image img {
        max-width: 416px
    }

    .tp-subscribe_table {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 0 16px 0 0
    }

    .tp-subscribe_link {
        width: 240px;
        margin: 8px 0 0
    }

    .tp-subscribe_link .sw-button_link-gray {
        width: 240px;
        height: 56px
    }

    .mte-event_item {
        padding: 8px 16px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .mte-event_image,
    .mte-event_item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .mte-event_image {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-right: 16px
    }

    .mte-event_image img {
        max-width: 316px
    }

    .mte-event_table {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 0 16px 0 0
    }

    .mte-event_link {
        width: 240px;
        margin: 8px 0 0
    }

    .mte-event_link .sw-button_link-gray {
        width: 240px;
        height: 56px
    }

    .tp-product_item-chugaku .tp-product_title,
    .tp-product_item-gift .tp-product_title,
    .tp-product_item-shogaku .tp-product_title {
        font-size: 32px
    }

    .tp-schedule_item-0 .tp-schedule_title,
    .tp-schedule_item-1 .tp-schedule_title,
    .tp-schedule_item-2 .tp-schedule_title {
        font-size: 32px
    }

    .mte-schedule_item {
        padding: 8px 16px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .mte-schedule_title,
    .mte-schedule_item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .mte-schedule_title {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-right: 16px
    }

    .mte-schedule_table {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 0 16px 0 0
    }

    .mte-schedule_link {
        width: 240px;
        margin: 8px 0 0
    }

    .mte-schedule_link .sw-button_link-gray {
        width: 240px;
        height: 56px
    }

    .il-item_wrap {
        padding: 40px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .il-item_img img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto
    }

    .il-item_link {
        display: block
    }

    .il-item_link_campaign {
        margin-left: 0;
        margin-top: 16px
    }

    .mo-subscribe_table {
        margin: 0;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .mo-subscribe_table dl {
        width: 100%
    }

    .mo-subscribe_table dt {
        width: 200px
    }

    .mo-link_hasNotes {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .mo-link_hasNotes .mo-link_notes,
    .mo-link_hasNotes .mo-link_text {
        width: 50%
    }

    .mo-link_notes {
        margin-left: 24px
    }

    .mo-link_link {
        margin-top: 0
    }
}

@media screen and (min-width:1280px) {
    .sw-form_main {
        width: 1180px;
        margin: 0 auto;
        padding: 40px 0 0
    }

    .st-header_inner {
        padding: 0;
        width: 1180px;
        margin: 0 auto
    }

    .st-hedaer_member {
        padding: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .st-header_link {
        margin-top: 0
    }

    .st-nav_list {
        padding: 8px 0;
        width: 1180px;
        margin: 0 auto
    }

    .st-footer_sitemap {
        margin: 0 auto;
        max-width: 1180px
    }

    .st-footer_copyright {
        font-size: 12px;
        margin: 40px 0 0
    }

    .st-footer_social {
        padding: 4.296875vw 0 7.8125vw
    }

    .st-footer_social_contents {
        font-size: 11px
    }

    .sw-breadcrumbs {
        padding: 16px 0 0
    }

    .sw-breadcrumbs,
    .tp-main {
        width: 1180px;
        margin: 0 auto
    }

    .tp-main {
        padding: 32px 0 0
    }

    .tp-trial_image {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-right: 8px
    }

    .tp-trial_image,
    .tp-trial_image img {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .tp-trial_image img {
        width: 70%
    }

    .tp-trial_text {
        width: 6em
    }

    .tp-trial_text span {
        display: block
    }

    .tp-subscribe_table {
        position: relative
    }

    .mte-event_table {
        position: relative
    }

    .login-main {
        padding: 0;
        width: 1180px;
        margin: 40px auto 0
    }

    .mte-schedule_table {
        position: relative
    }

    .mr-main {
        padding: 40px 0 0
    }

    .mr-main,
    .notice-main,
    .schedule-main {
        width: 1180px;
        margin: 0 auto
    }

    .il-main,
    .notice-main,
    .schedule-main {
        padding: 0
    }

    .il-main {
        width: 1180px;
        margin: 0 auto
    }

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

    .il-item_link_campaign {
        margin-left: 16px;
        margin-top: 0
    }

    .order-main {
        padding: 32px 0 0;
        width: 1180px;
        margin: 0 auto
    }

    .change-main,
    .credit-main,
    .info-main {
        width: 1180px;
        margin: 0 auto;
        padding: 0
    }

    .my-order-main {
        width: 1180px;
        margin: 40px auto 0;
        padding: 0
    }

    .my-event-main {
        width: 1180px;
        margin: 40px auto 0;
        padding: 0
    }

    .swc-main {
        margin: 0 auto
    }

    .swc-main,
    .video-main {
        width: 1180px;
        padding: 0
    }

    .video-main {
        margin: 40px auto 0
    }

    .video-faq_inner {
        width: 1180px;
        margin: 0 auto;
        padding: 0
    }

    .video-search {
        right: 0
    }

    .error-main {
        padding: 32px 0 0;
        width: 1180px;
        margin: 0 auto
    }
}

@media screen {
    [hidden~=screen] {
        display: inherit
    }

    [hidden~=screen]:not(:active):not(:focus):not(:target) {
        clip: rect(0 0 0 0) !important;
        position: absolute !important
    }
}

.login-item_link.link_styleRed {
    background-image: none;
    position: relative;
    color: #95061a;
    border: 1px solid #95061a;
    background: #fff
}

.login-item_link.link_styleRed::before {
    content: "";
    margin: auto;
    position: absolute;
    top: 3px;
    bottom: 0;
    right: 3%;
    width: 8px;
    height: 8px;
    border-top: 2px solid #95061a;
    border-right: 2px solid #95061a;
    transform: rotate(45deg)
}

.login-item_link.link_styleRed:hover {
    opacity: 1;
    color: #fff;
    background: #95061a
}

.login-item_link.link_styleRed:hover::before {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff
}

.login-item_separator {
    width: 90%;
    margin: 2rem auto;
    border: none;
    border-top: 1px solid #dcdcdc
}

.login-wrap.flex-nostretch {
    align-items: flex-start
}

.tp-login-link {
    display: block;
    background: #f5f7f8;
    padding: 2rem 0
}

.tp-login-link-inner {
    max-width: 800px;
    margin: 0 auto
}

.tp-login-link-wrap {
    display: flex
}

.tp-login-link-wrap .login-item_link.link_styleRed {
    margin: 0 1.5rem
}

.tp-login-link-item_text {
    color: #f24247;
    padding: 0 16px;
    margin-top: 1rem
}

.tp-login-link-item_link {
    margin-top: .2rem
}

.tp-login-link-item_link a {
    text-decoration: underline
}

@media screen and (max-width:767px) {
    .tp-login-link-wrap {
        display: block;
        padding: 0 1.5rem
    }

    .tp-login-link-wrap .login-item_link.link_styleRed {
        margin: 1rem 0 0 0
    }
}

.info-list .info-login-item {
    padding-right: 0
}

.info-list .info-login-item .login-item_link.link_styleRed {
    width: 240px;
    margin-left: auto;
    font-size: 14px;
    margin-bottom: 10px
}

.info-list .info-login-item .login-item_link.link_styleRed:nth-of-type(2) {
    margin-top: 1rem
}

.info-list .info-login-item .login-item_link.link_styleRed::before {
    right: 4%
}

@media screen and (max-width:767px) {
    .info-list .info-login-item .login-item_link.link_styleRed {
        width: 160px;
        margin-left: auto;
        font-size: 12px;
        text-align: left;
        justify-content: left;
        padding-left: .8rem
    }
}

.alogin-main {
    margin-top: 48px
}

@media screen and (min-width:768px) {
    .alogin-main {
        margin-top: 88px
    }
}

.alogin-item {
    text-align: center
}

.alogin-item_text {
    margin-bottom: 30px;
    padding: 0 16px
}

.alogin-item_submit {
    max-width: 350px;
    margin: 10px auto;
    padding: 0 16px
}

.alogin-item_link {
    width: 100%;
    height: 50px;
    color: #fff;
    background: #6e6e6e;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 2px;
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%227%22%20height%3D%2211%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%209.266L4.008%205.25%200%201.234%201.234%200l5.25%205.25-5.25%205.25L0%209.266z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-position: center right 8px
}

.conf-main {
    margin-top: 48px
}

@media screen and (min-width:768px) {
    .conf-main {
        margin-top: 88px
    }
}

.conf-item {
    max-width: 300px;
    margin: 0 auto;
    text-align: center
}

.conf-item_text {
    text-align: left;
    margin-bottom: 14px;
    padding: 0 16px
}

.conf-item-mailaddress {
    background: #f6f7f9;
    padding: 7px;
    margin: 0 14px 10px 14px;
    color: #6e6e6e;
    border-radius: 2px
}

.conf-item_submit {
    max-width: 350px;
    margin: 10px auto;
    padding: 0 16px
}

.conf-item_link {
    width: 100%;
    height: 50px;
    color: #fff;
    background: #6e6e6e;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 2px;
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%227%22%20height%3D%2211%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%209.266L4.008%205.25%200%201.234%201.234%200l5.25%205.25-5.25%205.25L0%209.266z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-position: center right 8px
}

.conf-item_text.sub-text {
    text-align: left;
    font-size: 12px;
    margin-left: 2px;
    margin-top: 1rem;
    color: #f40006
}

.comp-main {
    margin-top: 48px
}

@media screen and (min-width:768px) {
    .comp-main {
        margin-top: 88px
    }

    .comp-sp-only {
        display: none
    }
}

.comp-item {
    text-align: center
}

.comp-item_text {
    margin-bottom: 20px;
    padding: 0 16px
}

.comp-item_submit {
    max-width: 430px;
    margin: 10px auto;
    padding: 0 16px
}

.comp-item_link {
    width: 100%;
    height: 50px;
    color: #fff;
    background: #6e6e6e;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 2px;
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%227%22%20height%3D%2211%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%209.266L4.008%205.25%200%201.234%201.234%200l5.25%205.25-5.25%205.25L0%209.266z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    background-position: center right 8px
}

.comp-item_link.comp-item_link_styleWhite {
    background-color: #fff;
    color: #6e6e6e;
    border: solid 1px #6e6e6e;
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%227%22%20height%3D%2211%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%209.266L4.008%205.25%200%201.234%201.234%200l5.25%205.25-5.25%205.25L0%209.266z%22%20fill%3D%22%236e6e6e%22%2F%3E%3C%2Fsvg%3E)
}

.connect_err-main {
    margin-top: 48px
}

.connect_err-item_text {
    font-size: 13px
}

@media screen and (min-width:768px) {
    .connect_err-main {
        margin-top: 88px
    }

    .connect_err-item_text {
        font-size: 14px
    }
}

.connect_err-item {
    max-width: 400px;
    margin: 0 auto
}

.connect_err-item_text {
    margin-bottom: 50px;
    padding: 0 16px;
    color: #ff3434
}

.connect_err-item_text a {
    color: #ff3434;
    text-decoration: underline
}

.connect_err-item_submit {
    max-width: 250px;
    margin: 10px auto;
    padding: 0 16px
}

.connect_err-item_link {
    width: 100%;
    height: 50px;
    color: #fff;
    background: #6e6e6e;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 2px;
    background-repeat: no-repeat;
    background-position: center right 8px;
    font-size: 16px;
    font-weight: 700
}

.modal-wrapper {
    z-index: 999;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 40px 10px;
    text-align: center
}

.modal-wrapper:not(:target) {
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s, visibility .3s
}

.modal-wrapper:target {
    opacity: 1;
    visibility: visible;
    transition: opacity .4s, visibility .4s
}

.modal-wrapper::after {
    display: inline-block;
    height: 100%;
    margin-left: -.05em;
    vertical-align: middle;
    content: ""
}

.modal-wrapper .modal-window {
    box-sizing: border-box;
    display: inline-block;
    z-index: 20;
    position: relative;
    width: 70%;
    max-width: 500px;
    padding: 5vw 3vw;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #6e6e6e;
    box-shadow: 0 0 1px rgba(0, 0, 0, .6);
    vertical-align: middle
}

.modal-wrapper .modal-window .modal-content {
    max-height: 80vh;
    overflow-y: auto;
    text-align: left
}

.modal-overlay {
    z-index: 10;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, .8)
}

.modal-overlay:hover {
    opacity: 1
}

.modal-wrapper .modal-close {
    z-index: 20;
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    color: #95979c !important;
    font-size: 20px;
    font-weight: 700;
    line-height: 35px;
    text-align: center;
    text-decoration: none;
    text-indent: 0
}

.modal-wrapper .modal-close:hover {
    color: #2b2e38 !important
}

.modal-content .modal-content_text {
    text-align: center;
    font-size: 14px;
    margin-bottom: 30px
}

.modal-content .modal-link-inner {
    max-width: 800px;
    margin: 0 auto
}

.modal-content .modal-link-wrap {
    display: flex
}

.modal-item_link {
    width: 100%;
    height: 40px;
    border-radius: 3px;
    font-size: 14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 1vw
}

.modal-item_link.link-agree {
    background: #6e6e6e;
    color: #fff;
    border: 1px solid #6e6e6e
}

.modal-item_link.link-cancel {
    background: #fff;
    color: #6e6e6e;
    border: 1px solid #6e6e6e
}

.digitalplus-img {
    border: 1px solid #6e6e6e;
    margin-top: 0px
}

.digitalplus-img img {
    width: 100%
}

@media screen and (min-width:768px) {
    .digitalplus-img-pc {
        display: block
    }

    .digitalplus-img-sp {
        display: none
    }
}

@media screen and (max-width:767px) {
    .digitalplus-img-pc {
        display: none
    }

    .digitalplus-img-sp {
        display: block
    }
}

.tp-newspaper_text {
    width: 100%;
    color: #6e6e6e;
    padding-left: 5%;
    padding-top: 1%
}

@media screen and (max-width:767px) {
    .tp-newspaper_text {
        font-size: 2.5vw
    }
}

.tp-newspaper_list {
    margin-top: 18px
}

@media screen and (min-width:768px) {
    .tp-login-link-wrap .login-item_link {
        flex-basis: 45%
    }

    .tp-login-link-wrap form {
        flex-basis: 45%
    }
}