@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);

li {
    list-style-type: none
}

a {
    text-decoration: none;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

a:hover {
    opacity: .7
}

img {
    max-width: 100%
}

html {
    font-size: 62.5%;
    background: #ffe1ef;
}

body {
    font-size: 1.6rem;
    line-height: 26px;
    position: relative;
    color: #000
}

main.pt65 {
    padding-top: 65px
}

@media screen and (max-width:1200px) {
    main.pt65 {
        padding-top: 65px
    }
}

@media screen and (max-width:992px) {
    main.pt65 {
        padding-top: 65px
    }
}

a,
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
button,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    font-smoothing: antialiased;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-display: swap;
    font-family: fot-tsukuardgothic-std, 'Noto Sans JP', '游ゴシック Medium', YuGothic, YuGothicM, 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif
}

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

.l-container {
    max-width: 1230px;
    padding: 0 15px;
    margin: 0 auto
}

@media screen and (max-width:768px) {
    .l-container.non-padding-sp {
        padding: 0
    }
}

.pc-only {
    display: block
}

@media screen and (max-width:768px) {
    .pc-only {
        display: none !important;
    }
}

.sp-only {
    display: none;
}

@media screen and (max-width:768px) {
    .sp-only {
        display: block;
        width: 100%
    }
}

.is-fixed {
    overflow-y: hidden
}

.tsukushi-font {
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal
}

.yugothic-font {
    font-family: '游ゴシック', YuGothic, YuGothicM, 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif
}

.l-footer {
    padding-bottom: 75px;
    margin-top: 50px;
}

.l-footer__login-home {
    padding: 30px;
    text-align: center;
    -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, .05);
    box-shadow: 0 0 9px rgba(0, 0, 0, .05);
    border-radius: 15px;
    max-width: 516px;
    margin: 0 auto;
    width: 100%;
    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
}

@media screen and (max-width:480px) {
    .l-footer__login-home {
        display: block;
        padding: 30px 15px
    }
}

.l-footer__login-home h4 {
    font-size: 1.4rem;
    line-height: 20px;
    margin-bottom: 18px
}

.l-footer__login-home .separate {
    background-color: #e6e6e6;
    width: 1px;
    height: 74px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

@media screen and (max-width:480px) {
    .l-footer__login-home .separate {
        width: 100%;
        height: 1px;
        margin: 20px 0
    }
}

.l-footer__login-home .home h4 {
    margin-bottom: 10px
}

.l-footer__login-home .home ol {
    padding-left: 16px
}

.l-footer__login-home .home ol li {
    list-style-type: decimal;
    font-size: 1rem;
    text-align: left;
    line-height: 1.7
}

.l-footer__login-home .home ol li img {
    vertical-align: top
}

.l-footer .l-footer__inner {
    padding: 35px 0 20px;
    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: 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;
    justify-content: space-between;
    border-top: 4px dashed #fff;
}

@media screen and (max-width:480px) {
    .l-footer .l-footer__inner {
        padding: 20px 10px;
    }
}

.l-footer .l-footer__inner--left {
    width: 30%;
    text-align: center;
}

@media screen and (max-width:768px) {
    .l-footer .l-footer__inner--left {
        width: 100%;
        margin-left: -10px;
    }
}

.l-footer .l-footer__inner--left>a {
    margin-bottom: 20px;
    display: block;
    text-align: left
}

.l-footer .l-footer__inner--right {
    width: 65%;
    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: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width:1200px) {
    .l-footer .l-footer__inner--right {
        margin-top: 20px
    }
}

@media screen and (max-width:768px) {
    .l-footer .l-footer__inner--right {
        max-width: 100%;
        width: 100%
    }
}

.l-footer .l-footer__inner--right ul li {
    margin-bottom: 5px
}

.l-footer .l-footer__inner--right ul li a {
    font-size: 1.4rem;
    line-height: 20px
}

@media screen and (max-width:768px) {
    .l-footer .l-footer__inner--right ul.first {
        margin-right: 0
    }
}

@media screen and (max-width:480px) {
    .l-footer .l-footer__inner--right ul.first {
        margin-bottom: 15px
    }
}

.l-footer .l-footer__inner--right ul.first li {
    margin-right: 30px
}

.l-footer .l-footer__inner--right ul.first li:not(:last-child) {
    margin-bottom: 45px
}

@media screen and (max-width:480px) {
    .l-footer .l-footer__inner--right ul.first li:not(:last-child) {
        margin-bottom: 15px
    }
}

.l-footer .l-footer__inner--right ul.first li a {
    font-weight: 600;
    font-size: 1.6rem
}

.l-header {
    padding: 15px 40px;
    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: 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;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    -webkit-transition: .3s;
    transition: .3s;
    box-shadow: 0 0 10px rgb(255 160 203);
}

.footLink-txt {
    color: #dd297c;
    font-weight: bold;
    font-size: 12px;
    line-height: 1;
    margin: 0 0 15px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #dd297c;
}

.footLink_wrap {
    margin: 0 0 35px 0;
}

.footLink_wrap li.is-blk a {
    display: inline-block;
    position: relative;
    padding: 0 0 0 20px;
}

.footLink_wrap li.is-blk a:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    background: url(../images/common/window-restore.png) no-repeat 0 0;
    background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    width: 14px;
    height: 13px;
}

.l-header.fixed {
    background-color: #ffe1ef;
    box-shadow: 0 0 10px rgb(255 160 203);
}

@media screen and (max-width:1200px) {
    .l-header {
        padding: 10px 15px
    }
}

@media screen and (max-width:992px) {
    .l-header {
        padding: 0 0 0 15px
    }
}

.l-header .l-header-wrapper {
    margin: 0px auto;
    width: 1200px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.l-header__logo {
    width: 100%;
    max-width: 186px
}

@media screen and (max-width:1200px) {
    .l-header__logo {
        max-width: 140px
    }
}

@media screen and (max-width:480px) {
    .l-header__logo {
        max-width: 150px
    }
}

.l-header__nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: calc(100% - 200px);
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (max-width:1200px) {
    .l-header__nav {
        max-width: calc(100% - 150px)
    }
}

@media screen and (max-width:992px) {
    .l-header__nav {
        position: absolute;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
        z-index: 10;
        background: #fff;
        max-width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: unset;
        -webkit-align-items: unset;
        -ms-flex-align: unset;
        align-items: unset;
        padding: 100px 50px 50px;
        -webkit-box-pack: unset;
        -webkit-justify-content: unset;
        -ms-flex-pack: unset;
        justify-content: unset;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .3s ease-in;
        transition: all .3s ease-in
    }
}

.l-header__nav.is-active {
    opacity: 1;
    visibility: visible;
    background: #ffe1ef;
}

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

@media screen and (max-width:992px) {
    .l-header__nav--list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: unset;
        -webkit-align-items: unset;
        -ms-flex-align: unset;
        align-items: unset
    }
}

@media screen and (max-width:992px) {
    .l-header__nav--list li {
        margin-bottom: 25px
    }
}

.l-header__nav--list li a {
    display: block;
    color: #000;
    font-weight: 600;
    margin: 0 15px;
    font-size: 14px;
}

@media screen and (max-width:1500px) {
    .l-header__nav--list li a {
        margin: 0 20px
    }
}

@media screen and (max-width:1200px) {
    .l-header__nav--list li a {
        font-size: 1.4rem
    }
}

@media screen and (max-width:992px) {
    .l-header__nav--list li a {
        font-size: 1.6rem;
        margin: 0
    }
}

.l-header__nav--btn {
    color: #fff;
    line-height: 40px;
    display: block;
    border-radius: 28px;
    width: 100%;
    max-width: 150px;
    text-align: center;
    background-image: -webkit-linear-gradient(165deg, #f47137 0, #c746de 26%, #3dd9e6 51%, #c746de 76%, #f47137 100%);
    background-image: linear-gradient(-75deg, #f47137 0, #c746de 26%, #3dd9e6 51%, #c746de 76%, #f47137 100%);
    background-size: 200% auto;
    -webkit-transition: .3s;
    transition: .3s;
    margin-left: 20px;
}

@media screen and (max-width:1200px) {
    .l-header__nav--btn {
        max-width: 145px;
        line-height: 45px;
        margin-left: 25px
    }
}

@media screen and (max-width:992px) {
    .l-header__nav--btn {
        max-width: 100%;
        margin: 0
    }
}

.l-header__nav--btn:hover {
    opacity: 1;
    background-position: right
}

.l-header__nav--search {
    width: 100%;
    max-width: 330px;
    margin-left: 2vw;
    position: relative
}

@media screen and (max-width:1500px) {
    .l-header__nav--search {
        margin-left: 30px;
        max-width: 250px
    }
}

@media screen and (max-width:992px) {
    .l-header__nav--search {
        display: none
    }
}

.l-header__nav--search input[type=search] {
    background: #f0f0f0;
    border-radius: 4px;
    border: none;
    cursor: unset;
    width: 100%;
    max-width: 100%;
    height: 40px;
    font-size: 1.2rem;
    line-height: 24px;
    padding-left: 50px;
    display: block;
    color: #000
}

.l-header__nav--search button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 12px;
    padding-right: 10px;
    border-right: 1px solid #d3d3d3;
    cursor: pointer;
    border: none;
    border-right: 1px solid #d3d3d3;
    height: 20px;
    display: block
}

.l-header__nav--search button img {
    display: block
}

.l-header__sp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width:993px) {
    .l-header__sp {
        display: none
    }
}

.l-header__sp .l-header__info {
    margin-left: 0;
    margin-right: 20px
}

@media screen and (max-width:992px) {
    .l-header__sp .l-header__info {
        display: block
    }
}

.l-header__sp .l-header__info ul {
    top: 65px;
    right: 100px
}

.l-header__sp--hamberger {
    cursor: pointer;
    z-index: 21;
    width: 60px;
    height: 60px;
    background: #000;
    padding: 21px 0;
    position: relative;
    -webkit-transition: .25s margin .25s, .25s -webkit-transform;
    transition: .25s margin .25s, .25s -webkit-transform;
    transition: .25s margin .25s, .25s transform;
    transition: .25s margin .25s, .25s transform, .25s -webkit-transform
}

.l-header__sp--hamberger span {
    display: block;
    background: #fff;
    width: 26px;
    height: 1px;
    -webkit-transition: .25s margin .25s, .25s -webkit-transform;
    transition: .25s margin .25s, .25s -webkit-transform;
    transition: .25s margin .25s, .25s transform;
    transition: .25s margin .25s, .25s transform, .25s -webkit-transform;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1
}

.l-header__sp--hamberger span:nth-child(1) {
    top: 35%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.l-header__sp--hamberger span:nth-child(3) {
    bottom: 35%;
    top: unset;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.l-header__sp--hamberger.is-active {
    background: #ffb4d7;
}

.l-header__sp--hamberger.is-active span {
    -webkit-transition: .25s margin, .25s -webkit-transform .25s;
    transition: .25s margin, .25s -webkit-transform .25s;
    transition: .25s margin, .25s transform .25s;
    transition: .25s margin, .25s transform .25s, .25s -webkit-transform .25s;
    background: #000
}

.l-header__sp--hamberger.is-active span:nth-child(1) {
    -webkit-transform: rotate(45deg) translate(-2.5px, 15.3px);
    transform: rotate(45deg) translate(-2.5px, 15.3px)
}

.l-header__sp--hamberger.is-active span:nth-child(2) {
    -webkit-transform: rotate(45deg) translate(-9px, 9px);
    transform: rotate(45deg) translate(-9px, 9px)
}

.l-header__sp--hamberger.is-active span:nth-child(3) {
    -webkit-transform: rotate(135deg) translate(4px, 15px);
    transform: rotate(135deg) translate(4px, 15px)
}

.l-header__sp .search-input {
    white-space: nowrap;
    height: 60px;
    width: 60px
}

.l-header__sp .search-input::before {
    content: "";
    display: block;
    width: 100vw;
    height: calc(100vh - 60px);
    background-color: rgba(0, 0, 0, .6);
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 999;
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
    visibility: hidden
}

.l-header__sp .search-input.active::before {
    opacity: 1;
    visibility: visible
}

.l-header__sp .search-input #search {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    background-color: #e8e8e8;
    z-index: 1000
}

.l-header__sp .search-input__toggle {
    width: 60px;
    height: 60px;
    background-color: #e8e8e8;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    position: relative
}

.l-header__sp .search-input__toggle img {
    margin-top: 23px
}

.l-header__sp .search-input input {
    width: 100%;
    height: 50px;
    background: #e8e8e8;
    border: none;
    color: #262626;
    padding-left: 50px;
    color: #000;
    -webkit-transition: width .55s ease;
    transition: width .55s ease
}

.l-header__sp .search-input input#s::-webkit-input-placeholder {
    color: #000
}

.l-header__sp .search-input input#s:-moz-placeholder {
    color: #000
}

.l-header__sp .search-input input#s::-moz-placeholder {
    color: #000
}

.l-header__sp .search-input input#s:-ms-input-placeholder {
    color: #000
}

.l-header__sp .search-input input #s:active,
.l-header__sp .search-input input#s:focus {
    outline: 0
}

.l-header__sp .search-input button {
    width: 50px;
    height: 50px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    cursor: pointer
}

.l-header__sp .search-input button img {
    vertical-align: middle;
    margin-bottom: 3px
}

.l-header__info {
    margin-left: 30px
}

@media screen and (max-width:992px) {
    .l-header__info {
        display: none
    }
}

.l-header__info .icon {
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s
}

.l-header__info .icon:hover {
    opacity: .7
}

.l-header__info ul {
    display: none;
    position: fixed;
    top: 100px;
    right: 30px;
    background-color: #f8f8f8;
    border: 1px solid #d1d1d1;
    border-radius: 4px
}

.l-header__info ul li:not(:last-child) {
    border-bottom: 1px solid #d1d1d1
}

.l-header__info ul li:last-child a {
    color: #bc0000
}

.l-header__info ul li a {
    display: block;
    padding: 10px;
    font-family: '游ゴシック', YuGothic, YuGothicM, 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif
}

@media screen and (max-width:992px) {
    .l-header.l-header-top {
        padding: 10px
    }
}

@media screen and (max-width:992px) {
    .l-header.l-header-top .l-header__nav {
        width: auto;
        display: block;
        height: auto;
        position: static;
        opacity: 1;
        padding: 0;
        visibility: visible;
        background-color: transparent
    }
}

@media screen and (max-width:992px) {
    .l-header.l-header-top .l-header__nav--btn {
        width: 145px
    }
}

.c-article1 {
    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: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 100px
}

@media screen and (max-width:768px) {
    .c-article1 {
        display: block;
        margin-bottom: 50px
    }
}

.c-article1__left,
.c-article1__right {
    max-width: 590px;
    width: 49.2%
}

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

    .c-article1__left,
    .c-article1__right {
        max-width: 100%;
        width: 100%;
        margin: 0 auto
    }
}

@media screen and (max-width:768px) {
    .c-article1__left {
        max-width: 590px
    }
}

@media screen and (max-width:768px) {
    .c-article1__right {
        margin-top: 50px
    }
}

.c-article1__right--top {
    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: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: 8.5px;
    border-bottom: 2px solid #000;
    margin-bottom: 15px
}

.c-article1__right--top .name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.c-article1__right--top .name h3 {
    text-align: center;
    margin: 0 20px 0 0;
    font-size: 2.6rem
}

@media screen and (max-width:480px) {
    .c-article1__right--top .name h3 {
        font-size: 2rem;
        margin-right: 10px
    }
}

.c-article1__right--top .name h3 rt {
    font-size: 1.2rem;
    line-height: 12px;
    color: #767676;
    display: block;
    font-weight: 600
}

.c-article1__right--top .name .alphabet {
    font-size: 1.4rem;
    color: #767676;
    line-height: 20px;
    font-weight: 600
}

@media screen and (max-width:480px) {
    .c-article1__right--top .name .alphabet {
        font-size: 1.2rem
    }
}

.c-article1__right--top .shop-type {
    font-size: 1.2rem;
    line-height: 1
}

.c-article1__right--top .shop-type::before {
    content: '';
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    margin-right: 5px;
    margin-bottom: 3px;
    width: 12.8px;
    height: 12px;
    background: url(../images/common/svg/icon-shop.svg) no-repeat;
    background-size: cover
}

.c-article1__right--top .age {
    font-size: 2rem;
    line-height: 20px;
    font-weight: 600
}

.c-article1__right--top h3,
.c-article1__right--top p,
.c-article1__right--top span {
    margin: 0
}

.c-article1__right--center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 25px
}

.c-article1__right--center span {
    font-size: 1.6rem;
    font-weight: 600
}

.c-article1__right--center span::before {
    content: '';
    margin-right: 5px;
    display: inline-block
}

.c-article1__right--center span:not(:last-child) {
    margin-right: 15px
}

.c-article1__right--center span.map {
    margin-bottom: 0
}

.c-article1__right--center span.map::before {
    width: 12px;
    height: 16px;
    background: url(../images/common/svg/icon-map.svg) no-repeat;
    background-size: cover
}

.c-article1__right--center span.yen::before {
    width: 13px;
    height: 15px;
    background: url(../images/common/svg/icon-yen.svg) no-repeat;
    background-size: cover
}

.c-article1__right--center span.bag::before {
    width: 15px;
    height: 15px;
    background: url(../images/common/svg/icon-bag.svg) no-repeat;
    background-size: cover
}

.c-article2__inner {
    padding: 45px 0 50px;
    background: #ffe5d9;
    text-align: center
}

@media screen and (max-width:992px) {
    .c-article2__inner {
        padding: 25px 15px
    }
}

.c-article2__inner h5 {
    font-size: 2.5rem;
    line-height: 36px;
    letter-spacing: .1em;
    margin-bottom: 20px
}

@media screen and (max-width:992px) {
    .c-article2__inner h5 {
        font-size: 1.8rem;
        line-height: 28px
    }
}

.c-article2__inner img {
    margin-bottom: 37px
}

@media screen and (max-width:992px) {
    .c-article2__inner img {
        margin-bottom: 25px
    }
}

.c-article2__inner p {
    margin-bottom: 13px
}

.c-article2__inner a {
    max-width: 415px;
    margin: 0 auto
}

.c-article3 {
    background-image: -webkit-linear-gradient(165deg, #f47137 0, #c746de 26%, #3dd9e6 51%, #c746de 76%, #f47137 100%);
    background-image: linear-gradient(-75deg, #f47137 0, #c746de 26%, #3dd9e6 51%, #c746de 76%, #f47137 100%);
    background-size: 200% auto;
    -webkit-transition: .3s;
    transition: .3s;
    padding: 5px;
    border-radius: 3px 3px 0 0;
    margin-bottom: 50px
}

.c-article3__inner {
    background: #fff;
    border-radius: 1px;
    padding: 50px 33px 43px
}

@media screen and (max-width:992px) {
    .c-article3__inner {
        padding: 30px 15px
    }
}

.c-btn1 {
    color: #fff;
    line-height: 40px;
    display: block;
    border-radius: 28px;
    width: 100%;
    text-align: center;
    background-image: -webkit-linear-gradient(165deg, #f47137 0, #c746de 26%, #3dd9e6 51%, #c746de 76%, #f47137 100%);
    background-image: linear-gradient(-75deg, #f47137 0, #c746de 26%, #3dd9e6 51%, #c746de 76%, #f47137 100%);
    background-size: 200% auto;
    -webkit-transition: .3s;
    transition: .3s;
    font-size: 1.6rem;
    font-weight: 600;
    margin: 0 auto
}

.c-btn1 i {
    padding: 4px;
}

.c-btn1.cancel {
    border: 1px solid #000;
    color: #000;
    background: #fff
}

.c-btn1:hover {
    opacity: 1;
    background-position: right
}

.c-btn1.maw415 {
    max-width: 415px
}

.c-btn2 {
    background-image: -webkit-linear-gradient(165deg, #f47137 0, #c746de 26%, #3dd9e6 51%, #c746de 76%, #f47137 100%);
    background-image: linear-gradient(-75deg, #f47137 0, #c746de 26%, #3dd9e6 51%, #c746de 76%, #f47137 100%);
    background-size: 200% auto;
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 28px;
    line-height: 36px;
    display: block;
    padding: 2px;
    width: 100%;
    position: relative;
    text-align: center
}

.c-btn2::before {
    content: '';
    display: block;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background-color: #fff;
    border-radius: 19px;
    position: absolute;
    top: 2px;
    left: 2px
}

.c-btn2.line {
    color: #06c755;
    background: #06c755
}

.c-btn2.line span {
    color: #06c755;
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset
}

.c-btn2.line span::before {
    width: 13px;
    height: 12.5px;
    background: url(../images/common/svg/icon-line.svg) no-repeat;
    background-size: cover;
    display: inline-block;
    margin-right: 8px
}

.c-btn2.blue {
    color: #3dd9e6;
    background: #3dd9e6;
    -webkit-transition: all .3s;
    transition: all .3s
}

.c-btn2.blue:hover {
    opacity: .7
}

.c-btn2.blue span {
    color: #3dd9e6;
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset
}

.c-btn2.orange {
    color: #f47137;
    background: #f47137;
    -webkit-transition: all .3s;
    transition: all .3s
}

.c-btn2.orange:hover {
    opacity: .7
}

.c-btn2.orange span {
    color: #f47137;
    background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset
}

.c-btn2.mail span::before {
    width: 12.5px;
    height: 9px;
    background: url(../images/common/svg/icon-email.svg) no-repeat;
    background-size: cover;
    display: inline-block;
    margin-right: 8px
}

.c-btn2.phone span::before {
    width: 12.8px;
    height: 12.5px;
    background: url(../images/common/svg/icon-phone.svg) no-repeat;
    background-size: cover;
    display: inline-block;
    margin-right: 8px
}

.c-btn2.global span::before {
    width: 13px;
    height: 14px;
    background: url(../images/common/svg/icon-global.svg) no-repeat;
    background-size: cover;
    display: inline-block;
    margin-right: 8px
}

.c-btn2.share span::before {
    width: 11.8px;
    height: 13.75px;
    content: '';
    background: url(../images/common/svg/icon-share.svg) no-repeat;
    background-size: cover;
    display: inline-block;
    margin-right: 8px
}

.c-btn2:hover {
    opacity: 1;
    background-position: right
}

.c-btn2 span {
    text-align: center;
    font-weight: 600;
    border-radius: 19px;
    color: #000;
    background: -webkit-linear-gradient(165deg, #3dd9e6 0, #c746de 50%, #f47137 100%);
    background: linear-gradient(-75deg, #3dd9e6 0, #c746de 50%, #f47137 100%);
    background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    z-index: 2;
    position: relative
}

.c-btn2 span::before {
    content: ''
}

.c-btn3 {
    width: 100%;
    font-size: 1.6rem;
    border-radius: 20px;
    background: #bebebe;
    color: #fff;
    display: block;
    text-decoration: none;
    pointer-events: none
}

.c-btn4 {
    background: #fff;
    border-radius: 20px;
    line-height: 36px;
    border: 2px solid #000;
    display: block;
    text-align: center;
    font-weight: 600;
    margin: 0 auto
}

.c-btn5 {
    font-size: 2rem;
    background: #f47137;
    color: #fff;
    text-align: center;
    display: block;
    border-radius: 50px;
    line-height: 47px;
    font-weight: 600
}

@media screen and (max-width:992px) {
    .c-btn5 {
        font-size: 1.6rem
    }
}

@media screen and (max-width:480px) {
    .c-btn5 {
        font-size: 1.4rem;
        line-height: 40px
    }
}

.c-btn6 {
    font-weight: 600;
    text-align: center;
    display: block;
    border-radius: 4px;
    width: 100%;
    color: #000;
    border: 1px solid #000;
    background: #f2f2f2;
    line-height: 94px
}

.c-btn6.is-active {
    line-height: 96px;
    background: #f47137;
    color: #fff;
    border: none
}

.c-btn__help {
    display: block;
    width: 60px;
    height: 60px;
    position: fixed;
    right: 50px;
    bottom: 50px
}

@media screen and (max-width:992px) {
    .c-btn__help {
        width: 40px;
        height: 40px;
        right: 15px;
        bottom: 15px
    }
}

.c-btn__help img {
    width: 100%
}

.c-btn__copy {
    display: block;
    max-width: 285px;
    width: 100%;
    margin: 0 auto;
    border: 1px dotted #707070;
    padding: 1px 0;
    position: relative;
    background: #f8f8f8;
    margin-bottom: 10px
}

.c-btn__copy::before {
    content: '';
    width: 13.4px;
    height: 14.9px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 15px;
    background: url(../images/common/svg/icon-copy.svg) no-repeat;
    background-size: cover
}

.c-btn__copy span,
.c-btn__copy strong {
    display: block
}

.c-btn__copy span {
    font-size: 1.4rem
}

.c-btn7 {
    width: 100%;
    font-size: 1.6rem;
    display: block;
    text-align: center;
    color: #fff;
    padding: 15px 10px;
    font-weight: 600;
    font-size: 1.6rem
}

.c-btn7.men {
    background-color: #3794f0
}

.c-btn7.women {
    background-color: #dd297c
}

label.checkbox input:checked+span::before {
    background: #f47137
}

label.checkbox input:checked+span::after {
    border-radius: unset;
    width: 10px;
    height: 5px;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: translateY(-85%) rotate(-45deg);
    transform: translateY(-85%) rotate(-45deg);
    background: 0 0
}

label.checkbox span::before {
    border-radius: 2px
}

label input {
    position: absolute;
    left: -9999px
}

label input:checked+span::after {
    content: '';
    width: 10px;
    height: 10px;
    background: #f47137;
    position: absolute;
    left: 4px;
    border-radius: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

label span {
    padding-left: 26px;
    position: relative
}

label span::before {
    content: '';
    width: 16px;
    height: 16px;
    border: 1px solid #f47137;
    background: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%
}

.c-form1 {
    width: 100%
}

.c-form1 table {
    width: 100%;
    margin-bottom: 50px
}

@media screen and (max-width:768px) {
    .c-form1 table {
        margin-bottom: 25px
    }
}

.c-form1 table tr {
    border-bottom: 1px solid #fff
}

.c-form1 table tr td,
.c-form1 table tr th {
    vertical-align: middle
}

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

    .c-form1 table tr td,
    .c-form1 table tr th {
        display: block;
        width: 100% !important
    }
}

.c-form1 table tr th {
    width: 320px;
    background: #f2f2f2;
    text-align: left;
    padding: 15px 20px;
    font-weight: 600
}

@media screen and (max-width:992px) {
    .c-form1 table tr th {
        width: 32%
    }
}

.c-form1 table tr td {
    text-align: left;
    background: #f8f8f8;
    padding: 15px
}

.c-form1 table tr td select,
.c-form1 table tr td>input {
    height: 40px;
    border-radius: 4px;
    border: 1px solid #000;
    background: #fff;
    width: 100%;
    max-width: 430px;
    padding: 0 10px
}

.c-form1 table tr td select {
    max-width: 280px;
    background: url(../images/common/svg/arrow-down.svg) no-repeat, #fff;
    background-position: 97% 50%;
    font-size: 1.2rem
}

.c-form1 table tr td select.maw80 {
    max-width: 80px;
    background-position: 90% 50%
}

.c-form1 table tr td>span {
    display: inline-block;
    margin-left: 10px
}

.c-form1 table tr td .password {
    background: url(../images/common/svg/key.svg) no-repeat, #fff;
    background-position: 95% 50%;
    max-width: 280px
}

.c-form1 table tr td .m010 {
    margin: 0 10px;
    display: inline-block
}

@media screen and (max-width:480px) {
    .c-form1 table tr td .m010 {
        margin: 0
    }
}

.c-form1 table tr td .height {
    max-width: 280px
}

.c-form1 table tr td .image-upload {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.c-form1 table tr td .image-upload>span {
    margin-left: 5px;
    margin-bottom: 8px;
    display: block;
    font-weight: 500
}

.c-form1 table tr td .image-upload .image-wrap img {
    width: 100%;
    max-width: 180px;
    display: block;
    margin-bottom: 15px
}

.c-form1 table tr td .image-upload .flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 660px;
    margin: 15px auto
}

.c-form1 table tr td .image-upload .btn-inputfile {
    width: 150px;
    height: 40px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.c-form1 table tr td .image-upload .btn-inputfile+label {
    display: block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    white-space: nowrap;
    font-size: 1.6rem;
    line-height: 48px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #000;
    background-color: #d5d5d5
}

.c-form1 table tr td .image-upload .btn-inputfile+label {
    cursor: pointer
}

.c-form2>label {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    font-family: '游ゴシック', YuGothic, YuGothicM, 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif;
    font-size: 1.4rem;
    line-height: 21px;
    font-weight: 500
}

.c-form2 textarea,
.c-form2>input {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #000;
    background: #fff;
    padding: 10px
}

.c-form2 .rating {
    margin-bottom: 35px
}

.c-form2 textarea {
    height: 120px;
    margin-bottom: 50px
}

.c-form2 .c-btn1 {
    max-width: 135px;
    margin: 0 auto
}

.c-form3 h4 {
    margin-bottom: 70px;
    font-size: 1.6rem;
    line-height: 27px
}

@media screen and (max-width:992px) {
    .c-form3 h4 {
        margin-bottom: 45px
    }
}

.c-form3 h5 {
    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;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 50px
}

@media screen and (max-width:992px) {
    .c-form3 h5 {
        margin-bottom: 35px
    }
}

.c-form3 h5>strong {
    color: #f47137;
    font-size: 4.2rem;
    line-height: 71px;
    display: block
}

.c-form3 h5 span {
    font-size: 1.4rem;
    display: block
}

.c-form3 h5 span strong {
    font-weight: 600;
    display: block
}

.c-form3 p {
    margin-bottom: 52px;
    font-size: 1.4rem;
    line-height: 24px
}

@media screen and (max-width:992px) {
    .c-form3 p {
        margin-bottom: 35px
    }
}

.c-form3 textarea {
    width: 100%;
    max-width: 430px;
    margin: 0 auto;
    border: 1px solid #000;
    border-radius: 4px;
    display: block;
    height: 146px;
    margin-bottom: 20px;
    background: #fff
}

.c-form3 .c-btn2 {
    max-width: 171px;
    margin: 0 auto
}

.c-form3 .image-upload,
.c-form4 .image-upload {
    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;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px
}

.c-form3 .image-upload>span,
.c-form4 .image-upload>span {
    margin-left: 5px;
    margin-bottom: 8px;
    display: block;
    font-weight: 500
}

.c-form3 .image-upload .image-wrap img,
.c-form4 .image-upload .image-wrap img {
    width: 100%;
    max-width: 180px;
    display: block;
    margin-bottom: 15px
}

.c-form3 .image-upload .flex,
.c-form4 .image-upload .flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 660px;
    margin: 15px auto
}

.c-form3 .image-upload .btn-inputfile,
.c-form4 .image-upload .btn-inputfile {
    width: 150px;
    height: 40px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.c-form3 .image-upload .btn-inputfile+label,
.c-form4 .image-upload .btn-inputfile+label {
    display: block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    white-space: nowrap;
    font-size: 1.6rem;
    line-height: 48px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #000;
    background-color: #d5d5d5
}

.c-form3 .image-upload .btn-inputfile+label,
.c-form4 .image-upload .btn-inputfile+label {
    cursor: pointer
}

.c-form3 .image-upload figure,
.c-form4 .image-upload figure {
    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;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.c-form3 .image-upload figure label,
.c-form4 .image-upload figure label {
    max-width: 180px;
    width: 100%;
    margin-right: 10px
}

.c-form4 {
    max-width: 430px;
    width: 100%;
    margin: 0 auto
}

.max-800 {
    max-width: 800px;
}

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

.justify-center {
    justify-content: center !important;
}

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

.justify-self-center {
    justify-self: center;
}

.page-heading {
    margin-top: 40px;
    margin-bottom: 50px;
    color: #dd297c;
    line-height: 1;
    font-size: 50px;
    width: fit-content;
    text-align: center;
    border-bottom: solid 5px #dd297c;
    padding-bottom: 15px;
}

.c-form4.mb50 {
    margin-bottom: 50px
}

@media screen and (max-width:768px) {
    .c-form4.pd15-sp {
        padding: 15px
    }
}

.c-form4 .image-upload {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.c-form4 .image-upload figure {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.c-form4 h3 {
    font-size: 5.5rem;
    line-height: 70px;
    margin-bottom: 40px
}

@media screen and (max-width:992px) {
    .c-form4 h3 {
        font-size: 3.2rem;
        line-height: 40px;
        margin-bottom: 25px
    }
}

@media screen and (max-width:768px) {
    .c-form4 h3 {
        font-size: 2.5rem;
        line-height: 36px
    }
}

.c-form4 p {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 19px;
    margin-bottom: 55px
}

.c-form4_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}

.c-form4__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 17px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-form4__row>label {
    margin-bottom: 13px;
    font-weight: 600
}

.c-form4__row select,
.c-form4__row input {
    height: 40px;
    border-radius: 4px !important;
    border: 1px solid #000 !important;
    width: 100%;
    max-width: 430px;
    padding: 0 10px
}

.c-form4__row input {
    background: #fff !important
}

.c-form4__row select {
    max-width: 280px;
    background: url(../images/common/svg/arrow-down.svg) no-repeat, #fff !important;
    background-position: 97% 50% !important;
    font-size: 1.2rem
}

.c-form4__row select.maw80 {
    max-width: 80px;
    background-position: 90% 50%
}

.c-form4__row textarea {
    width: 100%;
    margin: 0 auto;
    border: 1px solid #000;
    border-radius: 4px;
    display: block;
    height: 146px;
    margin-bottom: 20px;
    background: #fff;
    padding: 15px
}

.c-form4__row--radio {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-form4__row--radio label {
    margin-right: 25px;
    cursor: pointer
}

.c-form4 .c-btn1 {
    max-width: 175px
}

.calc {
    margin-top: 20px
}

.calc span {
    margin: 0 10px;
    font-size: 1.6rem;
    display: block;
    text-align: center
}

.calc ::-webkit-input-placeholder {
    font-size: 1.2rem
}

.calc ::-moz-placeholder {
    font-size: 1.2rem
}

.calc :-ms-input-placeholder {
    font-size: 1.2rem
}

.calc ::-ms-input-placeholder {
    font-size: 1.2rem
}

.calc ::placeholder {
    font-size: 1.2rem
}

.calc input[type=email],
.calc input[type=number],
.calc input[type=password],
.calc input[type=tel],
.calc input[type=text] {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #000;
    background: #fff;
    padding: 5px 10px
}

.calc input[type=email].wid40,
.calc input[type=number].wid40,
.calc input[type=password].wid40,
.calc input[type=tel].wid40,
.calc input[type=text].wid40 {
    width: 40%
}

.calc__container {
    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;
    font-size: 1.6rem
}

.calc .result {
    background-color: #000;
    border-radius: 4px;
    color: #fff;
    padding: 5px 10px
}

.calc .result span {
    display: inline-block;
    margin: 0
}

.calc .result__price {
    font-size: 3rem;
    margin-left: 10px !important
}

.compare-price-time__block.koisapo .calc {
    margin-top: 33px
}

.compare-price-time__block.koisapo .calc .result {
    color: #fff;
    background-image: -webkit-linear-gradient(165deg, #f47137 0, #c746de 26%, #3dd9e6 51%, #c746de 76%, #f47137 100%);
    background-image: linear-gradient(-75deg, #f47137 0, #c746de 26%, #3dd9e6 51%, #c746de 76%, #f47137 100%);
    background-size: 200% auto;
    -webkit-transition: .3s;
    transition: .3s;
    background-clip: border-box;
    -webkit-text-fill-color: #fff
}

.map {
    margin-bottom: 57px
}

.c-list1>h3 {
    font-size: 2.5rem;
    line-height: 32px;
    margin-bottom: 25px
}

@media screen and (max-width:480px) {
    .c-list1>h3 {
        font-size: 2rem
    }
}

.c-list1 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -6.5px 50px
}

@media screen and (max-width:768px) {
    .c-list1 ul {
        margin-bottom: 30px
    }
}

.c-list1 ul li {
    width: 100%;
    max-width: calc(100% / 4 - 13px);
    margin: 0 6.5px 20px
}

@media screen and (max-width:992px) {
    .c-list1 ul li {
        max-width: calc(100% / 3 - 13px)
    }
}

@media screen and (max-width:768px) {
    .c-list1 ul li {
        max-width: calc(100% / 2 - 13px)
    }
}

.c-list1 ul li a {
    display: block;
    width: 100%
}

.c-list1 ul li a img {
    width: 100%;
    border-radius: 15px
}

.c-list1 ul li a figure {
    padding: 16px 0 8px
}

.c-list1 ul li a figure h3 {
    font-size: 1.6rem
}

.c-list1 ul li a figure h3 span {
    margin-right: 10px;
    display: inline-block
}

.c-list1 ul li a figure h4 {
    font-size: 1.2rem;
    font-weight: 400;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-list1 ul li a figure h4 span {
    width: 50%;
    display: block
}

.c-list1 ul li a figure h4 span::before {
    content: '';
    display: inline-block;
    margin-right: 5px;
    vertical-align: -1.5px
}

.c-list1 ul li a figure h4 span.map-icon::before {
    width: 9.5px;
    height: 13px;
    background: url(../images/common/svg/icon-map.svg) no-repeat;
    background-size: cover
}

.c-list1 ul li a figure h4 span.bag-icon::before {
    width: 13px;
    height: 13px;
    background: url(../images/common/svg/icon-bag.svg) no-repeat;
    background-size: cover
}

.c-list1 .c-btn2 {
    max-width: 250px;
    margin: 0 auto;
    text-align: center
}

.c-list2 {
    margin-bottom: 30px
}

.c-list2>ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px
}

@media screen and (max-width:768px) {
    .c-list2>ul {
        margin: 0
    }
}

.c-list2>ul>li {
    width: 100%;
    max-width: calc(100% / 2 - 20px);
    margin: 0 10px 20px;
    padding: 15px 20px 15px 15px;
    border: 1px solid #000;
    border-radius: 4px;
    background: #fff
}

@media screen and (max-width:992px) {
    .c-list2>ul>li {
        padding: 15px
    }
}

@media screen and (max-width:768px) {
    .c-list2>ul>li {
        max-width: 100%;
        margin: 0 0 15px
    }
}

.c-list2>ul>li>a {
    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: 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
}

.c-list2__img {
    max-width: 200px;
    width: 100%
}

@media screen and (max-width:1200px) {
    .c-list2__img {
        max-width: 150px
    }
}

@media screen and (max-width:992px) {
    .c-list2__img {
        max-width: 120px
    }
}

@media screen and (max-width:768px) {
    .c-list2__img {
        max-width: 150px
    }
}

.c-list2__img img {
    display: block;
    margin-bottom: 15px
}

.c-list2__img .c-btn4 {
    max-width: 175px;
    margin: 0 auto
}

.c-list2__info {
    max-width: calc(100% - 220px);
    width: 100%
}

@media screen and (max-width:1200px) {
    .c-list2__info {
        max-width: calc(100% - 170px)
    }
}

@media screen and (max-width:992px) {
    .c-list2__info {
        max-width: calc(100% - 130px)
    }
}

@media screen and (max-width:768px) {
    .c-list2__info {
        max-width: calc(100% - 170px)
    }
}

.c-list2__info.wid100 {
    width: 100%;
    max-width: 100%
}

.c-list2__info h3 {
    font-size: 2rem;
    letter-spacing: .05em;
    line-height: 28px
}

.c-list2__info--container {
    width: 100%;
    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: 20px
}

.c-list2__info--container span {
    margin-bottom: 0 !important
}

.c-list2__info span {
    font-size: 1.2rem;
    margin-bottom: 5px;
    display: inline-block
}

.c-list2__info span.map::before {
    width: 10px;
    height: 14px;
    content: '';
    display: inline-block;
    vertical-align: -1.5px;
    margin-right: 5px;
    background: url(../images/common/svg/icon-map.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-repeat: no-repeat
}

.c-list2__info span.shop::before {
    width: 12.8px;
    height: 12px;
    content: '';
    display: inline-block;
    vertical-align: -1.5px;
    margin-right: 5px;
    background: url(../images/common/svg/shop.svg)
}

.c-list2__info span.man::before {
    width: 5px;
    height: 14px;
    content: '';
    display: inline-block;
    vertical-align: -1.5px;
    margin-right: 5px;
    background: url(../images/common/icon-man.svg)
}

.c-list2__info span.woman::before {
    width: 8px;
    height: 14px;
    content: '';
    display: inline-block;
    vertical-align: -1.5px;
    margin-right: 5px;
    background: url(../images/common/icon-woman.svg)
}

.c-list2__info span.man-woman::before {
    width: 14px;
    height: 14px;
    content: '';
    display: inline-block;
    vertical-align: -1.5px;
    margin-right: 5px;
    background: url(../images/common/icon-man-woman.svg)
}

.c-list2__info figure {
    background: #f8f8f8;
    padding: 13px 10px
}

.c-list2__info figure h4 {
    font-size: 1.4rem;
    letter-spacing: .05em;
    margin-bottom: 5px
}

.c-list2__info figure ul li {
    font-size: 1.4rem;
    letter-spacing: .05em;
    padding-left: 10px;
    position: relative;
    font-weight: 500
}

@media screen and (max-width:992px) {
    .c-list2__info figure ul li {
        font-size: 1.2rem;
        letter-spacing: 0
    }
}

@media screen and (max-width:768px) {
    .c-list2__info figure ul li {
        font-size: 1.4rem;
        letter-spacing: .05em
    }
}

.c-list2__info figure ul li::before {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    background: url(../images/common/svg/dot.svg);
    width: 5px;
    height: 5px
}

.c-list3 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px
}

@media screen and (max-width:575px) {
    .c-list3 ul {
        margin: 0
    }
}

.c-list3 ul li {
    width: 100%;
    max-width: calc(100% / 2 - 20px);
    margin: 0 10px
}

@media screen and (max-width:575px) {
    .c-list3 ul li {
        max-width: 100%;
        margin: 0 0 15px
    }
}

.c-list3 ul li a {
    display: block;
    position: relative;
    border-radius: 15px;
    overflow: hidden
}

.c-list3 ul li a:hover {
    opacity: 1
}

.c-list3 ul li a:hover>span {
    right: 25px
}

.c-list3 ul li a::after {
    position: absolute;
    content: '';
    background: rgba(0, 0, 0, .33);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.c-list3 ul li a img {
    width: 100%
}

.c-list3 ul li a h3 {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    color: #fff;
    text-align: center;
    z-index: 1
}

@media screen and (max-width:992px) {
    .c-list3 ul li a h3 {
        width: 100%;
        text-align: center
    }
}

.c-list3 ul li a h3 span {
    display: block
}

.c-list3 ul li a h3 .ja {
    font-size: 3rem;
    font-weight: 600
}

@media screen and (max-width:992px) {
    .c-list3 ul li a h3 .ja {
        font-size: 2.2rem
    }
}

.c-list3 ul li a h3 .ja::after {
    display: block;
    content: '';
    width: 1px;
    height: 35px;
    margin: 5px auto;
    background: #fff
}

@media screen and (max-width:992px) {
    .c-list3 ul li a h3 .ja::after {
        height: 15px
    }
}

.c-list3 ul li a h3 .en {
    font-weight: 600
}

@media screen and (max-width:992px) {
    .c-list3 ul li a h3 .en {
        font-size: 1.2rem
    }
}

.c-list3 ul li a>span {
    font-size: 1.2rem;
    line-height: 17px;
    color: #fff;
    position: absolute;
    right: 15px;
    bottom: 13px;
    z-index: 1;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.c-list3 ul li a>span::after {
    content: '';
    width: 91px;
    height: 9px;
    background: url(../images/common/svg/arrow-right.svg) no-repeat;
    background-size: cover;
    display: inline-block;
    margin-left: 5px
}

@media screen and (max-width:768px) {
    .c-list3 ul li a>span::after {
        width: 45.5px;
        height: 4.5px
    }
}

.c-list4 {
    margin-bottom: 50px;
    width: 100%
}

.c-list4 li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%
}

.c-list4 li:not(:last-child) {
    margin-bottom: 20px
}

@media screen and (max-width:768px) {
    .c-list4 li:not(:last-child) {
        margin-bottom: 15px
    }
}

.c-list4 li>img {
    width: 120px;
    height: auto
}

@media screen and (max-width:768px) {
    .c-list4 li>img {
        -o-object-fit: cover;
        object-fit: cover
    }
}

.c-list4 li figure {
    width: 100%;
    max-width: calc(100% - 120px);
    padding: 15px 20px;
    background: #f8f8f8
}

@media screen and (max-width:768px) {
    .c-list4 li figure {
        padding: 5px 10px
    }
}

.c-list4 li figure h4 {
    font-size: 2rem;
    font-weight: 600;
    color: #333;
    letter-spacing: .1em;
    margin-bottom: 10px
}

@media screen and (max-width:992px) {
    .c-list4 li figure h4 {
        font-size: 1.6rem;
        margin-bottom: 0
    }
}

.c-list4 li figure p {
    font-weight: 500;
    letter-spacing: .1em;
    line-height: 26px
}

@media screen and (max-width:992px) {
    .c-list4 li figure p {
        font-size: 1.4rem;
        line-height: 22px
    }
}

.c-list5.maw844 {
    width: 100%;
    max-width: 844px;
    margin: 0 auto 20px
}

@media screen and (max-width:992px) {
    .c-list5.maw844 {
        margin-bottom: 35px
    }
}

.c-list5.maw844 li {
    max-width: calc(100% / 3 - 20px);
    margin: 0 10px 20px
}

@media screen and (max-width:992px) {
    .c-list5.maw844 li {
        max-width: calc(100% / 2 - 15px);
        margin: 0 7.5px 15px;
        padding: 15px
    }
}

@media screen and (max-width:575px) {
    .c-list5.maw844 li {
        max-width: 100%;
        margin: 0
    }
}

.c-list5.maw844 li:last-child {
    padding: 35px 0
}

.c-list5.maw844 li:not(:last-child) {
    margin-bottom: 20px
}

.c-list5.maw844 li span {
    font-size: 1rem
}

.c-list5.maw576 {
    width: 100%;
    max-width: 576px;
    margin: 0 auto 20px
}

@media screen and (max-width:992px) {
    .c-list5.maw576 {
        margin-bottom: 35px
    }
}

.c-list5.maw576 li {
    max-width: calc(100% / 2 - 20px);
    margin: 0 10px 20px
}

@media screen and (max-width:992px) {
    .c-list5.maw576 li {
        max-width: calc(100% / 2 - 15px);
        margin: 0 7.5px 15px;
        padding: 15px
    }
}

@media screen and (max-width:575px) {
    .c-list5.maw576 li {
        max-width: 100%;
        margin: 0
    }
}

.c-list5.maw576 li:last-child {
    padding: 35px 0
}

.c-list5.maw576 li:not(:last-child) {
    margin-bottom: 20px
}

.c-list5.maw576 li span {
    font-size: 1rem
}

.c-list5.item-bg-white {
    margin-bottom: 37px
}

.c-list5.item-bg-white li {
    background: #fff
}

.c-list5.item-bg-white li:last-child {
    padding: 35px 0
}

.c-list5.item-bg-white li span {
    font-size: 1rem
}

.c-list5 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px
}

@media screen and (max-width:768px) {
    .c-list5 ul {
        margin: 0 -7.5px
    }
}

@media screen and (max-width:480px) {
    .c-list5 ul {
        margin: 0
    }
}

.c-list5 ul li {
    width: 100%;
    max-width: calc(100% / 4 - 20px);
    margin: 0 10px;
    background: #f7f8fc;
    text-align: center;
    padding: 35px 32px;
    border-radius: 4px
}

@media screen and (max-width:992px) {
    .c-list5 ul li {
        max-width: calc(100% / 3 - 20px)
    }
}

@media screen and (max-width:768px) {
    .c-list5 ul li {
        max-width: calc(100% / 2 - 15px);
        margin: 0 7.5px;
        padding: 15px
    }
}

@media screen and (max-width:480px) {
    .c-list5 ul li {
        max-width: 100%;
        margin: 0
    }
}

@media screen and (max-width:768px) {
    .c-list5 ul li:not(:last-child) {
        margin-bottom: 15px
    }
}

.c-list5 ul li:last-child {
    padding: 35px 25px
}

@media screen and (max-width:768px) {
    .c-list5 ul li:last-child {
        padding: 15px
    }
}

.c-list5 ul li img {
    margin-bottom: 22px
}

.c-list5 ul li h4 {
    font-size: 1.8rem
}

.c-list5 ul li h4 span {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.3
}

.c-list6 {
    margin-bottom: 30px
}

.c-list6 h3 {
    text-align: center;
    margin-bottom: 50px
}

.c-list6 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -45px
}

@media screen and (max-width:1200px) {
    .c-list6 ul {
        margin: 0 -20px
    }
}

@media screen and (max-width:480px) {
    .c-list6 ul {
        margin: 0
    }
}

.c-list6 ul li {
    width: 100%;
    max-width: calc(100% / 3 - 90px);
    position: relative;
    margin: 0 45px
}

@media screen and (max-width:1200px) {
    .c-list6 ul li {
        max-width: calc(100% / 3 - 40px);
        margin: 0 20px
    }
}

@media screen and (max-width:768px) {
    .c-list6 ul li {
        max-width: calc(100% / 2 - 40px);
        margin: 0 20px 40px
    }
}

@media screen and (max-width:480px) {
    .c-list6 ul li {
        max-width: 100%;
        margin: 0
    }
}

@media screen and (max-width:480px) {
    .c-list6 ul li:not(:last-child) {
        margin-bottom: 40px
    }
}

.c-list6 ul li>img {
    margin-bottom: 15px;
    width: 100%;
    border-radius: 12px
}

.c-list6 ul li h4 {
    margin-bottom: 15px;
    text-align: center;
    font-size: 1.9rem;
    line-height: 26px;
    letter-spacing: .1em;
    font-weight: 600
}

@media screen and (max-width:992px) {
    .c-list6 ul li h4 {
        font-size: 1.7rem;
        margin-bottom: 10px
    }
}

.c-list6 ul li p {
    letter-spacing: .1em
}

@media screen and (max-width:992px) {
    .c-list6 ul li p {
        font-size: 1.6rem
    }
}

.c-list6 ul li span {
    position: absolute;
    top: 0;
    left: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-list7 {
    margin-bottom: 95px
}

.c-list7 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -50px
}

@media screen and (max-width:1200px) {
    .c-list7 ul {
        margin: 0 -20px
    }
}

@media screen and (max-width:480px) {
    .c-list7 ul {
        margin: 0
    }
}

.c-list7 ul li {
    width: 100%;
    max-width: calc(100% / 3 - 100px);
    margin: 0 50px 55px
}

@media screen and (max-width:1200px) {
    .c-list7 ul li {
        max-width: calc(100% / 3 - 40px);
        margin: 0 20px
    }
}

@media screen and (max-width:768px) {
    .c-list7 ul li {
        max-width: calc(100% / 2 - 40px);
        margin: 0 20px 40px
    }
}

@media screen and (max-width:480px) {
    .c-list7 ul li {
        max-width: 100%;
        margin: 0
    }
}

@media screen and (max-width:480px) {
    .c-list7 ul li:not(:last-child) {
        margin-bottom: 30px
    }
}

.c-list7 ul li img {
    width: 100%
}

.c-list7 ul li figure {
    text-align: center;
    padding: 25px 0 0
}

@media screen and (max-width:992px) {
    .c-list7 ul li figure {
        padding-top: 15px
    }
}

.c-list7 ul li figure h4 {
    color: #f47137;
    font-size: 2rem;
    line-height: 27px;
    margin-bottom: 14px
}

.c-list7 ul li figure p {
    line-height: 21px;
    font-weight: 500
}

.c-list8 {
    margin-bottom: 50px
}

.c-list8 li {
    padding: 30px 50px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .16);
    box-shadow: 0 0 10px rgba(0, 0, 0, .16);
    margin-bottom: 30px
}

@media screen and (max-width:992px) {
    .c-list8 li {
        padding: 15px 20px;
        margin-bottom: 20px
    }
}

.c-list8 li .answer,
.c-list8 li .question {
    display: block;
    padding-left: 47px;
    position: relative
}

@media screen and (max-width:992px) {

    .c-list8 li .answer,
    .c-list8 li .question {
        padding-left: 38px
    }
}

.c-list8 li .answer::before,
.c-list8 li .question::before {
    content: '';
    width: 39px;
    height: 39px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(../images/common/svg/icon-q.svg) no-repeat;
    background-size: cover
}

@media screen and (max-width:992px) {

    .c-list8 li .answer::before,
    .c-list8 li .question::before {
        width: 30px;
        height: 30px
    }
}

.c-list8 li .question {
    font-size: 1.8rem;
    line-height: 26px;
    font-weight: 600;
    margin-bottom: 40px
}

@media screen and (max-width:992px) {
    .c-list8 li .question {
        margin-bottom: 20px
    }
}

.c-list8 li .answer {
    font-size: 1.6rem;
    line-height: 26px
}

.c-list8 li .answer::before {
    background: url(../images/common/svg/icon-a.svg) no-repeat;
    background-size: cover
}

.c-list9 h4 {
    margin-bottom: 45px;
    font-size: 2rem;
    letter-spacing: .1em;
    line-height: 27px;
    font-weight: 600
}

@media screen and (max-width:992px) {
    .c-list9 h4 {
        margin-bottom: 30px;
        font-size: 1.8rem
    }
}

.c-list9.half-item ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 300px
}

@media screen and (max-width:576px) {
    .c-list9.half-item ul {
        max-height: unset
    }
}

.c-list9.half-item ul li {
    max-width: 48%
}

@media screen and (max-width:576px) {
    .c-list9.half-item ul li {
        max-width: 100%
    }
}

.c-list9.half-item ul>span {
    max-width: 48%;
    font-size: 1.2rem;
    letter-spacing: .1em
}

@media screen and (max-width:576px) {
    .c-list9.half-item ul>span {
        max-width: 100%
    }
}

.c-list9 ul li {
    font-size: 2rem;
    letter-spacing: .1em;
    line-height: 26px;
    font-weight: 700;
    padding-left: 56px;
    position: relative
}

@media screen and (max-width:992px) {
    .c-list9 ul li {
        padding-left: 30px;
        font-size: 1.6rem
    }
}

@media screen and (max-width:480px) {
    .c-list9 ul li {
        font-size: 1.4rem;
        text-shadow: 0 0 6px rgba(255, 255, 255, .6)
    }
}

.c-list9 ul li:not(:last-child) {
    margin-bottom: 30px
}

@media screen and (max-width:992px) {
    .c-list9 ul li:not(:last-child) {
        margin-bottom: 15px
    }
}

.c-list9 ul li::before {
    content: '';
    width: 36px;
    height: 36px;
    background: url(../images/common/svg/check.svg) no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0
}

@media screen and (max-width:992px) {
    .c-list9 ul li::before {
        width: 25px;
        height: 25px
    }
}

.c-list10 {
    margin-bottom: 20px
}

.c-list10 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -7px
}

@media screen and (max-width:992px) {
    .c-list10 ul {
        margin: 0
    }
}

.c-list10 ul li {
    padding: 4px;
    background-image: -webkit-linear-gradient(165deg, #f47137 0, #c746de 26%, #3dd9e6 51%, #c746de 76%, #f47137 100%);
    background-image: linear-gradient(-75deg, #f47137 0, #c746de 26%, #3dd9e6 51%, #c746de 76%, #f47137 100%);
    background-size: 200% auto;
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 12px;
    width: 100%;
    max-width: calc(100% / 2 - 14px);
    margin: 0 7px 20px
}

@media screen and (max-width:992px) {
    .c-list10 ul li {
        max-width: 100%;
        margin: 0 0 20px
    }
}

.c-list10__inner {
    padding: 20px;
    background: #fff;
    border-radius: 9px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:992px) {
    .c-list10__inner {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.c-list10__inner--logo {
    max-width: 125px
}

.c-list10__inner--logo img {
    width: 100%;
    display: block
}

@media screen and (max-width:992px) {
    .c-list10__inner--logo img {
        width: 100px;
        margin: 0 auto
    }
}

.c-list10__inner--content {
    max-width: calc(100% - 130px);
    margin-left: 5px
}

@media screen and (max-width:992px) {
    .c-list10__inner--content {
        max-width: calc(100% - 115px);
        margin-left: unset
    }
}

.c-list11 {
    margin-bottom: 50px
}

.c-list11.space-between ul {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width:768px) {
    .c-list11 {
        margin-bottom: 35px
    }
}

.c-list11 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -44.75px
}

@media screen and (max-width:1200px) {
    .c-list11 ul {
        margin: 0 -20px
    }
}

@media screen and (max-width:576px) {
    .c-list11 ul {
        margin: 0
    }
}

.c-list11 ul li {
    width: 100%;
    max-width: calc(100% / 3 - 89.5px);
    margin: 0 44.75px;
    text-align: center
}

@media screen and (max-width:1200px) {
    .c-list11 ul li {
        max-width: calc(100% / 3 - 40px);
        margin: 0 20px
    }
}

@media screen and (max-width:768px) {
    .c-list11 ul li {
        max-width: calc(100% / 2 - 40px);
        margin-bottom: 40px
    }
}

@media screen and (max-width:576px) {
    .c-list11 ul li {
        max-width: 100%;
        margin: 0 0 40px
    }
}

.c-list11 ul li figure {
    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;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.c-list11 ul li h4,
.c-list11 ul li p {
    font-family: '游ゴシック', YuGothic, YuGothicM, 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif
}

.c-list11 ul li h4 {
    font-size: 1.9rem;
    line-height: 31px;
    letter-spacing: .1em;
    margin-top: 30px;
    margin-bottom: 15px
}

@media screen and (max-width:992px) {
    .c-list11 ul li h4 {
        font-size: 1.8rem;
        margin-bottom: 20px
    }
}

.c-list11 ul li p {
    letter-spacing: .1em;
    line-height: 21px
}

.c-list11__txt {
    font-size: 1.2rem;
    line-height: 16px;
    font-weight: 500;
    letter-spacing: .1em;
    color: #403838;
    text-align: right;
    margin-top: 25px
}

.c-list12 li {
    font-family: Roboto, sans-serif;
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: .1em;
    line-height: 22px;
    margin-bottom: 65px;
    padding-left: 87px;
    position: relative
}

@media screen and (max-width:1200px) {
    .c-list12 li {
        font-size: 1.6rem;
        padding-left: 55px;
        margin: 0
    }
}

@media screen and (max-width:992px) {
    .c-list12 li {
        font-size: 1.4rem;
        padding-left: 40px
    }
}

@media screen and (max-width:1200px) {
    .c-list12 li:not(:last-child) {
        margin-bottom: 35px
    }
}

.c-list12 li::before {
    position: absolute;
    content: '';
    width: 72px;
    height: 72px;
    background: url(../images/common/svg/square-num-1.svg) no-repeat;
    background-size: cover;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width:1200px) {
    .c-list12 li::before {
        width: 45px;
        height: 45px
    }
}

@media screen and (max-width:992px) {
    .c-list12 li::before {
        width: 35px;
        height: 35px
    }
}

.c-list12 li.two::before {
    background: url(../images/common/svg/square-num-2.svg) no-repeat;
    background-size: cover
}

.c-list12 li:nth-child(3)::before {
    background: url(../images/common/svg/square-num-3.svg) no-repeat;
    background-size: cover
}

.c-list12 li:nth-child(4)::before {
    background: url(../images/common/svg/square-num-4.svg) no-repeat;
    background-size: cover
}

.c-list12 li:nth-child(5)::before {
    background: url(../images/common/svg/square-num-5.svg) no-repeat;
    background-size: cover
}

.c-list13 li {
    border-radius: 4px;
    padding: 2px;
    margin-bottom: 25px;
    background-image: -webkit-linear-gradient(165deg, #f47137 0, #c746de 26%, #3dd9e6 51%, #c746de 76%, #f47137 100%);
    background-image: linear-gradient(-75deg, #f47137 0, #c746de 26%, #3dd9e6 51%, #c746de 76%, #f47137 100%);
    background-size: 200% auto;
    -webkit-transition: .3s;
    transition: .3s
}

.c-list13 li figure {
    background: #fff;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 2px;
    padding: 10.5px 10.5px 10.5px 0
}

@media screen and (max-width:768px) {
    .c-list13 li figure {
        padding: 6.5px 6.5px 6.5px 0
    }
}

.c-list13 li h4,
.c-list13 li span,
.c-list13 li strong {
    font-family: Roboto, sans-serif
}

.c-list13 li span {
    font-size: 4rem;
    line-height: 47px;
    font-weight: 700;
    width: 72px;
    display: block;
    border-right: 1px solid #e8e8e8;
    text-align: center;
    margin-right: 12px
}

.c-list13 li span strong {
    background: -webkit-linear-gradient(294deg, #f47137 0, #c746de 50%, #3dd9e6 100%);
    background: linear-gradient(156deg, #f47137 0, #c746de 50%, #3dd9e6 100%);
    background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-text-fill-color: transparent
}

.p-mv1 {
    position: relative
}

.p-mv1>img {
    width: 100%;
    height: auto
}

.p-mv1 h1 {
    position: absolute;
    text-align: center;
    top: 21vw;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media screen and (max-width:768px) {
    .p-mv1 h1 {
        width: 100%;
        top: 45%;
        padding: 0 15px
    }
}

@media screen and (max-width:768px) {
    .p-mv1 h1 {
        top: 40%
    }
}

@media screen and (max-width:768px) {
    .p-mv1 h1 img {
        width: 221px;
        height: auto
    }
}

.p-mv1 h1 span {
    display: block;
    text-align: center;
    font-size: 3.5vw;
    font-weight: 700;
    background: -webkit-linear-gradient(165deg, #3dd9e6 0, #c746de 50%, #f47137 100%);
    background: linear-gradient(-75deg, #3dd9e6 0, #c746de 50%, #f47137 100%);
    background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    margin-top: 2vw
}

@media screen and (max-width:768px) {
    .p-mv1 h1 span {
        font-size: 4rem
    }
}

@media screen and (max-width:480px) {
    .p-mv1 h1 span {
        font-size: 2.6rem
    }
}

.p-mv1 .c-searchbar {
    position: absolute;
    bottom: 3vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media screen and (max-width:1200px) {
    .p-mv1 .c-searchbar {
        bottom: 0;
        -webkit-transform: translate(-50%, 50%);
        transform: translate(-50%, 50%)
    }
}

@media screen and (max-width:768px) {
    .p-mv1 .c-searchbar {
        position: unset;
        -webkit-transform: unset;
        transform: unset
    }
}

.p-mv2 {
    position: relative;
    margin-bottom: 117px
}

@media screen and (max-width:992px) {
    .p-mv2 {
        margin-bottom: 50px
    }
}

@media screen and (max-width:768px) {
    .p-mv2 {
        margin-bottom: 30px
    }
}

.p-mv2 .beauty_logo {
    position: absolute;
    top: 10%;
    left: 40%;
    right: 50%;
    max-width: 300px;
}

@media screen and (max-width:992px) {
    .p-mv2 .beauty_logo {
        max-width: 170px;
    }
}

@media screen and (max-width:768px) {
    .p-mv2 .beauty_logo {
        max-width: 170px;
        height: auto;
        top: 25%;
    }
}

@media screen and (max-width:420px) {
    .p-mv2 .beauty_logo {
        top: 12%;
        max-width: 120px;
    }
}

.p-mv2 h1 {
    font-size: 5.5rem;
    line-height: 70px;
    position: absolute;
    top: 70%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 18.75%
}

@media screen and (max-width:1200px) {
    .p-mv2 h1 {
        font-size: 3rem;
        top: 40%
    }
}

@media screen and (max-width:992px) {
    .p-mv2 h1 {
        font-size: 2.2rem;
        right: 30px
    }
}

.p-mv2 img {
    max-width: 100%;
    width: 100%;
    display: block
}

@media screen and (max-width:768px) {
    .p-mv2 img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        max-width: 100%
    }
}

.p-mv2 .c-searchbar {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(50%);
    transform: translateX(-50%) translateY(50%)
}

@media screen and (max-width:1200px) {
    .p-mv2 .c-searchbar {
        bottom: 0;
        -webkit-transform: translate(-50%, 50%);
        transform: translate(-50%, 50%)
    }
}

@media screen and (max-width:768px) {
    .p-mv2 .c-searchbar {
        position: unset;
        -webkit-transform: unset;
        transform: unset;
        margin-top: 20px
    }
}

.p-mv3 {
    position: relative;
    max-width: calc(100% - 80px);
    margin: 0 auto;
    border-radius: 40px;
    overflow: hidden;
    margin-bottom: 100px
}

@media screen and (max-width:1200px) {
    .p-mv3 {
        max-width: calc(100% - 30px);
        border-radius: 20px
    }
}

@media screen and (max-width:768px) {
    .p-mv3.p-mv3-sp h2 {
        top: 30vw
    }
}

@media screen and (max-width:768px) {
    .p-mv3.p-mv3-sp>img {
        height: 80vw
    }
}

.p-mv3.mb0 {
    margin-bottom: 0
}

.p-mv3>img {
    width: 100%;
    display: block
}

@media screen and (max-width:768px) {
    .p-mv3>img {
        height: 60vw;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.p-mv3 h2 {
    position: absolute;
    top: 6vw
}

.p-mv3 h2 span {
    background: #fff;
    color: #000;
    padding: 5.5px;
    line-height: 53px;
    font-size: 2rem
}

@media screen and (max-width:992px) {
    .p-mv3 h2 span {
        font-size: 1.6rem;
        line-height: 38px
    }
}

.p-mv3 h3 {
    font-size: 2rem;
    color: #fff;
    background: #000;
    max-width: 366px;
    border-radius: 50px;
    padding: 10px 20px;
    line-height: 1;
    text-align: center;
    position: absolute;
    bottom: 5vw;
    right: 17vw
}

@media screen and (max-width:1200px) {
    .p-mv3 h3 {
        right: 15px;
        font-size: 1.5rem
    }
}

@media screen and (max-width:768px) {
    .p-mv3 h3 {
        line-height: 30px
    }
}

.p-mv3 h3 strong {
    font-size: 3rem;
    font-weight: 700
}

@media screen and (max-width:1200px) {
    .p-mv3 h3 strong {
        right: 15px;
        font-size: 1.6rem
    }
}

.p-mv3 h3 span {
    font-size: 1.5rem
}

@media screen and (max-width:1200px) {
    .p-mv3 h3 span {
        right: 15px;
        font-size: 1.4rem
    }
}

.p-mv3 h3 span.caution {
    font-size: 1rem
}

.p-mv3__right {
    position: absolute;
    right: 17vw;
    bottom: 5vw;
    max-width: 250px;
    width: 100%
}

.p-mv4 {
    width: 100%;
    height: 80vh;
    min-height: 600px;
    background-image: url(../images/top-loggedin/img-mv.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative
}

@media screen and (max-width:480px) {
    .p-mv4 {
        min-height: 300px;
        height: 60vh;
        background-position: 38% center
    }
}

.p-mv4::before {
    content: "";
    display: block;
    width: 100%;
    height: 300px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .55)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .55));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .55));
    position: absolute;
    bottom: 0;
    left: 0
}

.p-mv4 .l-container {
    height: 100%;
    position: relative
}

.p-mv4__container {
    width: 100%;
    padding-bottom: 20px;
    position: absolute;
    bottom: 0;
    left: 0
}

.p-mv4__title span {
    display: block;
    color: #fff;
    font-size: 2rem;
    text-align: center
}

@media screen and (max-width:480px) {
    .p-mv4__title span {
        font-size: 1.7rem
    }
}

.p-mv4__title strong {
    font-size: 3rem;
    color: #fff;
    display: block;
    text-align: center;
    margin: 15px 0
}

@media screen and (max-width:480px) {
    .p-mv4__title strong {
        font-size: 2.4rem
    }
}

.p-mv4__caution {
    color: #fff;
    font-size: 1.4rem;
    text-align: center
}

@media screen and (max-width:480px) {
    .p-mv4__caution {
        font-size: 1rem
    }
}

.c-breadcrumb1 {
    background: #f4f4f4;
    padding: 10px 0;
    margin-bottom: 50px
}

.c-breadcrumb1.mb0 {
    margin-bottom: 0
}

.c-breadcrumb1 a,
.c-breadcrumb1 p {
    margin: 0 5px
}

.c-breadcrumb1 a {
    font-weight: 600;
    text-decoration: underline;
    color: #000
}

.c-breadcrumb1 a:first-child {
    margin-left: 0
}

.c-breadcrumb1 p:last-child {
    margin-right: 0
}

.c-progress {
    margin-bottom: 60px
}

.c-progress h4 {
    font-size: 1.6rem;
    line-height: 26px;
    margin-bottom: 15px
}

.c-progress__bar {
    height: 40px;
    width: 100%;
    border-radius: 20px;
    background: #f5f5f5
}

.c-progress__bar--percent {
    width: 10%;
    height: 40px;
    border-radius: 20px;
    background-image: -webkit-linear-gradient(165deg, #3dd9e6 0, #c746de 51%, #f47137 100%);
    background-image: linear-gradient(-75deg, #3dd9e6 0, #c746de 51%, #f47137 100%);
    padding: 2px;
    position: relative
}

.c-progress__bar--percent.percent-0 {
    width: 0
}

.c-progress__bar--percent.percent-0>span {
    right: -40px
}

.c-progress__bar--percent.percent-5 {
    width: 5%
}

.c-progress__bar--percent.percent-5>span {
    right: -40px
}

.c-progress__bar--percent.percent-10 {
    width: 10%
}

.c-progress__bar--percent.percent-10>span {
    right: -40px
}

.c-progress__bar--percent.percent-15 {
    width: 15%
}

.c-progress__bar--percent.percent-15>span {
    right: -40px
}

.c-progress__bar--percent.percent-20 {
    width: 20%
}

.c-progress__bar--percent.percent-25 {
    width: 25%
}

.c-progress__bar--percent.percent-30 {
    width: 30%
}

.c-progress__bar--percent.percent-35 {
    width: 35%
}

.c-progress__bar--percent.percent-40 {
    width: 40%
}

.c-progress__bar--percent.percent-45 {
    width: 45%
}

.c-progress__bar--percent.percent-50 {
    width: 50%
}

.c-progress__bar--percent.percent-55 {
    width: 55%
}

.c-progress__bar--percent.percent-60 {
    width: 60%
}

.c-progress__bar--percent.percent-65 {
    width: 65%
}

.c-progress__bar--percent.percent-70 {
    width: 70%
}

.c-progress__bar--percent.percent-75 {
    width: 75%
}

.c-progress__bar--percent.percent-80 {
    width: 80%
}

.c-progress__bar--percent.percent-85 {
    width: 85%
}

.c-progress__bar--percent.percent-90 {
    width: 90%
}

.c-progress__bar--percent.percent-95 {
    width: 95%
}

.c-progress__bar--percent.percent-100 {
    width: 100%
}

.c-progress__bar--percent::before {
    content: '';
    display: block;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background-color: #fff;
    border-radius: 20px;
    position: absolute;
    top: 2px;
    left: 2px
}

.c-progress__bar--percent>span {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1;
    background: -webkit-linear-gradient(165deg, #3dd9e6 0, #c746de 50%, #f47137 100%);
    background: linear-gradient(-75deg, #3dd9e6 0, #c746de 50%, #f47137 100%);
    background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    position: absolute;
    top: calc(50% - 8px);
    right: 15px
}

.c-progress2 {
    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: 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: 70px
}

.c-progress2__dot {
    width: calc(100% / 3);
    position: relative
}

.c-progress2__dot::before {
    content: '';
    width: 100%;
    background: #f2f2f2;
    height: 3px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1
}

.c-progress2__dot:last-child::after {
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #f2f2f2;
    position: absolute;
    right: 0;
    top: 0
}

@media screen and (max-width:992px) {
    .c-progress2__dot:last-child::after {
        width: 15px;
        height: 15px
    }
}

.c-progress2__dot:last-child.is-active::after {
    background-image: -webkit-linear-gradient(165deg, #f47137 0, #c746de 26%, #3dd9e6 51%, #c746de 76%, #f47137 100%);
    background-image: linear-gradient(-75deg, #f47137 0, #c746de 26%, #3dd9e6 51%, #c746de 76%, #f47137 100%);
    background-size: 200% auto;
    -webkit-transition: .3s;
    transition: .3s
}

.c-progress2__dot.is-active::before {
    background-image: -webkit-linear-gradient(165deg, #f47137 0, #c746de 26%, #3dd9e6 51%, #c746de 76%, #f47137 100%);
    background-image: linear-gradient(-75deg, #f47137 0, #c746de 26%, #3dd9e6 51%, #c746de 76%, #f47137 100%);
    background-size: 200% auto;
    -webkit-transition: .3s;
    transition: .3s
}

.c-progress2__dot span {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #f2f2f2
}

@media screen and (max-width:992px) {
    .c-progress2__dot span {
        width: 15px;
        height: 15px
    }
}

.c-progress2__dot span.gradient {
    background-image: -webkit-linear-gradient(165deg, #f47137 0, #c746de 26%, #3dd9e6 51%, #c746de 76%, #f47137 100%);
    background-image: linear-gradient(-75deg, #f47137 0, #c746de 26%, #3dd9e6 51%, #c746de 76%, #f47137 100%);
    background-size: 200% auto;
    -webkit-transition: .3s;
    transition: .3s
}

.c-table1 {
    width: 100%;
    border: 1px solid #e8e8e8
}

.c-table1 tr {
    border-bottom: 1px solid #fff
}

.c-table1 tr td,
.c-table1 tr th {
    font-size: 1.6rem;
    line-height: 20.5px;
    padding: 13px 20px;
    text-align: left
}

@media screen and (max-width:480px) {

    .c-table1 tr td,
    .c-table1 tr th {
        font-size: 1.4rem;
        padding: 10px 15px
    }
}

.c-table1 tr th {
    width: 191px;
    background: #f2f2f2;
    padding: 13px 16px
}

@media screen and (max-width:768px) {
    .c-table1 tr th {
        width: 40%
    }
}

.c-table1 tr td {
    background: #f8f8f8
}

@media screen and (max-width:768px) {
    .c-table1 tr td {
        width: 60%
    }
}

.c-table2 {
    width: 100%
}

@media screen and (max-width:1200px) {
    .c-table2 {
        max-width: 1070px;
        min-width: 460px
    }
}

.c-table2.detail tr td:nth-child(2),
.c-table2.detail tr th:nth-child(2) {
    width: 14%
}

.c-table2.detail tr td:nth-child(3),
.c-table2.detail tr th:nth-child(3) {
    width: 25%
}

.c-table2.detail tr td:last-child,
.c-table2.detail tr th:last-child {
    width: 25%
}

.c-table2.detail tr td:nth-child(2) {
    text-align: center
}

.c-table2.is-history,
.c-table2.is-review {
    min-width: none
}

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

    .c-table2.is-history,
    .c-table2.is-review {
        min-width: 500px
    }
}

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

    .c-table2.is-history tr td:first-child,
    .c-table2.is-review tr td:first-child {
        min-width: 140px
    }
}

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

    .c-table2.is-history tr td:nth-child(2),
    .c-table2.is-review tr td:nth-child(2) {
        min-width: 110px
    }
}

.c-table2.is-history tr td:nth-child(2) a,
.c-table2.is-review tr td:nth-child(2) a {
    display: block;
    width: 120px;
    height: 120px
}

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

    .c-table2.is-history tr td:nth-child(2) a,
    .c-table2.is-review tr td:nth-child(2) a {
        width: 80px;
        height: 80px;
        margin: 0 auto
    }
}

.c-table2.is-history tr td:nth-child(2) a img,
.c-table2.is-review tr td:nth-child(2) a img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.c-table2.is-history tr td:nth-child(3),
.c-table2.is-review tr td:nth-child(3) {
    text-align: left
}

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

    .c-table2.is-history tr td:nth-child(3),
    .c-table2.is-review tr td:nth-child(3) {
        min-width: 200px
    }
}

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

    .c-table2.is-history tr td:last-child,
    .c-table2.is-review tr td:last-child {
        min-width: 150px
    }
}

@media screen and (max-width:1200px) {
    .c-table2.is-fav {
        min-width: 0;
        max-width: none;
        width: 100%
    }
}

.c-table2.is-fav tr td:first-child,
.c-table2.is-fav tr th:first-child {
    width: 140px
}

@media screen and (max-width:480px) {

    .c-table2.is-fav tr td:first-child,
    .c-table2.is-fav tr th:first-child {
        width: 100px
    }
}

.c-table2.is-fav tr td:last-child,
.c-table2.is-fav tr th:last-child {
    width: 140px
}

@media screen and (max-width:480px) {

    .c-table2.is-fav tr td:last-child,
    .c-table2.is-fav tr th:last-child {
        width: 120px
    }
}

.c-table2.is-review tr td {
    max-width: 650px
}

.c-table2.is-review tr td .review-content {
    height: calc(2.4rem * 3);
    line-height: 1.5;
    overflow: hidden;
    position: relative;
    word-wrap: break-word
}

.c-table2.is-review tr td .review-content::before {
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(30%, #f2f2f2));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, #f2f2f2 30%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #f2f2f2 30%);
    bottom: 0;
    content: "…";
    padding-left: 1em;
    position: absolute;
    right: 0
}

.c-table2.is-review tr td .review-content::after {
    background: #f2f2f2;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%
}

.c-table2.is-review tr td .review-content span {
    margin-right: 1em
}

.c-table2 tr {
    border-bottom: 1px solid #fff
}

.c-table2 tr th {
    text-align: center;
    background: #383838;
    color: #fff;
    line-height: 56px;
    letter-spacing: .1em;
    font-weight: 600
}

.c-table2 tr th.maw110 {
    width: 15%
}

.c-table2 tr th.maw208 {
    width: 20%
}

.c-table2 tr th.maw246 {
    width: 20%
}

.c-table2 tr td {
    padding: 15px 20px;
    text-align: center;
    background: #f8f8f8
}

@media screen and (max-width:992px) {
    .c-table2 tr td {
        padding: 10px 5px
    }
}

@media screen and (max-width:480px) {
    .c-table2 tr td {
        padding: 10px 5px
    }
}

.c-table2 tr td:nth-child(2) {
    text-align: left
}

.c-table2 tr td:nth-child(2n+1) {
    background: #f2f2f2
}

.c-table2 tr td .left,
.c-table2 tr td .right {
    font-size: 1rem;
    font-weight: 500
}

.c-table2 tr td .left::before,
.c-table2 tr td .right::before {
    width: 36px;
    height: 36px;
    display: block;
    margin: 0 auto -5px;
    content: '';
    background: url(../images/common/svg/icon-circle-right.svg) no-repeat;
    background-size: cover
}

.c-table2 tr td .left::before {
    background: url(../images/common/svg/icon-circle-left.svg) no-repeat;
    background-size: cover
}

.c-table2 tr td>a {
    font-size: 1.4rem;
    font-weight: 600;
    text-decoration: underline;
    color: #f47137
}

.c-table2 tr td .c-btn2,
.c-table2 tr td .c-btn3 {
    text-decoration: none;
    max-width: 122px;
    margin: 0 auto;
    line-height: 36px
}

.c-table2 tr td .c-btn2.maw145,
.c-table2 tr td .c-btn3.maw145 {
    max-width: 145px
}

.c-table2 tr td .c-btn2.maw155,
.c-table2 tr td .c-btn3.maw155 {
    max-width: 155px
}

.c-table2 tr td .c-btn3 {
    color: #fff
}

.c-table2 tr td .c-btn2 {
    color: #000
}

.c-table2 tr td .tag {
    background: #fff;
    display: block;
    width: 100%;
    line-height: 36px;
    border-radius: 4px;
    border: 1px solid #333
}

.c-table2 tr td .tag.green {
    color: #2caa4e;
    border-color: #2caa4e
}

.c-table2 tr td .tag.yellow {
    color: #c6c622;
    border-color: #c6c622
}

.c-table2 tr td .tag.red {
    color: #bc0000;
    border-color: #e51a1a
}

.c-table2 tr td.bold {
    font-weight: 600
}

.c-table3 {
    width: 100%;
    min-width: 700px
}

.c-table3.price {
    margin-bottom: 60px
}

.c-table3.price tr:first-child th:first-child {
    background: #fff;
    color: #000
}

.c-table3 tr {
    border-bottom: 1px solid #e8e8e8
}

.c-table3 tr:first-child th {
    background: #adb7c3;
    color: #fff;
    font-size: 1.8rem;
    line-height: 24px;
    padding: 5px 0;
    border-right: 1px solid #e8e8e8
}

@media screen and (max-width:1200px) {
    .c-table3 tr:first-child th {
        font-size: 1.6rem;
        line-height: 22px
    }
}

.c-table3 tr:first-child th:first-child {
    background: 0 0;
    border-right: none
}

.c-table3 tr:first-child th:last-child {
    background: #f47137;
    border-right: none
}

.c-table3 tr:first-child,
.c-table3 tr:last-child {
    border-bottom: none
}

.c-table3 tr td,
.c-table3 tr th {
    width: 25%;
    text-align: center
}

.c-table3 tr th {
    background: #ecf0f5;
    line-height: 47px
}

.c-table3 tr td {
    background: #fff
}

.c-table3 tr td.sub {
    position: relative
}

.c-table3 tr td.sub>span {
    display: block;
    font-size: 1rem;
    line-height: 14px;
    text-align: right;
    position: absolute;
    right: 15px;
    bottom: 8px;
    margin-top: 5px
}

.c-table3 tr td:not(:last-child) {
    border-right: 1px solid #e8e8e8
}

.c-table3 tr.is-strong {
    background-color: #f47137
}

.c-table3 tr.is-strong td,
.c-table3 tr.is-strong th {
    background-color: transparent;
    color: #fff;
    font-size: 2.4rem;
    font-weight: 600;
    height: auto;
    padding: 20px 5px;
    line-height: 1
}

@media screen and (max-width:1200px) {

    .c-table3 tr.is-strong td,
    .c-table3 tr.is-strong th {
        font-size: 1.8rem
    }
}

.c-table3.c-table-compare.time {
    margin-bottom: 20px
}

.c-table3.c-table-compare tr:first-child th:first-child {
    background-color: #fff;
    color: #000
}

.c-table3.c-table-compare tr:first-child th:last-child {
    background-color: #adb7c3
}

.c-table3.c-table-compare tr td,
.c-table3.c-table-compare tr th {
    width: 16.66%
}

.c-table4 {
    width: 100%
}

.c-table4 tr {
    border: 1px solid #e8e8e8
}

.c-table4 tr td,
.c-table4 tr th {
    font-family: '游ゴシック', YuGothic, YuGothicM, 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif
}

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

    .c-table4 tr td,
    .c-table4 tr th {
        font-size: 1.4rem
    }
}

.c-table4 tr th {
    background: #ecf0f5;
    width: 66.66%;
    line-height: 47px
}

@media screen and (max-width:768px) {
    .c-table4 tr th {
        width: 50%
    }
}

.c-table4 tr th.bg-orange {
    background-color: #f47137;
    color: #fff
}

.c-table4 tr td {
    text-align: right;
    padding: 0 17px;
    background: #fff
}

.c-table4 tr td strong {
    font-size: 1rem;
    font-weight: 400
}

.c-table5 {
    width: 100%
}

.c-table5 tr {
    border-bottom: 1px solid #fff
}

.c-table5 tr:first-child {
    border-bottom: 1px solid #e8e8e8
}

.c-table5 tr td,
.c-table5 tr th {
    font-family: '游ゴシック', YuGothic, YuGothicM, 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif
}

.c-table5 tr td strong,
.c-table5 tr th strong {
    font-family: '游ゴシック', YuGothic, YuGothicM, 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif
}

.c-table5 tr th {
    line-height: 56px;
    background: #383838;
    color: #fff
}

.c-table5 tr th:first-child {
    width: 140px;
    border-right: 1px solid #e8e8e8
}

.c-table5 tr td {
    line-height: 30px;
    background: #f8f8f8
}

.c-table5 tr td:first-child {
    text-align: center;
    background: #f2f2f2
}

.c-table5 tr td:nth-child(2) {
    padding: 0 20px;
    color: #1364a8;
    font-weight: 500
}

.c-table5 tr td:nth-child(2).red {
    color: #f43737
}

.c-table6 {
    width: 100%;
    max-width: 800px;
    margin: 0 auto
}

.c-table6 tr {
    border-bottom: 1px solid #e8e8e8
}

.c-table6 tr td,
.c-table6 tr th {
    font-family: '游ゴシック', YuGothic, YuGothicM, 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif;
    font-weight: 600
}

.c-table6 tr th {
    background: #ecf0f5;
    width: 300px
}

@media screen and (max-width:575px) {
    .c-table6 tr th {
        width: 80px
    }
}

.c-table6 tr td {
    padding: 13px 15px;
    background: #fff
}

.c-table7 {
    width: 100%
}

.c-table7 td,
.c-table7 th {
    padding: 15px;
    color: #000;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1;
    font-family: '游ゴシック', YuGothic, YuGothicM, 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif
}

.c-table7 th {
    background-color: #ecf0f5
}

.c-table7 td {
    background-color: #fff
}

@media screen and (max-width:1070px) {
    .c-tab1 {
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch
    }
}

.c-tab1__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 20px;
    min-width: 1070px
}

@media screen and (max-width:992px) {
    .c-tab1__btn {
        min-width: 500px
    }
}

.c-tab1__btn a {
    display: block;
    width: 100%;
    max-width: 20%;
    text-align: center;
    line-height: 46px;
    font-size: 1.6rem;
    border-radius: 3px 3px 0 0;
    padding-bottom: 3px;
    border-bottom: 3px solid #e0e0e0
}

@media screen and (max-width:992px) {
    .c-tab1__btn a {
        width: 20%;
        max-width: none;
        min-width: 175px;
        font-size: 1.4rem
    }
}

@media screen and (max-width:992px) {
    .c-tab1__btn a:not(:first-child) {
        width: 100px;
        min-width: 0
    }
}

.c-tab1__btn a span {
    white-space: nowrap
}

.c-tab1__btn a.is-active {
    padding: 3px;
    background-image: -webkit-linear-gradient(165deg, #f47137 0, #c746de 26%, #3dd9e6 51%, #c746de 76%, #f47137 100%);
    background-image: linear-gradient(-75deg, #f47137 0, #c746de 26%, #3dd9e6 51%, #c746de 76%, #f47137 100%);
    background-size: 200% auto;
    -webkit-transition: .3s;
    transition: .3s;
    border-bottom: none;
    position: relative
}

.c-tab1__btn a.is-active::before {
    content: '';
    display: block;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background-color: #fff;
    position: absolute;
    top: 2px;
    left: 2px
}

.c-tab1__btn a.is-active span {
    background: -webkit-linear-gradient(165deg, #3dd9e6 0, #c746de 50%, #f47137 100%);
    background: linear-gradient(-75deg, #3dd9e6 0, #c746de 50%, #f47137 100%);
    background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    z-index: 2;
    position: relative;
    font-weight: 600
}

.c-tab1__content {
    padding-bottom: 100px;
    border-bottom: 1px solid #d3ddde
}

.c-tab1__content .c-btn2 {
    max-width: 175px;
    margin: 0 auto
}

.c-tab1__content--row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-tab1__content--row figure {
    width: 50%
}

@media screen and (max-width:992px) {
    .c-tab1__content--row figure {
        width: 100%
    }
}

.c-tab1__content--row figure:first-child {
    margin-bottom: 50px
}

.c-tab1__content--row figure:nth-child(2) {
    text-align: center
}

.c-tab1__content--row figure>h4 {
    margin-bottom: 25px
}

.c-tab1__content--row figure .row {
    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;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px
}

.c-tab1__content--row figure .row.mb30 {
    margin-bottom: 30px
}

.c-tab1__content--row figure .row .left {
    width: 151px;
    text-align: center;
    margin-right: 10px
}

.c-tab1__content--row figure .row span,
.c-tab1__content--row figure .row strong {
    display: block;
    background: -webkit-linear-gradient(165deg, #3dd9e6 0, #c746de 50%, #f47137 100%);
    background: linear-gradient(-75deg, #3dd9e6 0, #c746de 50%, #f47137 100%);
    background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-text-fill-color: transparent
}

.c-tab1__content--row figure .row span {
    margin-right: 20px;
    font-size: 2.5rem;
    line-height: 20px
}

.c-tab1__content--row figure .row strong {
    width: 110px
}

.c-tab1__content--row figure .c-btn2 {
    max-width: 220px
}

.c-tab1__content--score {
    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: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    border-bottom: 3px solid #000;
    padding-bottom: 10px;
    margin-bottom: 20px;
    width: 100%
}

.c-tab1__content--score span {
    font-size: 1.2rem;
    line-height: 1
}

.c-tab1__content--score span strong {
    font-size: 2.4rem;
    display: inline-block;
    margin-right: 15px
}

.c-tab1__content--score h4 {
    line-height: 1
}

.c-tab1__content--score h4 span {
    font-weight: 400;
    display: inline-block;
    margin-left: 10px;
    font-size: 1rem
}

.c-tab2__list {
    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-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-tab2__list li {
    width: 49%;
    max-width: 540px;
    background-image: -webkit-linear-gradient(165deg, #f47137 0, #c746de 26%, #3dd9e6 51%, #c746de 76%, #f47137 100%);
    background-image: linear-gradient(-75deg, #f47137 0, #c746de 26%, #3dd9e6 51%, #c746de 76%, #f47137 100%);
    background-size: 200% auto;
    -webkit-transition: .3s;
    transition: .3s;
    padding: 2px;
    border-radius: 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width:768px) {
    .c-tab2__list li {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (max-width:480px) {
    .c-tab2__list li {
        max-width: none;
        width: 100%
    }
}

.c-tab2__list li.is-black {
    background-color: #000;
    background-image: none
}

.c-tab2__list li.is-black .plan-name {
    background-color: #000;
    background-image: none
}

.c-tab2__list li.is-black .plan-info__price .monthly,
.c-tab2__list li.is-black .plan-info__price .yearly {
    color: #000
}

@media screen and (max-width:480px) {
    .c-tab2__list li:nth-child(2) {
        margin-top: 15px
    }
}

.c-tab2__list li:nth-child(3),
.c-tab2__list li:nth-child(4) {
    margin-top: 30px
}

@media screen and (max-width:480px) {

    .c-tab2__list li:nth-child(3),
    .c-tab2__list li:nth-child(4) {
        margin-top: 15px
    }
}

.c-tab2__list li .plan-name {
    background-image: -webkit-linear-gradient(165deg, #f47137 0, #c746de 26%, #3dd9e6 51%, #c746de 76%, #f47137 100%);
    background-image: linear-gradient(-75deg, #f47137 0, #c746de 26%, #3dd9e6 51%, #c746de 76%, #f47137 100%);
    background-size: 200% auto;
    -webkit-transition: .3s;
    transition: .3s;
    width: 30.7%;
    max-width: 166px;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: .1em
}

@media screen and (max-width:768px) {
    .c-tab2__list li .plan-name {
        width: 100%;
        max-width: none
    }
}

.c-tab2__list li .plan-name span {
    font-size: 3rem
}

@media screen and (max-width:480px) {
    .c-tab2__list li .plan-name span {
        font-size: 2.4rem
    }
}

.c-tab2__list li .plan-info {
    background-color: #fff;
    border-radius: 0 4px 4px 0;
    width: 69.3%;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 13px 0
}

@media screen and (max-width:768px) {
    .c-tab2__list li .plan-info {
        width: 100%
    }
}

.c-tab2__list li .plan-info__price {
    margin: 10px 0;
    letter-spacing: .1em
}

.c-tab2__list li .plan-info__price .yearly {
    font-size: 2.4rem;
    color: #f47137;
    font-weight: 700
}

.c-tab2__list li .plan-info__price .monthly {
    font-size: 1.2rem;
    margin-left: 5px;
    color: #f47137
}

.c-tab2__list li .plan-info .discount {
    text-align: center
}

.c-tab2__list li .plan-info .discount span {
    display: inline-block;
    padding: 5px 10px;
    background-color: #f47137;
    color: #fff;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1;
    border-radius: 13px;
    letter-spacing: .1em
}

.c-tab2__list--caution {
    margin-top: 10px;
    font-size: 1.4rem;
    margin-bottom: 40px
}

.c-tab2__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.c-tab2__btn a,
.c-tab2__btn button {
    display: block;
    width: 100%;
    max-width: 50%;
    text-align: center;
    line-height: 46px;
    font-size: 1.6rem;
    border-radius: 3px 3px 0 0;
    padding-bottom: 3px;
    border-bottom: 3px solid #e0e0e0
}

.c-tab2__btn a span,
.c-tab2__btn button span {
    white-space: nowrap
}

.c-tab2__btn a.is-active,
.c-tab2__btn button.is-active {
    padding: 3px;
    background-image: -webkit-linear-gradient(165deg, #f47137 0, #c746de 26%, #3dd9e6 51%, #c746de 76%, #f47137 100%);
    background-image: linear-gradient(-75deg, #f47137 0, #c746de 26%, #3dd9e6 51%, #c746de 76%, #f47137 100%);
    background-size: 200% auto;
    -webkit-transition: .3s;
    transition: .3s;
    border-bottom: none;
    position: relative
}

.c-tab2__btn a.is-active::before,
.c-tab2__btn button.is-active::before {
    content: '';
    display: block;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background-color: #fff;
    position: absolute;
    top: 2px;
    left: 2px
}

.c-tab2__btn a.is-active span,
.c-tab2__btn button.is-active span {
    background: -webkit-linear-gradient(165deg, #3dd9e6 0, #c746de 50%, #f47137 100%);
    background: linear-gradient(-75deg, #3dd9e6 0, #c746de 50%, #f47137 100%);
    background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    z-index: 2;
    position: relative;
    font-weight: 600
}

.c-tab2__content .c-list5 li {
    background-color: #fff
}

.c-tab2__content--1,
.c-tab2__content--2 {
    padding: 40px 30px 100px;
    border: 2px solid #000;
    border-top: none
}

@media screen and (max-width:992px) {

    .c-tab2__content--1,
    .c-tab2__content--2 {
        padding: 30px 15px 50px
    }
}

.c-tab2__content--1>h4,
.c-tab2__content--2>h4 {
    background-image: -webkit-linear-gradient(165deg, #f47137 0, #c746de 26%, #3dd9e6 51%, #c746de 76%, #f47137 100%);
    background-image: linear-gradient(-75deg, #f47137 0, #c746de 26%, #3dd9e6 51%, #c746de 76%, #f47137 100%);
    background-size: 200% auto;
    -webkit-transition: .3s;
    transition: .3s;
    max-width: 177px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    margin-bottom: 25px
}

.c-tab2__content--1>h4.maw111,
.c-tab2__content--2>h4.maw111 {
    max-width: 111px
}

.c-tab2__content--1>h4 strong,
.c-tab2__content--2>h4 strong {
    display: inline-block;
    font-size: 3.1rem
}

@media screen and (max-width:992px) {

    .c-tab2__content--1>h4 strong,
    .c-tab2__content--2>h4 strong {
        font-size: 2.5rem
    }
}

.c-tab2__content--1>h4 span,
.c-tab2__content--2>h4 span {
    font-size: 1rem;
    display: inline-block;
    margin-left: 5px
}

.c-tab2__content--1 {
    background: #f7f8fc
}

.c-tab2__content--1 .c-btn1 {
    margin-top: 50px
}

.c-tab2__content--2 {
    background: #ffe5d9
}

.c-tab2__content--2 .c-btn1 {
    margin-top: 50px
}

.c-tab3__content {
    margin-bottom: 100px;
    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
}

@media screen and (max-width:480px) {
    .c-tab3__content {
        display: block
    }
}

.c-tab3__content .c-form1 {
    width: calc(100% - 210px)
}

@media screen and (max-width:480px) {
    .c-tab3__content .c-form1 {
        width: 100%
    }
}

.c-tab3__content .c-btn2 {
    max-width: 197px;
    display: block;
    margin: 0 auto
}

@media screen and (max-width:490px) {
    .c-tab3__content .c-btn2 {
        max-width: 100%
    }
}

.c-tab3__list {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    width: 200px;
    background-color: #f8f8f8;
    border: 1px solid #d1d1d1;
    border-radius: 4px
}

@media screen and (max-width:480px) {
    .c-tab3__list {
        width: 100%;
        margin-bottom: 20px
    }
}

.c-tab3__list li:not(:last-child) {
    border-bottom: 1px solid #d1d1d1
}

.c-tab3__list li a {
    display: block;
    padding: 10px;
    font-family: '游ゴシック', YuGothic, YuGothicM, 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif
}

.c-block1 {
    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: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 30px
}

.c-block1__content {
    width: 100%;
    max-width: 710px
}

@media screen and (max-width:1200px) {
    .c-block1__content {
        max-width: 100%
    }
}

.c-block1__content>p:not(:last-child) {
    margin-bottom: 50px
}

.c-block1__content .online-shop {
    margin: 0;
    width: 100%;
    display: block
}

.c-block1__content .online-shop img {
    width: 100%;
    max-width: none;
    margin: 0 0 30px;
    height: auto
}

.c-block1__content--row {
    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: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.c-block1__content--row.mt50 {
    margin-top: 50px
}

.c-block1__content--row .c-btn1 {
    max-width: 268px;
    margin: 0
}

@media screen and (max-width:768px) {
    .c-block1__content--row .c-btn1 {
        max-width: 150px
    }
}

@media screen and (max-width:480px) {
    .c-block1__content--row .c-btn1 {
        max-width: 130px
    }
}

.c-block1__content .maw135 {
    max-width: 135px
}

.c-block1__content article {
    margin-bottom: 50px;
    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: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.c-block1__content article.stylist .c-table1 {
    width: calc(100% - 200px)
}

@media screen and (max-width:768px) {
    .c-block1__content article.stylist .c-table1 {
        width: 100%;
        margin-top: 15px
    }
}

.c-block1__content article.stylist .c-table1 .sns-td {
    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
}

.c-block1__content article.stylist .c-table1 .sns-td a:nth-child(2) {
    margin-left: 30px
}

.c-block1__content article.stylist .c-table1 .sns-td a img {
    width: 20px;
    height: 20px
}

.c-block1__content article img {
    max-width: 190px;
    width: 100%;
    height: auto
}

@media screen and (max-width:768px) {
    .c-block1__content article img {
        -o-object-fit: cover;
        object-fit: cover
    }
}

@media screen and (max-width:575px) {
    .c-block1__content article img {
        width: 100%;
        display: block
    }
}

.c-block1__content article p {
    width: 100%;
    max-width: calc(100% - 200px);
    margin-bottom: 0
}

@media screen and (max-width:575px) {
    .c-block1__content article p {
        max-width: 100%;
        margin-top: 15px
    }
}

.c-block1__content>figure {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 -12.5px
}

.c-block1__content>figure img {
    width: 100%;
    height: auto;
    display: block;
    max-width: calc(100% / 3 - 25px);
    margin: 0 12.5px 25px
}

@media screen and (max-width:768px) {
    .c-block1__content>figure img {
        max-width: calc(100% / 2 - 25px)
    }
}

.c-block1__sticky {
    width: 100%;
    max-width: 460px;
    padding: 80px 30px;
    text-align: center;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, .05);
    box-shadow: 0 0 9px rgba(0, 0, 0, .05);
    position: -webkit-sticky;
    position: sticky;
    top: 10px;
    background: #fff
}

@media screen and (max-width:1200px) {
    .c-block1__sticky {
        max-width: 100%;
        padding: 10px;
        position: fixed;
        top: auto;
        bottom: 0;
        left: 0;
        border-radius: 15px 15px 0 0;
        z-index: 9
    }
}

.c-block1__sticky>label {
    margin-bottom: 25px;
    display: block
}

@media screen and (max-width:1200px) {
    .c-block1__sticky--container {
        display: none;
        width: 100%;
        height: 100%;
        background-color: #fff;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999
    }

    .c-block1__sticky--container h3 {
        background-color: #f2f2f2;
        padding: 20px 10px
    }

    .c-block1__sticky--container .close {
        display: block;
        width: 66px;
        height: 66px;
        background-color: #000;
        position: absolute;
        top: 0;
        right: 0
    }

    .c-block1__sticky--container .close::after,
    .c-block1__sticky--container .close::before {
        content: '';
        display: block;
        width: 26px;
        height: 2px;
        background-color: #fff;
        position: absolute;
        top: 32px;
        left: 20px
    }

    .c-block1__sticky--container .close::before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .c-block1__sticky--container .close::after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@media screen and (max-width:1200px) {
    .c-block1__sticky--row {
        padding: 0 15px;
        margin-top: 50px
    }
}

.c-block1__sticky.p30 {
    padding: 30px
}

@media screen and (max-width:768px) {
    .c-block1__sticky.unsticky-sp {
        position: unset
    }
}

.c-block1__sticky--row {
    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: 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
}

@media screen and (max-width:1200px) {
    .c-block1__sticky--row {
        margin-bottom: 15px
    }
}

.c-block1__sticky h4 {
    display: block;
    margin-bottom: 18px;
    font-size: 1.4rem
}

@media screen and (max-width:768px) {
    .c-block1__sticky h4 {
        margin-bottom: 10px
    }
}

@media screen and (max-width:480px) {
    .c-block1__sticky h4 {
        font-size: 1.2rem
    }
}

.c-block1__sticky h3 {
    margin-bottom: 15px
}

.c-block1__sticky .c-btn2 {
    max-width: 197px;
    display: block;
    margin-bottom: 10px
}

@media screen and (max-width:490px) {
    .c-block1__sticky .c-btn2 {
        max-width: 100%
    }
}

.c-block2 {
    padding: 5px;
    background-image: -webkit-linear-gradient(165deg, #f47137 0, #c746de 26%, #3dd9e6 51%, #c746de 76%, #f47137 100%);
    background-image: linear-gradient(-75deg, #f47137 0, #c746de 26%, #3dd9e6 51%, #c746de 76%, #f47137 100%);
    background-size: 200% auto;
    -webkit-transition: .3s;
    transition: .3s;
    position: relative;
    margin-bottom: 75px
}

@media screen and (max-width:992px) {
    .c-block2 {
        margin-bottom: 45px
    }
}

.c-block2__inner {
    background: #fff;
    padding: 30px 40px
}

@media screen and (max-width:992px) {
    .c-block2__inner {
        padding: 20px
    }
}

@media screen and (max-width:768px) {
    .c-block2__inner {
        padding: 40px 15px 15px
    }
}

.c-block2__inner>img {
    max-width: 230px;
    width: 100%;
    margin: 0 auto 30px;
    display: block
}

.c-block2__inner .caution {
    font-size: 1.2rem;
    text-align: center;
    margin-bottom: 50px
}

.c-block2__desc {
    font-size: 1.2rem;
    text-align: center;
    margin-bottom: 35px
}

.c-block2>h3 {
    font-size: 1.5rem;
    color: #fff;
    background: #000;
    max-width: 285px;
    border-radius: 50px;
    padding: 0 20px;
    line-height: 43px;
    position: absolute;
    top: 0;
    left: -15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width:1200px) {
    .c-block2>h3 {
        left: -15px
    }
}

@media screen and (max-width:992px) {
    .c-block2>h3 {
        line-height: 38px;
        font-size: 1.4rem;
        padding: 0 15px
    }
}

.c-block2>h3 strong {
    font-size: 2.3rem;
    font-weight: 700
}

@media screen and (max-width:992px) {
    .c-block2>h3 strong {
        font-size: 1.8rem
    }
}

.c-block2>h3 span {
    font-size: 1.2rem
}

@media screen and (max-width:992px) {
    .c-block2>h3 span {
        font-size: 1rem
    }
}

.c-block2 .c-btn2 {
    max-width: 415px;
    margin: 30px auto 0
}

.c-block3 {
    background: url(../images/lpmen/bg-block3.jpg) no-repeat right, #f7f8fc;
    padding: 64px 0
}

@media screen and (max-width:992px) {
    .c-block3 {
        padding: 40px 0;
        background-position: 53% 15%
    }
}

.c-block3 h4 {
    margin-bottom: 45px;
    font-size: 2rem;
    letter-spacing: .1em;
    line-height: 27px;
    font-weight: 600
}

@media screen and (max-width:992px) {
    .c-block3 h4 {
        margin-bottom: 30px;
        font-size: 1.8rem
    }
}

.c-block3 ul li {
    font-size: 2rem;
    letter-spacing: .1em;
    line-height: 26px;
    font-weight: 700;
    padding-left: 56px;
    position: relative
}

@media screen and (max-width:992px) {
    .c-block3 ul li {
        padding-left: 30px;
        font-size: 1.6rem
    }
}

@media screen and (max-width:480px) {
    .c-block3 ul li {
        font-size: 1.4rem;
        text-shadow: 0 0 6px rgba(255, 255, 255, .6)
    }
}

.c-block3 ul li:not(:last-child) {
    margin-bottom: 30px
}

@media screen and (max-width:992px) {
    .c-block3 ul li:not(:last-child) {
        margin-bottom: 15px
    }
}

.c-block3 ul li::before {
    content: '';
    width: 36px;
    height: 36px;
    background: url(../images/common/svg/icon-checked.svg) no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0
}

@media screen and (max-width:992px) {
    .c-block3 ul li::before {
        width: 25px;
        height: 25px
    }
}

.c-block4 {
    margin-bottom: 70px
}

@media screen and (max-width:992px) {
    .c-block4 {
        margin-bottom: 45px
    }
}

.c-block4__inner {
    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: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width:992px) {
    .c-block4__inner--left {
        width: 33%
    }
}

@media screen and (max-width:768px) {
    .c-block4__inner--left {
        width: 100%;
        margin-bottom: 25px
    }
}

.c-block4__inner--left p {
    margin-bottom: 50px
}

.c-block4__inner--left img {
    display: block
}

@media screen and (max-width:768px) {
    .c-block4__inner--left img {
        margin: 0 auto
    }
}

.c-block4__inner--left img:not(:last-child) {
    margin-bottom: 50px
}

@media screen and (max-width:992px) {
    .c-block4__inner--left img:not(:last-child) {
        margin-bottom: 35px
    }
}

.c-block4__inner--right ul li {
    font-family: Roboto, sans-serif;
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: .1em;
    line-height: 22px;
    margin-bottom: 65px;
    padding-left: 87px;
    position: relative
}

@media screen and (max-width:1200px) {
    .c-block4__inner--right ul li {
        font-size: 1.6rem;
        padding-left: 55px;
        margin: 0
    }
}

@media screen and (max-width:992px) {
    .c-block4__inner--right ul li {
        font-size: 1.4rem;
        padding-left: 40px
    }
}

@media screen and (max-width:1200px) {
    .c-block4__inner--right ul li:not(:last-child) {
        margin-bottom: 35px
    }
}

.c-block4__inner--right ul li::before {
    position: absolute;
    content: '';
    width: 72px;
    height: 72px;
    background: url(../images/common/svg/square-num-1.svg) no-repeat;
    background-size: cover;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width:1200px) {
    .c-block4__inner--right ul li::before {
        width: 45px;
        height: 45px
    }
}

@media screen and (max-width:992px) {
    .c-block4__inner--right ul li::before {
        width: 35px;
        height: 35px
    }
}

.c-block4__inner--right ul li:nth-child(2)::before {
    background: url(../images/common/svg/square-num-2.svg) no-repeat;
    background-size: cover
}

.c-block4__inner--right ul li:nth-child(3)::before {
    background: url(../images/common/svg/square-num-3.svg) no-repeat;
    background-size: cover
}

.c-block4__inner--right ul li:nth-child(4)::before {
    background: url(../images/common/svg/square-num-4.svg) no-repeat;
    background-size: cover
}

.c-block4__inner--right ul li:nth-child(5)::before {
    background: url(../images/common/svg/square-num-5.svg) no-repeat;
    background-size: cover
}

.c-block5 h3 {
    margin-bottom: 50px
}

@media screen and (max-width:768px) {
    .c-block5 h3 {
        margin-bottom: 35px
    }
}

.c-block5 h3.tac {
    text-align: center
}

.c-block5 figure {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px 15px
}

@media screen and (max-width:575px) {
    .c-block5 figure {
        margin: 0 0 15px
    }
}

.c-block5 figure.center img {
    margin: 0 auto
}

.c-block5 figure img {
    display: block;
    width: 100%;
    margin: 0 10px
}

@media screen and (max-width:575px) {
    .c-block5 figure img {
        max-width: 100%;
        margin: 0 0 15px
    }
}

.c-block5 h4 {
    font-weight: 400;
    text-align: center;
    margin-bottom: 15px;
    line-height: 29px
}

.c-block5 h4 strong {
    font-weight: 600;
    display: inline-block;
    position: relative;
    z-index: 1;
    font-size: 4rem
}

@media screen and (max-width:1200px) {
    .c-block5 h4 strong {
        font-size: 2rem
    }
}

.c-block5 h4 strong::before {
    content: '';
    width: 100%;
    height: 4px;
    background: #f47137;
    border-radius: 4px;
    position: absolute;
    bottom: -3px;
    left: 0;
    z-index: -1
}

.c-block6 {
    max-width: 590px;
    margin: 0 auto
}

.c-block6>.c-btn5 {
    margin-bottom: 20px
}

.c-block6 ul {
    margin-bottom: 50px
}

.c-block6 ul li {
    background-image: -webkit-linear-gradient(165deg, #f47137 0, #c746de 26%, #3dd9e6 51%, #c746de 76%, #f47137 100%);
    background-image: linear-gradient(-75deg, #f47137 0, #c746de 26%, #3dd9e6 51%, #c746de 76%, #f47137 100%);
    background-size: 200% auto;
    -webkit-transition: .3s;
    transition: .3s;
    padding: 2px;
    border-radius: 4px;
    margin-bottom: 20px
}

.c-block6 ul li figure {
    background: #fff;
    border-radius: 2px;
    padding: 24px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:992px) {
    .c-block6 ul li figure {
        padding: 10px 0
    }
}

.c-block6 ul li figure>span {
    font-family: Roboto, sans-serif;
    font-size: 4rem;
    line-height: 30px;
    letter-spacing: .1em;
    font-weight: 700;
    background: -webkit-linear-gradient(294deg, #f47137 0, #c746de 50%, #3dd9e6 100%);
    background: linear-gradient(156deg, #f47137 0, #c746de 50%, #3dd9e6 100%);
    background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    display: block;
    width: 70px;
    text-align: center;
    border-right: 1px solid #e8e8e8;
    margin-right: 15.5px
}

@media screen and (max-width:992px) {
    .c-block6 ul li figure>span {
        font-size: 3rem;
        width: 50px
    }
}

.c-block6 ul li figure h4 {
    font-family: Roboto, sans-serif;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 24px;
    max-width: calc(100% - 90px)
}

@media screen and (max-width:992px) {
    .c-block6 ul li figure h4 {
        font-size: 1.6rem
    }
}

.c-block6 ul li figure h4 span {
    font-size: 1.4rem;
    line-height: 24px;
    letter-spacing: 1.4px;
    display: block;
    font-weight: 500;
    margin-top: 15px
}

.c-block7 {
    margin-bottom: 70px
}

.c-block7__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px
}

@media screen and (max-width:768px) {
    .c-block7__inner {
        margin: 0
    }
}

.c-block7__inner--left,
.c-block7__inner--right {
    width: 100%;
    max-width: calc(100% / 2 - 20px);
    margin: 0 10px;
    border-radius: 5px;
    padding: 30px 35px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .16);
    box-shadow: 0 0 10px rgba(0, 0, 0, .16)
}

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

    .c-block7__inner--left,
    .c-block7__inner--right {
        margin: 0 0 20px;
        max-width: 100%
    }
}

.c-block8__inner {
    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: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-block8__inner--left,
.c-block8__inner--right {
    max-width: calc(50% - 10px);
    width: 100%
}

@media screen and (max-width:992px) {

    .c-block8__inner--left,
    .c-block8__inner--right {
        max-width: 100%
    }
}

@media screen and (max-width:992px) {
    .c-block8__inner--left {
        margin-bottom: 30px
    }
}

.c-block8__inner p {
    font-size: 1.2rem;
    letter-spacing: .1em;
    line-height: 26px;
    font-weight: 500
}

.c-searchbar {
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px 60px;
    background: #fff;
    border-radius: 50px;
    width: 100%;
    -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, .05);
    box-shadow: 0 0 9px rgba(0, 0, 0, .05)
}

@media screen and (max-width:1200px) {
    .c-searchbar {
        padding: 10px 15px;
        max-width: calc(100% - 30px);
        margin: 0 auto
    }
}

@media screen and (max-width:768px) {
    .c-searchbar {
        border-radius: 10px;
        padding: 15px
    }
}

.c-searchbar form {
    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: 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
}

@media screen and (max-width:768px) {
    .c-searchbar form {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.c-searchbar input,
.c-searchbar select {
    max-width: 24%;
    background: #fff;
    font-size: 1.2rem;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #000;
    background: #fff;
    width: 100%;
    padding: 0 10px
}

@media screen and (max-width:992px) {

    .c-searchbar input,
    .c-searchbar select {
        height: 32px
    }
}

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

    .c-searchbar input,
    .c-searchbar select {
        max-width: 48%;
        margin-bottom: 15px
    }
}

.c-searchbar input.maw80,
.c-searchbar select.maw80 {
    max-width: 80px;
    background-position: 90% 50%
}

.c-searchbar select {
    background: url(../images/common/svg/arrow-down.svg) no-repeat, #fff;
    background-position: 97% 50%
}

.c-searchbar input {
    border-color: #707070;
    cursor: unset;
    margin-bottom: 0
}

@media screen and (max-width:480px) {
    .c-searchbar input {
        max-width: 100%
    }
}

.c-searchbar button {
    width: 100%;
    max-width: 175px
}

@media screen and (max-width:768px) {
    .c-searchbar button {
        line-height: 28px;
        max-width: 48%
    }
}

@media screen and (max-width:480px) {
    .c-searchbar button {
        max-width: 100%;
        margin-top: 15px
    }
}

.c-searchbar:not(.c-searchbar2) select:nth-child(1),
.c-searchbar:not(.c-searchbar2) select:nth-child(2),
.c-searchbar:not(.c-searchbar2) select:nth-child(3),
.c-searchbar:not(.c-searchbar2) select:nth-child(4) {
    margin-bottom: 10px
}

.c-searchbar:not(.c-searchbar2) button {
    margin: 20px auto 0
}

.c-searchbar2 select {
    width: 18%
}

@media screen and (max-width:768px) {
    .c-searchbar2 select {
        width: 49%
    }
}

.c-scorebar {
    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: 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;
    max-width: 1200px;
    margin: 0 auto 50px;
    padding: 30px 50px;
    background: #fff;
    border-radius: 100px;
    width: 100%;
    -webkit-box-shadow: 0 0 9px #0000000d;
    box-shadow: 0 0 9px #0000000d
}

@media screen and (max-width:1200px) {
    .c-scorebar {
        padding: 10px 15px;
        margin: 0 auto
    }
}

@media screen and (max-width:768px) {
    .c-scorebar {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        border-radius: 10px;
        padding: 15px
    }
}

.c-scorebar h3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.6rem
}

@media screen and (max-width:992px) {
    .c-scorebar h3 {
        font-size: 1.4rem
    }
}

@media screen and (max-width:768px) {
    .c-scorebar h3 {
        width: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 15px
    }
}

.c-scorebar h3 span {
    display: inline-block
}

@media screen and (max-width:575px) {
    .c-scorebar h3 span {
        display: block;
        width: 100%;
        text-align: center
    }
}

.c-scorebar h3 span:nth-child(2) {
    border-left: 1px solid #000;
    padding-left: 30px;
    margin-left: 30px;
    line-height: 1.5
}

@media screen and (max-width:992px) {
    .c-scorebar h3 span:nth-child(2) {
        padding-left: 15px;
        margin-left: 15px
    }
}

@media screen and (max-width:575px) {
    .c-scorebar h3 span:nth-child(2) {
        border: none;
        padding-left: 0;
        margin-left: 0
    }
}

.c-scorebar .tag {
    background: #fff;
    display: block;
    width: 100%;
    padding: 10px 15px;
    line-height: 1;
    border-radius: 4px;
    border: 1px solid #333;
    text-align: center
}

.c-scorebar .tag.green {
    color: #2caa4e;
    border-color: #2caa4e
}

.c-scorebar .tag.yellow {
    color: #c6c622;
    border-color: #c6c622
}

.c-scorebar .tag.red {
    color: #bc0000;
    border-color: #e51a1a
}

.c-scorebar form {
    width: 100%;
    max-width: 475px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:1200px) {
    .c-scorebar form {
        max-width: calc(100% - 450px)
    }
}

@media screen and (max-width:992px) {
    .c-scorebar form {
        max-width: calc(100% - 360px)
    }
}

@media screen and (max-width:768px) {
    .c-scorebar form {
        max-width: 100%
    }
}

.c-scorebar form select {
    max-width: 280px;
    background: #fff;
    font-size: 1.2rem;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #000;
    background: #fff;
    width: 100%;
    padding: 0 10px;
    background: url(../images/common/svg/arrow-down.svg) no-repeat, #fff;
    background-position: 97% 50%;
    margin-right: 23px
}

@media screen and (max-width:1200px) {
    .c-scorebar form select {
        max-width: calc(100% - 200px)
    }
}

@media screen and (max-width:992px) {
    .c-scorebar form select {
        height: 32px;
        max-width: calc(100% - 165px);
        margin-left: auto
    }
}

@media screen and (max-width:768px) {
    .c-scorebar form select {
        margin-left: unset;
        max-width: calc(100% - 140px)
    }
}

.c-scorebar form button {
    width: 100%;
    max-width: 171px
}

@media screen and (max-width:992px) {
    .c-scorebar form button {
        max-width: 115px
    }
}

@media screen and (max-width:768px) {
    .c-scorebar form button {
        line-height: 28px
    }
}

.c-highlight {
    text-align: center;
    background: #f47137;
    line-height: 37px;
    color: #fff;
    font-weight: 400
}

@media screen and (max-width:1200px) {
    .c-highlight {
        padding: 15px;
        line-height: 26px
    }
}

.c-highlight.mb95 {
    margin-bottom: 95px
}

@media screen and (max-width:992px) {
    .c-highlight.mb95 {
        margin-bottom: 45px
    }
}

.c-highlight span {
    font-size: 4rem;
    font-weight: 600
}

@media screen and (max-width:1200px) {
    .c-highlight span {
        font-size: 2rem
    }
}

.bg-modal {
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99
}

.c-modal {
    z-index: 100;
    display: none;
    background: #fff;
    width: calc(100% - 30px);
    margin: 0 auto;
    padding: 50px 0;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media screen and (max-width:992px) {
    .c-modal {
        max-height: 80%;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
        max-width: 800px
    }
}

.c-modal .uploadbutton {
    border-radius: 2px;
    cursor: pointer;
    margin-bottom: 50px;
    font-weight: 500;
    position: relative;
    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;
    -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
}

@media screen and (max-width:992px) {
    .c-modal .uploadbutton {
        margin-bottom: 25px
    }
}

@media screen and (max-width:768px) {
    .c-modal .uploadbutton {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.c-modal .uploadbutton p {
    width: 100%;
    text-align: center;
    margin-bottom: 10px
}

.c-modal .uploadbutton .input-file {
    opacity: 0;
    position: absolute;
    left: -9999px
}

.c-modal .uploadbutton span::before {
    display: none
}

.c-modal .uploadbutton .button {
    width: 100px;
    line-height: 30px;
    text-align: center;
    background: #d5d5d5;
    border: none;
    border-radius: 4px;
    display: inline-block;
    color: #000;
    font-size: 1.6rem;
    width: 179px;
    line-height: 48px
}

@media screen and (max-width:480px) {
    .c-modal .uploadbutton .button {
        margin-bottom: 15px
    }
}

.c-modal .uploadbutton .input-file-text {
    display: inline-block;
    margin-left: 10px;
    font-weight: 500
}

.c-modal1,
.c-modal12,
.c-modal2,
.c-modal3,
.c-modal4,
.c-modal5,
.c-modal6,
.c-modal8,
.c-modalcmt {
    background: #fff;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 50px 0
}

.c-modal1 .popup-modal-dismiss,
.c-modal12 .popup-modal-dismiss,
.c-modal2 .popup-modal-dismiss,
.c-modal3 .popup-modal-dismiss,
.c-modal4 .popup-modal-dismiss,
.c-modal5 .popup-modal-dismiss,
.c-modal6 .popup-modal-dismiss,
.c-modal8 .popup-modal-dismiss,
.c-modalcmt .popup-modal-dismiss {
    display: block;
    width: 22px;
    height: 22px;
    position: absolute;
    right: 0;
    bottom: 105%;
    cursor: pointer
}

.c-modal1 .popup-modal-dismiss.btn,
.c-modal12 .popup-modal-dismiss.btn,
.c-modal2 .popup-modal-dismiss.btn,
.c-modal3 .popup-modal-dismiss.btn,
.c-modal4 .popup-modal-dismiss.btn,
.c-modal5 .popup-modal-dismiss.btn,
.c-modal6 .popup-modal-dismiss.btn,
.c-modal8 .popup-modal-dismiss.btn,
.c-modalcmt .popup-modal-dismiss.btn {
    position: unset;
    width: unset;
    height: unset
}

.c-modal1 .popup-modal-dismiss img,
.c-modal12 .popup-modal-dismiss img,
.c-modal2 .popup-modal-dismiss img,
.c-modal3 .popup-modal-dismiss img,
.c-modal4 .popup-modal-dismiss img,
.c-modal5 .popup-modal-dismiss img,
.c-modal6 .popup-modal-dismiss img,
.c-modal8 .popup-modal-dismiss img,
.c-modalcmt .popup-modal-dismiss img {
    display: block;
    width: 100%
}

.c-modal1__inner {
    max-width: 50%;
    margin: 0 auto
}

@media screen and (max-width:992px) {
    .c-modal1__inner {
        max-width: 85%
    }
}

.c-modal1__inner p {
    margin-bottom: 50px;
    text-align: center;
    font-weight: 600
}

@media screen and (max-width:992px) {
    .c-modal1__inner p {
        margin-bottom: 25px
    }
}

.c-modal1__inner p.fw500 {
    font-weight: 500
}

.c-modal1__inner h3 {
    font-weight: 600;
    text-align: center;
    margin-bottom: 50px
}

@media screen and (max-width:992px) {
    .c-modal1__inner h3 {
        margin-bottom: 25px
    }
}

.c-modal1__inner--row {
    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: 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
}

.c-modal1__inner--row .c-btn1 {
    max-width: 48%
}

.c-modal2__inner {
    padding: 0 80px
}

@media screen and (max-width:992px) {
    .c-modal2__inner {
        padding: 0 50px
    }
}

.c-modal2__inner h3 {
    font-size: 2rem;
    margin-bottom: 25px
}

.c-modal2__inner p {
    margin-bottom: 30px;
    text-align: center;
    font-weight: 500;
    font-size: 1.4rem
}

@media screen and (max-width:992px) {
    .c-modal2__inner p {
        margin-bottom: 20px
    }
}

.c-modal2__inner--row {
    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: 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: 5px
}

@media screen and (max-width:768px) {
    .c-modal2__inner--row label {
        width: 100%;
        margin-bottom: 10px
    }
}

.c-modal2__inner--row select,
.c-modal2__inner--row>input {
    height: 40px;
    border-radius: 4px;
    border: 1px solid #000;
    background: #fff;
    width: 100%;
    padding: 0 10px;
    max-width: 160px;
    font-size: 1.2rem
}

@media screen and (max-width:992px) {

    .c-modal2__inner--row select,
    .c-modal2__inner--row>input {
        max-width: calc(100% / 3 - 48px)
    }
}

.c-modal2__inner--row input:not([type=date]) {
    max-width: 100%
}

@media screen and (max-width:660px) {
    .c-modal2__inner--row input {
        max-width: 100%;
        margin-bottom: 10px
    }
}

.c-modal2__inner--row .uploadbutton {
    width: 80%
}

.c-modal2__inner--row select {
    background: url(../images/common/svg/arrow-down.svg) no-repeat, #fff;
    background-position: 97% 50%;
    font-size: 1.2rem
}

@media screen and (max-width:660px) {
    .c-modal2__inner--row select {
        max-width: 48%
    }
}

.c-modal2__inner--row select.maw80 {
    max-width: 80px;
    background-position: 90% 50%
}

.c-modal2__inner--row>span {
    display: block;
    margin: 0 -20px
}

.c-modal2__inner .c-btn1 {
    max-width: 134px;
    margin-top: 50px
}

@media screen and (max-width:992px) {
    .c-modal2__inner .c-btn1 {
        margin-top: 25px
    }
}

.c-modal3__inner {
    text-align: center;
    padding: 0 80px
}

@media screen and (max-width:992px) {
    .c-modal3__inner {
        padding: 0 40px
    }
}

.c-modal3__inner h3 {
    font-weight: 700;
    margin-bottom: 45px
}

@media screen and (max-width:992px) {
    .c-modal3__inner h3 {
        margin-bottom: 25px
    }
}

.c-modal3__inner p {
    font-weight: 500;
    font-size: 1.4rem;
    margin-bottom: 30px;
    text-align: center;
    font-weight: 600
}

@media screen and (max-width:992px) {
    .c-modal3__inner p {
        margin-bottom: 15px
    }
}

.c-modal3__inner>input {
    height: 40px;
    border-radius: 4px;
    border: 1px solid #000 !important;
    background: #fff !important;
    width: 100%;
    padding: 0 10px;
    font-size: 1.2rem;
    max-width: 430px;
    margin: 0 auto 50px
}

@media screen and (max-width:992px) {
    .c-modal3__inner>input {
        margin-bottom: 25px
    }
}

.c-modal3__inner .c-btn1 {
    max-width: 134px;
    margin: 0 auto
}

.c-modal3__inner .c-btn1.maw202 {
    max-width: 202px
}

.c-modal4__inner {
    padding: 0 80px
}

@media screen and (max-width:992px) {
    .c-modal4__inner {
        padding: 0 15px
    }
}

.c-modal4__inner h3 {
    margin-bottom: 50px;
    text-align: center;
    font-weight: 600
}

@media screen and (max-width:992px) {
    .c-modal4__inner h3 {
        margin-bottom: 25px
    }
}

.c-modal4__inner--link {
    text-decoration: underline;
    color: #f47137;
    font-size: 1.4rem;
    margin-bottom: 20px;
    display: inline-block
}

.c-modal4__inner p {
    text-align: center
}

.c-modal4__inner .c-btn1 {
    max-width: 134px;
    margin-top: 50px
}

@media screen and (max-width:992px) {
    .c-modal4__inner .c-btn1 {
        margin-bottom: 25px
    }
}

.c-modal5__inner {
    text-align: center;
    padding: 0 80px
}

@media screen and (max-width:992px) {
    .c-modal5__inner {
        padding: 0 40px
    }
}

.c-modal5__inner h3 {
    font-weight: 700;
    margin-bottom: 45px
}

@media screen and (max-width:992px) {
    .c-modal5__inner h3 {
        margin-bottom: 25px
    }
}

.c-modal5__inner p {
    font-weight: 500;
    font-size: 1.4rem;
    margin-bottom: 30px;
    text-align: center;
    font-weight: 600
}

@media screen and (max-width:992px) {
    .c-modal5__inner p {
        margin-bottom: 15px
    }
}

.c-modal5__inner .c-btn1 {
    max-width: 134px;
    margin: 50px auto 0
}

.c-modal6__inner {
    max-width: 53.8%;
    margin: 0 auto;
    text-align: center
}

@media screen and (max-width:992px) {
    .c-modal6__inner {
        max-width: 80%
    }
}

.c-modal6__inner h3 {
    font-weight: 700;
    margin-bottom: 45px
}

@media screen and (max-width:992px) {
    .c-modal6__inner h3 {
        margin-bottom: 25px
    }
}

.c-modal6__inner p {
    font-weight: 500;
    font-size: 1.4rem;
    margin-bottom: 10px;
    text-align: center;
    font-weight: 600
}

.c-modal6__inner .c-btn1 {
    max-width: 202px;
    margin: 0 auto
}

.c-modal8__inner {
    max-width: 53.8%;
    margin: 0 auto;
    text-align: center
}

@media screen and (max-width:992px) {
    .c-modal8__inner {
        max-width: 90%
    }
}

.c-modal8__inner h3 {
    font-weight: 700;
    margin-bottom: 45px
}

@media screen and (max-width:992px) {
    .c-modal8__inner h3 {
        margin-bottom: 25px
    }
}

.c-modal8__inner p {
    font-weight: 500;
    font-size: 1.4rem;
    margin-bottom: 30px;
    text-align: center;
    font-weight: 600
}

.c-modal8__inner .c-btn1 {
    max-width: 134px;
    margin: 50px auto 15px
}

.c-modal8__inner--row {
    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;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.c-modal8__inner--row label {
    width: 100%;
    max-width: 149px;
    text-align: left
}

.c-modal8__inner--row label:nth-child(2) {
    position: relative;
    cursor: pointer;
    display: block;
    max-width: unset;
    width: unset
}

.c-modal8__inner--row label:nth-child(2) input {
    position: absolute;
    left: -9999px
}

.c-modal8__inner--row label:nth-child(2) input:checked+span::after {
    content: '';
    width: 10px;
    height: 10px;
    background: #f47137;
    position: absolute;
    left: 4px;
    border-radius: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-modal8__inner--row label:nth-child(2) span {
    padding-left: 26px;
    position: relative
}

.c-modal8__inner--row label:nth-child(2) span::before {
    content: '';
    width: 16px;
    height: 16px;
    border: 1px solid #f47137;
    background: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%
}

.c-modal9 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    padding-top: 100px;
    display: none
}

.c-modal9 .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: .8;
    top: 0;
    left: 0;
    background: #000
}

.c-modal9 .mt30 {
    margin-top: 30px
}

.c-modal9 figure {
    background: #fff;
    margin: auto;
    width: 100%;
    max-width: 800px;
    padding: 50px 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.c-modal9 figure .close-modal9 {
    display: block;
    width: 22px;
    height: 22px;
    position: absolute;
    right: 0;
    bottom: 105%;
    cursor: pointer
}

.c-modal9 figure .close-modal9 img {
    display: block;
    width: 100%
}

.c-modal9__inner {
    margin: 0 auto;
    text-align: center
}

.c-modal9__inner h3 {
    font-weight: 700;
    margin-bottom: 45px
}

@media screen and (max-width:992px) {
    .c-modal9__inner h3 {
        margin-bottom: 25px
    }
}

.c-modal9__inner p {
    font-weight: 500;
    font-size: 1.4rem;
    margin-bottom: 30px;
    text-align: center;
    font-weight: 500
}

.c-modal9__inner--time {
    max-width: 330px;
    margin: 0 auto 50px;
    background: #000;
    color: #fff;
    font-weight: 600;
    line-height: 36px;
    border-radius: 4px;
    text-align: center;
    display: block
}

@media screen and (max-width:992px) {
    .c-modal9__inner--time {
        margin-bottom: 25px
    }
}

.c-modal9__inner--row {
    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;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.c-modal9__inner--row .c-btn1 {
    max-width: 134px;
    margin: 0 10px
}

.c-modal9-1,
.c-modal9-2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none
}

.c-modal9-1 .overlay,
.c-modal9-2 .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: .8;
    top: 0;
    left: 0;
    background: #000
}

.c-modal9-1 figure,
.c-modal9-2 figure {
    background: #fff;
    margin: auto;
    width: 100%;
    max-width: 800px;
    padding: 50px 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.c-modal9-1 figure .close-modal9-1,
.c-modal9-1 figure .close-modal9-2,
.c-modal9-2 figure .close-modal9-1,
.c-modal9-2 figure .close-modal9-2 {
    display: block;
    width: 22px;
    height: 22px;
    position: absolute;
    right: 0;
    bottom: 105%;
    cursor: pointer
}

.c-modal9-1 figure .close-modal9-1 img,
.c-modal9-1 figure .close-modal9-2 img,
.c-modal9-2 figure .close-modal9-1 img,
.c-modal9-2 figure .close-modal9-2 img {
    display: block;
    width: 100%
}

.c-modal9-1__inner,
.c-modal9-2__inner {
    margin: 0 auto;
    text-align: center
}

.c-modal9-1__inner h3,
.c-modal9-2__inner h3 {
    font-weight: 700;
    margin-bottom: 45px
}

@media screen and (max-width:992px) {

    .c-modal9-1__inner h3,
    .c-modal9-2__inner h3 {
        margin-bottom: 25px
    }
}

.c-modal9-1__inner p,
.c-modal9-2__inner p {
    font-weight: 500;
    font-size: 1.4rem;
    margin-bottom: 30px;
    text-align: center;
    font-weight: 500
}

.c-modal9-1__inner--time,
.c-modal9-2__inner--time {
    max-width: 330px;
    margin: 0 auto 50px;
    background: #000;
    color: #fff;
    font-weight: 600;
    line-height: 36px;
    border-radius: 4px;
    text-align: center;
    display: block
}

@media screen and (max-width:992px) {

    .c-modal9-1__inner--time,
    .c-modal9-2__inner--time {
        margin-bottom: 25px
    }
}

.c-modal9-1__inner--row,
.c-modal9-2__inner--row {
    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;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.c-modal9-1__inner--row .c-btn1,
.c-modal9-2__inner--row .c-btn1 {
    max-width: 134px;
    margin: 0 10px
}

.c-modal9-1__inner select {
    height: 40px;
    border-radius: 4px;
    border: 1px solid #000;
    background: #fff;
    width: 100%;
    max-width: 280px;
    padding: 0 10px;
    font-size: 1.2rem;
    background: url(../images/common/svg/arrow-down.svg) no-repeat, #fff;
    background-position: 97% 50%;
    font-size: 1.2rem;
    margin-bottom: 50px
}

@media screen and (max-width:992px) {
    .c-modal9-1__inner select {
        margin-bottom: 25px
    }
}

.c-modal9-2 figure {
    padding: 60px
}

.c-modal9-2__inner p {
    margin-bottom: 50px;
    text-align: center;
    font-weight: 600
}

@media screen and (max-width:992px) {
    .c-modal9-2__inner p {
        margin-bottom: 25px
    }
}

.c-modal9-2__inner--row {
    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: 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: 20px
}

@media screen and (max-width:768px) {
    .c-modal9-2__inner--row label {
        width: 100%;
        margin-bottom: 10px
    }
}

.c-modal9-2__inner--row select,
.c-modal9-2__inner--row>input {
    height: 40px;
    border-radius: 4px;
    border: 1px solid #000;
    background: #fff;
    width: 100%;
    padding: 0 10px;
    max-width: 160px;
    font-size: 1.2rem
}

@media screen and (max-width:992px) {

    .c-modal9-2__inner--row select,
    .c-modal9-2__inner--row>input {
        max-width: calc(100% / 3 - 48px)
    }
}

@media screen and (max-width:660px) {
    .c-modal9-2__inner--row input {
        max-width: 100%;
        margin-bottom: 10px
    }
}

.c-modal9-2__inner--row select {
    background: url(../images/common/svg/arrow-down.svg) no-repeat, #fff;
    background-position: 97% 50%;
    font-size: 1.2rem
}

@media screen and (max-width:660px) {
    .c-modal9-2__inner--row select {
        max-width: 48%
    }
}

.c-modal9-2__inner--row select.maw80 {
    max-width: 80px;
    background-position: 90% 50%
}

.c-modal9-2__inner--row>span {
    display: block;
    margin: 0 -20px
}

.c-modal9-2__inner .c-btn1 {
    max-width: 134px;
    margin-top: 50px
}

@media screen and (max-width:992px) {
    .c-modal9-2__inner .c-btn1 {
        margin-top: 25px
    }
}

.c-modal12 .c-modal3__inner .c-btn1 {
    max-width: 200px
}

.c-modalcmt__inner {
    padding: 0 10vw
}

.c-modalcmt__inner h4 {
    text-align: center;
    margin-bottom: 50px
}

.c-copyright {
    color: #9a9a9a;
    font-size: 1.2rem;
    line-height: 12px;
    text-align: center
}

@media screen and (max-width:1070px) {
    .c-scrollx {
        overflow-x: scroll;
        -webkit-appearance: none
    }
}

.c-namepage1 {
    position: relative;
    margin-bottom: 30px
}

.c-namepage1 img {
    display: block
}

@media screen and (max-width:992px) {
    .c-namepage1 img {
        height: 215px;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.c-namepage1 h3 {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-panigation1 {
    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;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 100px
}

.c-panigation1 li {
    width: 26px;
    margin: 0 5px
}

.c-panigation1 li:first-child,
.c-panigation1 li:last-child {
    width: 65px
}

.c-panigation1 li a,
.c-panigation1 li span {
    display: block;
    font-size: 1.6rem;
    line-height: 24px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #000;
    font-weight: 600;
    letter-spacing: .1em;
    background: #fff
}

.c-panigation1 li span {
    background: #000;
    line-height: 26px;
    color: #fff;
    border: none
}

.c-panigation1>span {
    display: block;
    width: 15px;
    font-weight: 600;
    letter-spacing: .1em
}

.c-payment1 {
    text-align: center;
    margin-bottom: 50px
}

.c-payment1 h3 {
    margin-bottom: 25px
}

.c-payment2 {
    margin-bottom: 50px
}

.c-payment2 h3 {
    margin-bottom: 25px;
    text-align: center
}

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

@media screen and (max-width:768px) {
    .c-payment2__container {
        display: block
    }
}

.c-payment2__container .c-table7 {
    margin-right: 20px;
    max-width: 360px;
    width: 35%
}

@media screen and (max-width:768px) {
    .c-payment2__container .c-table7 {
        max-width: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }
}

.c-payment2__text {
    width: calc(65% - 20px)
}

@media screen and (max-width:768px) {
    .c-payment2__text {
        width: 100%
    }
}

.c-payment2__text li,
.c-payment2__text p {
    font-size: 1.4rem;
    font-family: '游ゴシック', YuGothic, YuGothicM, 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif
}

.c-payment2__text li a,
.c-payment2__text p a {
    color: #f47137;
    text-decoration: underline;
    font-family: '游ゴシック', YuGothic, YuGothicM, 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif
}

.c-payment2__text ol {
    margin: 15px 0
}

.orange-color {
    color: #f47137;
    text-decoration: underline
}

.mb140 {
    margin-bottom: 140px
}

@media screen and (max-width:992px) {
    .mb140 {
        margin-bottom: 70px
    }
}

.c-alert {
    line-height: 60px;
    text-align: center;
    font-size: 1.6rem;
    font-family: '游ゴシック', YuGothic, YuGothicM, 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif;
    font-weight: 600;
    letter-spacing: 2px
}

.c-alert.success {
    background: #d1e7dd;
    color: #0f5132;
    border: 1px solid #badbcc
}

.c-alert.warning {
    background: #fff3cd;
    color: #856404;
    border: 1px solid #ffeeba
}

.c-alert.danger {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb
}

.orange-link {
    font-size: 1.4rem;
    color: #f47137;
    letter-spacing: 1.4px;
    text-align: center;
    text-decoration: underline
}

.c-comment1 {
    margin-bottom: 30px
}

.c-comment1 li {
    position: relative;
    margin-bottom: 20px
}

.c-comment1 li::before {
    content: '';
    width: 80px;
    height: 80px;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/common/sample-user.png) no-repeat;
    background-size: cover
}

@media screen and (max-width:480px) {
    .c-comment1 li::before {
        position: static;
        margin-bottom: 30px;
        display: block
    }
}

.c-comment1 li figure {
    width: calc(100% - 100px);
    margin-left: auto;
    background: #ffe5d9;
    border-radius: 5px;
    padding: 25px 20px 20px;
    position: relative
}

@media screen and (max-width:480px) {
    .c-comment1 li figure {
        width: 100%
    }
}

.c-comment1 li figure::before {
    content: '';
    position: absolute;
    left: -17px;
    width: 24px;
    height: 24px;
    -webkit-clip-path: polygon(0 50%, 100% 100%, 100% 0);
    clip-path: polygon(0 50%, 100% 100%, 100% 0);
    background: #ffe5d9
}

@media screen and (max-width:480px) {
    .c-comment1 li figure::before {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        left: 28px;
        top: -24px
    }
}

.c-comment1 li figure h4,
.c-comment1 li figure p {
    font-family: '游ゴシック', YuGothic, YuGothicM, 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif
}

.c-comment1 li figure h4 {
    font-size: 1.8rem
}

.c-comment1 li figure p {
    line-height: 27px;
    font-weight: 500
}

.c-comment1__row {
    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: 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: 25px
}

.c-comment1__row--rating.star-5::before {
    content: '★★★★★';
    color: #f47137;
    display: inline-block;
    font-size: 1.6rem
}

.c-comment1__row--rating.star-4::before {
    content: '★★★★';
    color: #f47137;
    display: inline-block;
    font-size: 1.6rem
}

.c-comment1__row--rating.star-3::before {
    content: '★★★';
    color: #f47137;
    display: inline-block;
    font-size: 1.6rem
}

.c-comment1__row--rating.star-2::before {
    content: '★★';
    color: #f47137;
    display: inline-block;
    font-size: 1.6rem
}

.c-comment1__row--rating.star-1::before {
    content: '★';
    color: #f47137;
    display: inline-block;
    font-size: 1.6rem
}

.rating {
    display: inline-block;
    position: relative;
    height: 16px
}

.rating label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    cursor: pointer
}

.rating label:last-child {
    position: static
}

.rating label:last-child .icon {
    color: #c4c4c4
}

.rating label:nth-child(1) {
    z-index: 5
}

.rating label:nth-child(2) {
    z-index: 4
}

.rating label:nth-child(3) {
    z-index: 3
}

.rating label:nth-child(4) {
    z-index: 2
}

.rating label :nth-child(5) {
    z-index: 1
}

.rating label input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.rating label .icon {
    float: left;
    color: transparent
}

.rating label span {
    position: unset;
    padding-left: 0
}

.rating label span::after,
.rating label span::before {
    display: none
}

.rating:hover label:hover input~.icon,
.rating:not(:hover) label input:checked~.icon {
    color: #f47137
}

.rating label input:focus:not(:checked)~.icon:last-child {
    color: #000;
    text-shadow: 0 0 5px #f47137
}

.c-box1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 70px
}

.c-box1__left,
.c-box1__right {
    width: 50%;
    padding: 50px 30px
}

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

    .c-box1__left,
    .c-box1__right {
        width: 100%;
        padding: 30px 15px
    }
}

.c-box1__left {
    background: #f7f8fc
}

.c-box1__left>h4 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 2rem;
    line-height: 34px
}

.c-box1__left ul li {
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #000;
    border-radius: 4px;
    padding: 9.5px 9.5px 9.5px 0;
    margin-bottom: 10px
}

@media screen and (max-width:768px) {
    .c-box1__left ul li {
        padding: 5.5px 5.5px 5.5px 0
    }
}

.c-box1__left ul li h4,
.c-box1__left ul li span {
    font-family: Roboto, sans-serif
}

.c-box1__left ul li span {
    font-size: 3rem;
    line-height: 35px;
    font-weight: 700;
    width: 70px;
    display: block;
    border-right: 1px solid #e8e8e8;
    text-align: center;
    margin-right: 12px
}

.c-box1__right {
    background: #ffe5d9
}

.c-box1__right>h4 {
    text-align: center;
    margin-bottom: 32px;
    font-size: 3rem;
    line-height: 34px;
    color: #f47137
}

.c-box1__right ul li {
    border-radius: 4px;
    padding: 2px;
    margin-bottom: 25px;
    background-image: -webkit-linear-gradient(165deg, #f47137 0, #c746de 26%, #3dd9e6 51%, #c746de 76%, #f47137 100%);
    background-image: linear-gradient(-75deg, #f47137 0, #c746de 26%, #3dd9e6 51%, #c746de 76%, #f47137 100%);
    background-size: 200% auto;
    -webkit-transition: .3s;
    transition: .3s
}

.c-box1__right ul li figure {
    background: #fff;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 2px;
    padding: 10.5px 10.5px 10.5px 0
}

@media screen and (max-width:768px) {
    .c-box1__right ul li figure {
        padding: 6.5px 6.5px 6.5px 0
    }
}

.c-box1__right ul li h4,
.c-box1__right ul li span,
.c-box1__right ul li strong {
    font-family: Roboto, sans-serif
}

.c-box1__right ul li span {
    font-size: 4rem;
    line-height: 47px;
    font-weight: 700;
    width: 72px;
    display: block;
    border-right: 1px solid #e8e8e8;
    text-align: center;
    margin-right: 12px
}

.c-box1__right ul li span strong {
    background: -webkit-linear-gradient(294deg, #f47137 0, #c746de 50%, #3dd9e6 100%);
    background: linear-gradient(156deg, #f47137 0, #c746de 50%, #3dd9e6 100%);
    background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-text-fill-color: transparent
}

.c-box1__under {
    font-size: 2.4rem;
    color: #fff;
    background-color: #f47137;
    width: 100%;
    padding: 10px;
    font-weight: 600;
    text-align: center
}

@media screen and (max-width:768px) {
    .c-box1__under {
        font-size: 2rem
    }
}

@media screen and (max-width:480px) {
    .c-box1__under {
        font-size: 1.6rem
    }
}

.c-box2 {
    padding: 5px;
    background-image: -webkit-linear-gradient(165deg, #f47137 0, #c746de 26%, #3dd9e6 51%, #c746de 76%, #f47137 100%);
    background-image: linear-gradient(-75deg, #f47137 0, #c746de 26%, #3dd9e6 51%, #c746de 76%, #f47137 100%);
    background-size: 200% auto;
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 3px 3px 0 0;
    margin-bottom: 70px
}

.c-box2.mt80 {
    margin-top: 80px
}

.c-box2__inner {
    background: #fff;
    padding: 30px;
    border-radius: 3px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width:992px) {
    .c-box2__inner {
        padding: 20px
    }
}

@media screen and (max-width:768px) {
    .c-box2__inner {
        padding: 40px 15px 15px
    }
}

.c-box2__inner--left,
.c-box2__inner--right {
    width: 100%;
    max-width: 50%
}

@media screen and (max-width:992px) {

    .c-box2__inner--left,
    .c-box2__inner--right {
        max-width: 100%
    }
}

.c-box2__inner--left .c-btn2.line,
.c-box2__inner--right .c-btn2.line {
    max-width: 415px
}

@media screen and (max-width:992px) {
    .c-box2__inner--left {
        margin-bottom: 30px
    }
}

.c-box3 {
    padding: 5px;
    background-image: -webkit-linear-gradient(165deg, #f47137 0, #c746de 26%, #3dd9e6 51%, #c746de 76%, #f47137 100%);
    background-image: linear-gradient(-75deg, #f47137 0, #c746de 26%, #3dd9e6 51%, #c746de 76%, #f47137 100%);
    background-size: 200% auto;
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 3px 3px 0 0;
    margin-bottom: 50px
}

.c-box3.mt80 {
    margin-top: 80px
}

.c-box3__inner {
    background: #fff;
    padding: 30px;
    border-radius: 3px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:992px) {
    .c-box3__inner {
        padding: 20px
    }
}

@media screen and (max-width:768px) {
    .c-box3__inner {
        padding: 40px 15px 15px
    }
}

.c-box3__inner--left,
.c-box3__inner--right {
    width: 100%;
    max-width: 50%
}

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

    .c-box3__inner--left,
    .c-box3__inner--right {
        max-width: 100%
    }
}

.c-box3__inner--left>figure,
.c-box3__inner--right>figure {
    margin-bottom: 10px;
    width: 100%
}

.c-box3__inner--left>figure img,
.c-box3__inner--right>figure img {
    width: 100%
}

@media screen and (max-width:1200px) {
    .c-box3__inner--left {
        padding-right: 25px
    }
}

@media screen and (max-width:768px) {
    .c-box3__inner--left {
        margin-bottom: 30px;
        padding-right: 0
    }
}

.c-gallery1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -7px 50px
}

.c-gallery1 figure {
    width: 100%;
    max-width: calc(100% / 3 - 14px);
    margin: 0 7px;
    border-radius: 15px;
    overflow: hidden
}

.c-gallery1 figure img {
    display: block;
    width: 100%;
    border-radius: 15px
}

.c-regist1 {
    margin-top: -20px
}

.c-regist1__inner {
    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: 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
}

.c-regist1__inner--left,
.c-regist1__inner--right {
    width: 100%;
    max-width: 50%
}

.max-100 {
    max-width: 100%
}

@media screen and (max-width:992px) {

    .c-regist1__inner--left,
    .c-regist1__inner--right {
        max-width: 100%
    }
}

@media screen and (max-width:1920px) {
    .c-regist1__inner--left {
        height: 781px
    }
}

@media screen and (max-width:992px) {
    .c-regist1__inner--left {
        height: unset
    }
}

@media screen and (max-width:480px) {
    .c-regist1__inner--left {
        height: 200px
    }
}

.c-regist1__inner--left img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.c-regist1__inner--right {
    padding: 5vw 0
}

.login-bonus {
    width: 100%;
    max-width: 577px;
    background-color: #fff;
    border-radius: 50px;
    -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, .05);
    box-shadow: 0 0 9px rgba(0, 0, 0, .05);
    padding: 20px 30px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 1;
    z-index: 2
}

@media screen and (max-width:768px) {
    .login-bonus {
        width: calc(100% - 30px);
        right: 15px;
        bottom: 15px
    }
}

@media screen and (max-width:480px) {
    .login-bonus {
        padding: 10px;
        border-radius: 20px
    }
}

.login-bonus.inactive {
    opacity: 0;
    visibility: hidden
}

.login-bonus::before {
    content: "";
    background: -webkit-radial-gradient(circle farthest-side, #d6d6d6, #d6d6d6 30%, transparent 30%, transparent);
    background: radial-gradient(circle farthest-side, #d6d6d6, #d6d6d6 30%, transparent 30%, transparent);
    background-size: 20px 7px;
    display: inline-block;
    height: 7px;
    width: calc(100% - 60px);
    position: absolute;
    top: 55%;
    left: 30px
}

.login-bonus .close {
    display: block;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, .05);
    box-shadow: 0 0 9px rgba(0, 0, 0, .05);
    border: 2px solid #000;
    position: absolute;
    top: -20px;
    right: 0;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s
}

@media screen and (max-width:480px) {
    .login-bonus .close {
        width: 30px;
        height: 30px;
        top: -15px
    }
}

.login-bonus .close:hover {
    opacity: .7
}

.login-bonus .close::after,
.login-bonus .close::before {
    content: "";
    display: block;
    width: 18px;
    height: 2px;
    background-color: #000;
    border-radius: 1px;
    position: absolute;
    top: 17px;
    left: 9px
}

@media screen and (max-width:480px) {

    .login-bonus .close::after,
    .login-bonus .close::before {
        width: 16px;
        top: 12px;
        left: 5px
    }
}

.login-bonus .close::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.login-bonus .close::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.login-bonus__title {
    text-align: center;
    font-size: 2rem;
    letter-spacing: .1em;
    font-weight: 700;
    margin-bottom: 20px
}

@media screen and (max-width:480px) {
    .login-bonus__title {
        font-size: 1.6rem
    }
}

.login-bonus__container {
    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;
    position: relative;
    z-index: 2
}

.login-bonus__container figure {
    max-width: 77px;
    background-color: #fff
}

@media screen and (max-width:480px) {
    .login-bonus__container figure img {
        width: 45px;
        height: 45px
    }
}

.login-bonus__container figure figcaption {
    font-size: 1.6rem;
    font-weight: 700;
    color: #fff;
    background-color: #c9c9c9;
    border-radius: 12.5px;
    padding: 5px 0;
    line-height: 1;
    text-align: center;
    margin-top: 5px
}

@media screen and (max-width:480px) {
    .login-bonus__container figure figcaption {
        font-size: 1.2rem
    }
}

.login-bonus__container figure.is-current {
    position: relative
}

.login-bonus__container figure.is-current::after {
    content: "";
    width: 65px;
    height: 35.4px;
    background-image: url(../images/common/txt-get.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 21.5px;
    left: 4px
}

@media screen and (max-width:480px) {
    .login-bonus__container figure.is-current::after {
        width: 40px;
        height: 23.4px;
        left: 2px;
        top: 12px
    }
}

.login-bonus__container figure.is-current figcaption {
    background-color: #f47137
}

.home-method {
    -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, .05);
    box-shadow: 0 0 9px rgba(0, 0, 0, .05);
    background-color: #fff;
    padding: 30px 80px;
    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-top: 50px
}

@media screen and (max-width:1200px) {
    .home-method {
        padding: 30px
    }
}

@media screen and (max-width:768px) {
    .home-method {
        display: block;
        padding: 30px 15px
    }
}

.home-method h2 {
    width: 50%;
    font-size: 2rem;
    font-weight: 700;
    color: #000
}

@media screen and (max-width:992px) {
    .home-method h2 {
        width: 40%
    }
}

@media screen and (max-width:768px) {
    .home-method h2 {
        width: 100%
    }
}

.home-method ol {
    padding-left: 15px;
    width: 50%
}

@media screen and (max-width:992px) {
    .home-method ol {
        width: 60%
    }
}

@media screen and (max-width:768px) {
    .home-method ol {
        width: 100%;
        margin-top: 20px
    }
}

.home-method ol li {
    list-style-type: decimal;
    font-size: 1.6rem;
    line-height: 1.5
}

@media screen and (max-width:480px) {
    .home-method ol li {
        font-size: 1.4rem
    }
}

.home-method ol li img {
    vertical-align: top;
    width: 13.3px;
    height: 19px
}

@media screen and (max-width:480px) {
    .home-method ol li img {
        width: 11.1px;
        height: 16px;
        width: auto
    }
}

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

.page-switch.mb50 {
    margin-bottom: 50px
}

@media screen and (max-width:480px) {
    .page-switch.mb50 {
        margin-bottom: 20px
    }
}

.page-switch a {
    display: block;
    width: 50%;
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-align: center;
    padding: 25px 10px
}

@media screen and (max-width:1200px) {
    .page-switch a {
        letter-spacing: .05em;
        font-size: 1.8rem
    }
}

@media screen and (max-width:768px) {
    .page-switch a {
        width: 100%
    }
}

@media screen and (max-width:480px) {
    .page-switch a {
        font-size: 1.4rem;
        padding: 8px 50px 8px 10px;
        letter-spacing: 0;
        text-align: left
    }
}

.page-switch a:first-child {
    background-color: #bebebe;
    border-radius: 3px 0 0 3px;
    pointer-events: none
}

.page-switch a:last-child {
    background-color: #3794f0;
    border-radius: 0 3px 3px 0;
    position: relative
}

.page-switch a:last-child::after {
    content: "";
    display: block;
    width: 21.3px;
    height: 20px;
    background-image: url(../images/common/icon-tab.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    right: 50px
}

@media screen and (max-width:1200px) {
    .page-switch a:last-child::after {
        right: 15px
    }
}

@media screen and (max-width:480px) {
    .page-switch a:last-child::after {
        right: 5px
    }
}

.mypage-list {
    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;
    margin-top: 50px
}

@media screen and (max-width:992px) {
    .mypage-list {
        display: block
    }
}

@media screen and (max-width:480px) {
    .mypage-list {
        margin-top: 15px
    }
}

.mypage-list__sub-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width:992px) {
    .mypage-list__sub-menu {
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 3
    }
}

.mypage-list__sub-menu li {
    width: 25%;
    border: 1px solid #f47137;
    background-color: #fff;
    text-align: center;
    height: 55px
}

@media screen and (max-width:480px) {
    .mypage-list__sub-menu li {
        height: auto
    }
}

.mypage-list__sub-menu li a {
    font-size: 1.6rem;
    color: #f47137;
    font-weight: 700;
    padding: 14px 0;
    display: inline-block
}

@media screen and (max-width:480px) {
    .mypage-list__sub-menu li a {
        font-size: 1.2rem
    }
}

.mypage-list__left {
    width: 50%
}

@media screen and (max-width:992px) {
    .mypage-list__left {
        width: 100%
    }
}

.mypage-list__left .name {
    font-size: 2.6rem;
    border-bottom: 2px solid #000
}

.mypage-list__left .profiles {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px
}

@media screen and (max-width:768px) {
    .mypage-list__left .profiles {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.mypage-list__left .profiles .thumb {
    width: 180px;
    height: 180px;
    margin-right: 17px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width:480px) {
    .mypage-list__left .profiles .thumb {
        margin-right: 10px
    }
}

@media screen and (max-width:480px) {
    .mypage-list__left .profiles .thumb {
        width: 100px;
        height: 100px
    }
}

.mypage-list__left .profiles .thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.mypage-list__left .profiles .c-progress {
    width: 100%
}

@media screen and (max-width:768px) {
    .mypage-list__left .profiles .c-progress {
        width: calc(100% - 197px);
        margin-bottom: 15px
    }
}

@media screen and (max-width:480px) {
    .mypage-list__left .profiles .c-progress {
        width: calc(100% - 110px);
        margin-top: 10px
    }
}

.mypage-list__left .profiles .c-progress .c-btn1 {
    margin-top: 50px
}

@media screen and (max-width:768px) {
    .mypage-list__left .profiles .c-progress .c-btn1 {
        display: none
    }
}

.mypage-list__left .profiles .c-btn1.sp-only {
    display: none
}

@media screen and (max-width:768px) {
    .mypage-list__left .profiles .c-btn1.sp-only {
        display: block
    }
}

.mypage-list__left .status {
    padding: 30px 20px;
    background-color: #f8f8f8;
    margin-top: 20px;
    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
}

@media screen and (max-width:768px) {
    .mypage-list__left .status {
        padding: 30px 10px
    }
}

@media screen and (max-width:480px) {
    .mypage-list__left .status {
        display: block
    }
}

.mypage-list__left .status__block {
    width: 33.3%;
    padding: 0 10px
}

@media screen and (max-width:480px) {
    .mypage-list__left .status__block {
        width: 100%
    }
}

.mypage-list__left .status__block:nth-child(2) {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff
}

@media screen and (max-width:480px) {
    .mypage-list__left .status__block:nth-child(2) {
        margin: 15px 0;
        padding: 15px 0;
        border-left: none;
        border-right: none;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff
    }
}

.mypage-list__left .status__block h4 {
    font-size: 1.6rem;
    text-align: center;
    margin-bottom: 20px
}

.mypage-list__left .status__block .c-btn1 {
    font-size: 1.4rem
}

.mypage-list__left .status .tag {
    background: #fff;
    display: block;
    width: 100%;
    line-height: 36px;
    border-radius: 4px;
    border: 1px solid #333;
    text-align: center
}

.mypage-list__left .status .tag.green {
    color: #2caa4e;
    border-color: #2caa4e
}

.mypage-list__left .status .tag.yellow {
    color: #c6c622;
    border-color: #c6c622
}

.mypage-list__left .status .tag.red {
    color: #bc0000;
    border-color: #e51a1a
}

.mypage-list__right {
    max-width: 490px;
    width: calc(50% - 15px)
}

@media screen and (max-width:992px) {
    .mypage-list__right {
        max-width: none;
        width: 100%;
        margin-top: 30px
    }
}

.mypage-list__right .mypage-btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.mypage-list__right .mypage-btns li {
    width: 33%;
    margin-bottom: 25px;
    text-align: center
}

@media screen and (max-width:480px) {
    .mypage-list__right .mypage-btns li {
        margin-bottom: 10px
    }
}

.mypage-list__right .mypage-btns li img {
    width: 100%;
    max-width: 110px;
    height: auto
}

.mypage-list__right .home {
    width: 100%;
    border-radius: 15px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, .05);
    box-shadow: 0 0 9px rgba(0, 0, 0, .05);
    padding: 20px
}

.mypage-list__right .home h4 {
    margin-bottom: 20px;
    font-size: 1.6rem
}

.mypage-list__right .home ol {
    padding-left: 16px
}

.mypage-list__right .home ol li {
    list-style-type: decimal;
    font-size: 1rem;
    text-align: left;
    line-height: 1.7
}

.mypage-list__right .home ol li img {
    vertical-align: top
}

.show-card {
    margin-bottom: 30px
}

@media screen and (max-width:768px) {
    .show-card {
        margin: 15px 0
    }
}

.show-card.active::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99
}

.show-card.active .show-card__img {
    display: block
}

.show-card__img {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 100
}

.show-card__img::after,
.show-card__img::before {
    content: "";
    display: block;
    width: 20px;
    height: 1px;
    background-color: #fff;
    position: fixed;
    top: -30px;
    right: -30px
}

.show-card__img::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.show-card__img::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.show-card__img img {
    width: 298px;
    height: auto
}

.favorite {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.favorite a {
    display: inline-block;
    border: 1px solid #f58f8f;
    color: #f58f8f;
    font-size: 1rem;
    background-color: #fff;
    padding: 6px 10px;
    line-height: 1;
    border-radius: 4px
}

.favorite a::before {
    content: "";
    display: inline-block;
    width: 11.4px;
    height: 10px;
    background-image: url(../images/common/icon-heart.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 5px
}

.favorite a.is-done {
    background-color: #f58f8f;
    color: #fff
}

.favorite a.is-done::before {
    background-image: url(../images/common/icon-heart-wh.svg)
}

.c-slider1 {
    margin-bottom: 15px
}

.c-slider1 img {
    border-radius: 15px
}

.c-slider2 {
    margin-bottom: 36px
}

.c-slider2 div img {
    margin-right: 15px;
    border-radius: 4px
}

.c-slider3 {
    margin-bottom: 15px
}

.c-slider3__item {
    max-width: 390px;
    width: 100%;
    margin-right: 15px;
    text-align: center
}

@media screen and (max-width:768px) {
    .c-slider3__item {
        max-width: 345px
    }
}

.c-slider3__item img {
    width: 100%;
    -webkit-box-shadow: 0 0 11px rgba(0, 0, 0, .1);
    box-shadow: 0 0 11px rgba(0, 0, 0, .1);
    border-radius: 15px;
    margin-bottom: 30px
}

.c-slider3__item figure span {
    color: #fff;
    background: #f47137;
    font-size: 1.5rem;
    line-height: 28px;
    border-radius: 25px;
    font-weight: 700;
    padding: 4.5px 21.5px
}

.c-slider3__item figure h4 {
    font-size: 1.9rem;
    line-height: 26px;
    margin-top: 16px
}

.c-slider3 .slick-next,
.c-slider3 .slick-prev {
    width: 36px;
    height: 36px;
    z-index: 1;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in
}

@media screen and (max-width:992px) {

    .c-slider3 .slick-next,
    .c-slider3 .slick-prev {
        width: 25px;
        height: 25px
    }
}

.c-slider3 .slick-next::before,
.c-slider3 .slick-prev::before {
    display: none
}

.c-slider3 .slick-next img,
.c-slider3 .slick-prev img {
    width: 36px;
    height: 36px
}

.c-slider3 .slick-prev {
    left: 0
}

.c-slider3 .slick-prev:hover {
    left: 10px
}

@media screen and (max-width:992px) {
    .c-slider3 .slick-prev:hover {
        left: 0
    }
}

@media screen and (max-width:992px) {
    .c-slider3 .slick-prev {
        left: 0
    }
}

.c-slider3 .slick-next {
    right: 0
}

.c-slider3 .slick-next:hover {
    right: 10px
}

@media screen and (max-width:992px) {
    .c-slider3 .slick-next:hover {
        right: 0
    }
}

@media screen and (max-width:992px) {
    .c-slider3 .slick-next {
        right: 0
    }
}

.c-txt1 {
    font-size: 1.6rem;
    line-height: 26px;
    font-weight: 500;
    letter-spacing: .1em;
    margin-bottom: 20px
}

@media screen and (max-width:480px) {
    .c-txt1 {
        font-size: 1.4rem;
        line-height: 22px
    }
}

.c-txt2 {
    font-weight: 600;
    line-height: 40px
}

@media screen and (max-width:992px) {
    .c-txt2 {
        line-height: 28px
    }
}

.c-txt2 span {
    font-size: 1.2rem;
    font-weight: 400;
    display: block
}

.c-txt3 {
    margin-bottom: 40px
}

.c-txt3 span,
.c-txt3 strong {
    display: block;
    text-align: center
}

.c-txt3 span {
    margin-bottom: 28px
}

.c-txt3 span.orange-text {
    margin-bottom: 50px;
    color: #f47137
}

.c-txt3 strong::before {
    content: '';
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 15px;
    vertical-align: -4px
}

.c-txt3 strong.x-icon::before {
    background: url(../images/common/svg/x.svg) no-repeat;
    background-size: cover
}

.c-txt3 strong.o-icon::before {
    background: url(../images/common/svg/o.svg) no-repeat;
    background-size: cover
}

.c-txt4 {
    margin-bottom: 40px
}

.c-txt5 span {
    background: #000;
    border-radius: 3px;
    color: #fff;
    padding: 3px 45px 3px 5px;
    font-size: 1.7rem;
    font-weight: 600;
    line-height: 40px
}

@media screen and (max-width:768px) {
    .c-txt5 span {
        font-size: 1.6rem;
        padding: 3px 2.5px
    }
}

.c-txt6 {
    font-size: 1.2rem;
    line-height: 16px;
    letter-spacing: .1em;
    color: #403838;
    margin-bottom: 50px
}

.c-title1 {
    font-size: 5.5rem;
    line-height: 70px;
    text-align: center;
    border-bottom: 1px solid #d3ddde;
    padding-bottom: 72px;
    margin-bottom: 50px
}

@media screen and (max-width:768px) {
    .c-title1 {
        font-size: 4rem
    }
}

@media screen and (max-width:480px) {
    .c-title1 {
        font-size: 3rem;
        padding-bottom: 36px;
        margin-bottom: 25px
    }
}

.c-title2 {
    margin-bottom: 20px
}

.c-title2 .ja {
    font-size: 2.5rem;
    letter-spacing: .1em;
    line-height: 36px;
    font-weight: 600;
    display: block;
    margin-bottom: 2px
}

@media screen and (max-width:480px) {
    .c-title2 .ja {
        font-size: 2rem;
        line-height: 28px
    }
}

.c-title2 .en {
    font-size: 1.4rem;
    line-height: 20px;
    letter-spacing: .1em;
    background: -webkit-linear-gradient(165deg, #3dd9e6 0, #c746de 50%, #f47137 100%);
    background: linear-gradient(-75deg, #3dd9e6 0, #c746de 50%, #f47137 100%);
    background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-text-fill-color: transparent
}

@media screen and (max-width:480px) {
    .c-title2 .en {
        font-size: 1.2rem;
        line-height: 16px
    }
}

.c-title3 {
    font-size: 2rem;
    line-height: 27px;
    letter-spacing: .1em;
    font-weight: 600;
    margin-bottom: 50px
}

@media screen and (max-width:992px) {
    .c-title3 {
        margin-bottom: 30px
    }
}

.c-title3.mb25 {
    margin-bottom: 25px
}

.c-title3.fsz16 {
    font-size: 1.6rem;
    line-height: 27px;
    margin-bottom: 0
}

.c-title3 span {
    background: -webkit-linear-gradient(165deg, #3dd9e6 0, #c746de 50%, #f47137 100%);
    background: linear-gradient(-75deg, #3dd9e6 0, #c746de 50%, #f47137 100%);
    background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    display: inline-block
}

.tac {
    text-align: center
}

.p-aboutbe1 {
    padding: 70px 0;
    background: #ffe5d9
}

@media screen and (max-width:992px) {
    .p-aboutbe1 {
        padding: 55px 0
    }
}

.p-aboutbe1 .l-container>p {
    margin-bottom: 25px
}

.p-aboutbe1 .l-container>figure {
    margin-bottom: 50px
}

.p-aboutbe1__row {
    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;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.p-aboutbe1__row .c-btn2 {
    max-width: 415px;
    width: 100%;
    margin: 0 10px
}

@media screen and (max-width:992px) {
    .p-aboutbe1__row .c-btn2 {
        max-width: 265px
    }
}

@media screen and (max-width:576px) {
    .p-aboutbe1__row .c-btn2 {
        max-width: 100%;
        margin: 0 0 15px
    }
}

.p-aboutbe2 {
    padding: 70px 0
}

@media screen and (max-width:992px) {
    .p-aboutbe2 {
        padding: 55px 0
    }
}

.p-aboutbe3 {
    padding: 70px 0;
    background: #f8f8f8
}

@media screen and (max-width:992px) {
    .p-aboutbe3 {
        padding: 55px 0
    }
}

.p-alert1 figure {
    margin-bottom: 20px
}

.p-alert1 figure h2 {
    color: red;
    font-family: '游ゴシック', YuGothic, YuGothicM, 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif;
    font-size: 2.9rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 25px
}

.p-ambass1 {
    padding: 70px 0;
    background: #ffe5d9
}

@media screen and (max-width:992px) {
    .p-ambass1 {
        padding: 55px 0
    }
}

.p-ambass1 .c-btn2 {
    max-width: 415px;
    margin: 0 auto
}

.p-ambass2 {
    padding: 70px 0;
    background-color: #ffe5d9
}

@media screen and (max-width:992px) {
    .p-ambass2 {
        padding: 55px 0
    }
}

.p-ambass3 {
    padding: 70px 0
}

@media screen and (max-width:992px) {
    .p-ambass3 {
        padding: 55px 0
    }
}

.p-ambass3 .c-btn2 {
    max-width: 415px;
    margin: 0 auto 140px
}

.p-description {
    padding: 70px 0
}

@media screen and (max-width:992px) {
    .p-description {
        padding: 55px 0
    }
}

.p-detail1 {
    padding-bottom: 100px;
    background: url(../images/top2/bg-top2.png) no-repeat;
    background-size: 100%
}

@media screen and (max-width:768px) {
    .p-detail1 {
        padding-bottom: 50px
    }
}

.p-detail2 {
    background: #ffe5d9;
    padding: 70px 0
}

@media screen and (max-width:768px) {
    .p-detail2 {
        padding: 35px 0
    }
}

.p-detail2-1 {
    padding-bottom: 100px;
    background: url(../images/top2/bg-top2.png) no-repeat;
    background-size: 100%;
    background-position: 0 55%
}

.p-detail2-1 .c-block1__sticky {
    top: 150px
}

@media screen and (max-width:1200px) {
    .p-detail2-1 .c-block1__sticky {
        top: auto;
        padding: 15px;
        z-index: 10
    }
}

.p-detail2-1 .c-block1__sticky--btn {
    display: none
}

@media screen and (max-width:1200px) {
    .p-detail2-1 .c-block1__sticky--btn {
        display: block;
        max-width: none;
        margin-bottom: 0
    }
}

.help {
    border-bottom: 1px solid #000;
    border-top: 1px solid #000
}

.help__title {
    padding: 15px 0;
    position: relative;
    cursor: pointer
}

@media screen and (max-width:768px) {
    .help__title {
        font-size: 1.6rem;
        padding-right: 30px
    }
}

.help__title.open::before {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.help__title::before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 7px);
    right: 20px;
    -webkit-transition: .3s;
    transition: .3s
}

@media screen and (max-width:768px) {
    .help__title::before {
        width: 10px;
        height: 10px;
        top: calc(50% - 5px)
    }
}

.help__container {
    display: none
}

.help__block {
    padding: 20px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

@media screen and (max-width:768px) {
    .help__block {
        padding: 10px 0
    }
}

.help__block.is-no-question .help__block--answer {
    display: block;
    margin-top: 0;
    padding-left: 0
}

.help__block.is-no-question .help__block--answer::before {
    display: none
}

.help__block--question {
    font-size: 1.8rem;
    line-height: 26px;
    font-weight: 600;
    padding-left: 47px;
    padding: 10px 0 10px 47px;
    cursor: pointer;
    position: relative
}

@media screen and (max-width:768px) {
    .help__block--question {
        font-size: 1.4rem;
        padding-left: 35px;
        padding-right: 20px
    }
}

.help__block--question.open::after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.help__block--question::before {
    content: '';
    width: 39px;
    height: 39px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(../images/common/svg/icon-q.svg) no-repeat;
    background-size: cover
}

@media screen and (max-width:768px) {
    .help__block--question::before {
        width: 25px;
        height: 25px
    }
}

.help__block--question::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: .3s;
    transition: .3s;
    position: absolute;
    top: calc(50% - 7px);
    right: 20px;
    transition: .3s
}

.help__block--answer {
    font-size: 1.6rem;
    line-height: 26px;
    padding-left: 47px;
    margin-top: 20px;
    display: none;
    position: relative
}

@media screen and (max-width:768px) {
    .help__block--answer {
        font-size: 1.4rem
    }
}

.help__block--answer a,
.help__block--answer span {
    color: #f47137
}

.help__block--answer a {
    text-decoration: underline
}

.help__block--answer a:hover {
    text-decoration: none
}

.help__block--answer::before {
    content: '';
    width: 39px;
    height: 39px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(../images/common/svg/icon-a.svg) no-repeat;
    background-size: cover
}

.help__block--answer * {
    font-family: '游ゴシック', YuGothic, YuGothicM, 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif
}

.help__block--answer :not(:last-child) {
    margin-bottom: 20px
}

.p-lwomen1 {
    padding: 0 0 100px;
    background: url(../images/top2/bg-top2.png) no-repeat;
    background-size: cover
}

.p-lwomen1 .c-searchbar {
    margin-bottom: 70px
}

.p-lpmen1 .c-breadcrumb1 {
    margin-bottom: 20px
}

.p-lpmen2 {
    padding: 20px 0
}

@media screen and (max-width:992px) {
    .p-lpmen2 {
        padding: 20px 0
    }
}

.p-lpmen2 .c-btn1 {
    max-width: 415px
}

.p-lpmen3 {
    padding: 70px 0;
    background: #ffe5d9
}

@media screen and (max-width:992px) {
    .p-lpmen3 {
        padding: 45px 0
    }
}

.p-lpmen4 {
    padding: 95px 0 70px
}

@media screen and (max-width:992px) {
    .p-lpmen4 {
        padding: 55px 0 45px
    }
}

.p-lpmen4 .c-btn1 {
    max-width: 415px
}

.p-lpmen4 .l-container>h3 {
    margin-bottom: 50px
}

.p-lpmen4 .l-container>p {
    font-size: 1.2rem;
    line-height: 16px;
    text-align: right
}

.p-lpmen4 .l-container>p.mb70 {
    margin-bottom: 70px
}

.p-lpmen4 .l-container>.c-btn2 {
    max-width: 223.5px;
    margin: 0 auto
}

.p-lpmen5 {
    padding: 70px 0;
    background: #f7f8fc
}

@media screen and (max-width:992px) {
    .p-lpmen5 {
        padding: 45px 0
    }
}

.p-lpmen5 .l-container>h3 {
    margin-bottom: 50px
}

.p-lpmen5 .l-container>h3.tac {
    text-align: center
}

.p-lpmen5 .l-container>p {
    font-size: 1rem;
    line-height: 14px;
    font-weight: 500;
    margin-top: 8.5px;
    margin-bottom: 70px
}

@media screen and (max-width:992px) {
    .p-lpmen5 .l-container>p {
        margin-bottom: 45px
    }
}

.p-lpmen5 .l-container>p.normal {
    font-size: 1.6rem;
    line-height: 21px;
    font-weight: 500;
    margin-bottom: 35px;
    text-align: center
}

.p-lpmen5 .l-container .p-lpmen5__desc {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-bottom: 30px;
    margin-top: 0
}

.p-lpmen5__inner {
    max-width: 600px;
    margin: 0 auto
}

.p-lpmen5__inner>p {
    font-size: 1rem;
    line-height: 14px;
    font-weight: 500;
    margin-top: 8.5px
}

.p-lpmen6 {
    padding: 70px 0 0
}

@media screen and (max-width:992px) {
    .p-lpmen6 {
        padding: 45px 0 0
    }
}

.p-lpmen6 .c-btn1 {
    max-width: 415px
}

.p-lpmen6.unhidden .l-container {
    overflow-x: unset
}

.p-lpmen6 .l-container {
    overflow-x: hidden
}

.p-lpmen6 .l-container>h3 {
    margin-bottom: 50px
}

@media screen and (max-width:992px) {
    .p-lpmen6 .l-container>h3 {
        margin-bottom: 35px
    }
}

.p-lpmen6 .l-container>h3.tac {
    text-align: center
}

.p-lpmen6 .l-container>.c-btn2 {
    max-width: 223.5px;
    margin: 0 auto 95px
}

@media screen and (max-width:992px) {
    .p-lpmen6 .l-container>.c-btn2 {
        margin: 0 auto 50px
    }
}

.p-lpmen6 .l-container .mb70 {
    margin-bottom: 70px
}

@media screen and (max-width:992px) {
    .p-lpmen6 .l-container .mb70 {
        margin-bottom: 45px
    }
}

.compare-price-time {
    padding-bottom: 70px
}

.compare-price-time__container {
    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
}

@media screen and (max-width:768px) {
    .compare-price-time__container {
        display: block
    }
}

.compare-price-time__block {
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
    width: 49%;
    border-radius: 4px;
    border: 2px solid #000
}

@media screen and (max-width:768px) {
    .compare-price-time__block {
        width: 100%
    }
}

@media screen and (max-width:768px) {
    .compare-price-time__block.other {
        margin-bottom: 20px
    }
}

.compare-price-time__block.other h4 {
    background-color: #000;
    font-size: 2rem
}

.compare-price-time__block.koisapo {
    padding: 2px;
    border: none;
    background-image: -webkit-linear-gradient(165deg, #f47137 0, #c746de 26%, #3dd9e6 51%, #c746de 76%, #f47137 100%);
    background-image: linear-gradient(-75deg, #f47137 0, #c746de 26%, #3dd9e6 51%, #c746de 76%, #f47137 100%);
    background-size: 200% auto;
    -webkit-transition: .3s;
    transition: .3s
}

.compare-price-time__block.koisapo h4 {
    font-size: 3rem
}

.compare-price-time__block.koisapo .compare-price-time__block--container h5 {
    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-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.compare-price-time__block.koisapo .compare-price-time__block--container h5::before {
    position: static
}

.compare-price-time__block.koisapo .compare-price-time__block--container h5 span {
    background: -webkit-linear-gradient(165deg, #3dd9e6 0, #c746de 50%, #f47137 100%);
    background: linear-gradient(-75deg, #3dd9e6 0, #c746de 50%, #f47137 100%);
    background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.compare-price-time__block.koisapo .compare-price-time__block--container p {
    background: -webkit-linear-gradient(165deg, #3dd9e6 0, #c746de 50%, #f47137 100%);
    background: linear-gradient(-75deg, #3dd9e6 0, #c746de 50%, #f47137 100%);
    background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    -webkit-text-fill-color: transparent
}

.compare-price-time__block h4 {
    text-align: center;
    height: 80px;
    color: #fff;
    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
}

.compare-price-time__block--container {
    padding: 25px;
    background-color: #fff
}

@media screen and (max-width:480px) {
    .compare-price-time__block--container {
        padding: 25px 10px
    }
}

.compare-price-time__block--container:last-child {
    background-color: #f7f8fc
}

.compare-price-time__block--container:last-child h5 span {
    background-color: #f7f8fc
}

.compare-price-time__block--container h5 {
    position: relative;
    line-height: 1
}

.compare-price-time__block--container h5::before {
    content: "";
    border-bottom: 1px dashed #000;
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    top: calc(50% - 1px);
    left: 0
}

.compare-price-time__block--container h5 span {
    font-size: 1.6rem;
    line-height: .1em;
    display: inline-block;
    padding-right: 10px;
    position: relative;
    background-color: #fff;
    z-index: 2;
    line-height: 1
}

.compare-price-time__block--container p {
    text-align: center;
    font-size: 1.6rem;
    font-weight: 600;
    margin-top: 20px
}

.p-pmen1 {
    padding-bottom: 100px;
    background: url(../images/top2/bg-top2.png) no-repeat;
    background-size: 100%
}

@media screen and (max-width:992px) {
    .p-pmen1 {
        padding-bottom: 50px
    }
}

.p-step1-1 {
    padding: 70px 0;
    background: url(../images/top2/bg-top2.png) no-repeat;
    background-size: 100%
}

.p-step1-1 h3 {
    margin-bottom: 50px
}

.p-step1-2 {
    padding: 70px 0;
    background: #f7f8fc
}

.terms-content__block {
    margin-bottom: 50px
}

.terms-content__block h2,
.terms-content__block h3,
.terms-content__block h4,
.terms-content__block ol,
.terms-content__block p,
.terms-content__block ul {
    margin-bottom: 20px
}

.terms-content__block a,
.terms-content__block li,
.terms-content__block ol,
.terms-content__block p,
.terms-content__block span,
.terms-content__block ul {
    font-family: '游ゴシック', YuGothic, YuGothicM, 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif;
    font-size: 1.6rem;
    line-height: 1.8
}

@media screen and (max-width:480px) {

    .terms-content__block a,
    .terms-content__block li,
    .terms-content__block ol,
    .terms-content__block p,
    .terms-content__block span,
    .terms-content__block ul {
        font-size: 1.4rem
    }
}

.terms-content__block a {
    color: #f47137;
    text-decoration: underline
}

.terms-content__block a:hover {
    text-decoration: none
}

.terms-content__block h2 {
    font-size: 2.4rem
}

.terms-content__block h3 {
    font-size: 2rem
}

.terms-content__block h4 {
    font-size: 1.8rem
}

.terms-content__block ol {
    padding-left: 20px
}

.terms-content__block ol li {
    list-style-type: decimal
}

.terms-content__block ol li ol,
.terms-content__block ol li ul {
    margin-top: 10px
}

.terms-content__block ul {
    padding-left: 20px
}

.terms-content__block ul li {
    list-style-type: disc
}

.p-top1-1 {
    padding: 54px 0 100px;
    background: url(../images/top2/bg-top2.png) no-repeat;
    background-size: cover
}

@media screen and (max-width:992px) {
    .p-top1-1 {
        padding: 50px 0
    }
}

.p-top1-1 a.c-btn4 {
    max-width: 175px;
    margin-bottom: 100px
}

.p-top-loggedin-btns {
    padding: 100px 0
}

@media screen and (max-width:480px) {
    .p-top-loggedin-btns {
        padding: 20px 0px 50px 0;
    }
}

.p-top-loggedin-btns__container1 .c-btn1 {
    margin-bottom: 20px;
    height: 56px;
    line-height: 56px;
    font-size: 2rem
}

@media screen and (max-width:480px) {
    .p-top-loggedin-btns__container1 .c-btn1 {
        font-size: 1.6rem
    }
}

.p-top-loggedin-btns__container2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px
}

@media screen and (max-width:480px) {
    .p-top-loggedin-btns__container2 {
        margin-top: 25px
    }
}

.p-top-loggedin-btns__container2 .c-btn7 {
    width: 50%
}

.p-top2-1 {
    background: url(../images/top2/bg-top2.png) no-repeat;
    background-size: cover;
    padding-bottom: 100px
}

.p-top2-1 a.c-btn4 {
    max-width: 175px;
    margin-bottom: 100px
}

#register-company label span {
    min-width: 130px;
    display: inline-flex;
}

#register-company .c-form4__row select,
.c-form4__row input {
    max-width: unset;
}

#register-company .c-form4__row {
    margin-bottom: 0;
    padding: 10px 0px;
    display: grid;
    grid-template-columns: 200px 70%;
    align-items: center;
}

#register-company .c-form4__row>span {
    margin-bottom: 0;
}

#register-company .c-form4__row>label {
    margin-bottom: 0;
}

#register-company .flex-one {
    display: flex;
    align-items: flex-start;
}


.siteHeader__navBar {
    background: #dd297c;
    margin-top: 90px;
}

.siteHeader__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}

.topNav>li {
    display: inline-block;
    padding: 10px 0;
}

.topNav>li:not(:last-child) {
    margin-right: 26px;
}

.topNav>li>a {
    font-size: 15px;
    font-weight: bold;
    color: #fff;
}

.siteHeader__topNav ul>li {
    padding: 10px 16px;
    margin: 0;
}

.siteHeader__topNav ul>li:hover {
    background: #f54194;
}

.siteHeader__topNav ul>li>a {
    font-size: 14px;
}

.siteHeader__topNav ul>li>a:hover {
    text-decoration: none;
}

.siteHeader__topNav--list {
    display: inline-block;
    padding: 10px 0
}

.siteHeader__topNav--list>a {
    font-weight: bold;
    color: #fff
}

.siteHeader__searchForm {
    position: relative;
    display: flex
}

.siteHeader__searchButton {
    background: none;
    width: 15px;
    height: 18px;
    padding: 0;
    position: absolute;
    top: 7px;
    right: 10px;
}

.siteHeader__searchIcon {
    color: #229B3F;
}

main {
    width: 100%;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 800px;
}

main .main-wrapper {
    width: 1200px;
}

main .page-link {
    width: 100%;
}

main .page-link ul {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 14px;
}

main .page-link ul li {
    position: relative;
    padding-right: 20px;
}

main .page-link ul li a {
    color: #ff3291;
    font-weight: bold;
}

main .page-link ul li a:hover {
    color: #ff3291;
}

main .page-link ul li:not(:last-child)::after {
    content: '＞';
    width: 10px;
    height: 10px;
    position: absolute;
    right: 0px;
}

main .p-lpmen1 {
    width: 100%;
    padding: 0px;
}

main .p-lpmen1.notice-list {
    margin-top: 50px;
}

.max-w-unset {
    max-width: unset;
}

#register-job .image-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
}

#register-job .image-row .img-wraaper {
    display: flex;
    gap: 1rem;
    flex-direction: column;
}

#register-job .two-grid-col {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}

#register-job .four-grid-col {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem 5rem;
}

#register-job hr {
    margin: 30px 0px;
    border-color: #fff !important;
    border-width: 2px;
    border-style: dashed;
}

#register-job .four-grid-col .div-item {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

#register-job input:disabled {
    background: #ffe1ef !important;
}

#register-job label.checkbox input:disabled+span::before {
    background: #ffe1ef;
}

#job-search {
    padding: 40px 40px;
    border-bottom: solid 5px #dd297c;
    border-radius: 20px 20px 0px 0px;
    margin-top: 30px;
    background: #fff;
    box-shadow: 0 0 10px rgb(187 106 143);
}

#job-search h3 {
    margin-bottom: 20px;
}

#job-search .two-grid-col {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}

#job-search .c-form4__row select {
    width: 100%;
    max-width: unset;
    background: url(../images/common/svg/arrow-down.svg) no-repeat, #fff !important;
    background-position: 97% 50% !important;
    font-size: 1.2rem;
}

#job-search .c-btn1 {
    max-width: 200px;
}

#result-area {
    margin-top: 30px;
}

#result-area .box-title {
    padding-top: 30px;
}

#result-area .data-item {
    padding: 30px 50px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border-left: solid 5px #dd297c;
    border-radius: 0px 20px 20px 0px;
    margin-top: 30px;
    background: #fff;
    box-shadow: 0 0 10px rgb(187 106 143);
    position: relative;
}

.job-item-modified {
    font-size: 10px;
    line-height: 1;
    padding-left: 20px;
    margin-bottom: -5px;
    color: #000;
    font-weight: bold;
}

.draft-item {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 30px;
    border-radius: 0px 20px;
    font-size: 14px;
    font-weight: bold;
    background: #dd297c;
    color: #fff;
}

.modify-notify {
    padding: 20px 30px;
    background: #ffffff;
    border-radius: 15px;
}

.modify-notify span {
    font-size: 20px;
    font-weight: 700;
    color: #dd297c;
}

.modify-notify p {
    font-size: 20px;
    margin-bottom: 0;
    margin-top: 10px;
}

#register-job hr.color-main {
    border-color: #dd297c !important;
}

#result-area .border-2ca9e5 {
    border-left: solid 5px #2ca9e5;
}

#result-area .color-2ca9e5 {
    color: #2ca9e5 !important;
}

#result-area .bg-2ca9e5 {
    background-color: #2ca9e5 !important;
}

#result-area .data-item .catch_copy {
    font-size: 24px;
    color: #dd297c;
    padding-left: 20px;
    font-weight: bold;
    font-family: 'Noto Sans JP';
}

#result-area .data-item .data-content {
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    gap: 6rem;
}

#result-area .data-item .data-content .data-detail {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

#result-area .data-item .data-content .data-detail div {
    display: flex;
    flex-direction: row;
    gap: 2rem;
    line-height: 2;
    align-items: center;
}

#result-area .data-item .data-content .data-detail p {
    font-size: 14px;
}

#result-area .data-item .data-content .data-detail span {
    display: block;
    text-align: center;
    background-color: #dd297c;
    color: #fff;
    border-radius: 6px;
    min-width: 160px;
    height: fit-content;
    font-size: 11px;
}

#result-area .data-item .data-content .main-image {
    width: 300px;
}

#result-area .data-item .data-content .main-image img {
    border-radius: 20px;
}

#result-area .data-item .data-content .btn-group {
    display: flex;
    flex-direction: column;
    min-width: 100px;
    gap: 2rem;
}

.not-publish {
    background: #d3d3d3 !important;
}

#message-page .message-item {
    padding: 10px 30px 10px 15px;
    display: flex;
    flex-direction: row;
    gap: 1rem;
    border-left: solid 5px #dd297c;
    border-radius: 0px 10px 10px 0px;
    background: #fff;
    box-shadow: 0 0 6px rgb(187 106 143);
    align-items: center;
}

#message-page .message-item.faq {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 30px;
}

#message-page .message-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

#message-page .message-container .message-item .applicant-area {
    display: flex;
    flex-direction: column;
}

#message-page .message-container .message-item .applicant-area .applicant-name {
    color: #dd297c;
    font-weight: 700;
}

#message-page .message-container .message-item .applicant-area .applicant-name.title-24 {
    color: #dd297c;
    font-weight: 700;
    font-size: 24px;
    padding: 10px 0px 20px 0px;
}

#message-page .message-container .message-item .applicant-area .message-date {
    font-size: 12px;
}

#message-page .message-container .message-item i {
    color: #dd297c;
}

#message-page .message-container .message-item .message-area {
    display: flex;
    flex-direction: column;
    padding-left: 30px;
}

#message-page .message-container .message-item .message-area .job-title {
    color: #000;
    max-width: 650px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
}

#message-page .faq-title {
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    color: #dd297c;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: solid 4px #dd297c;
    width: fit-content;
    align-self: center;
}

#message-page .message-container .message-item .message-area .faq-a {
    color: #000;
    font-weight: bold;
    min-width: 32px;
    text-align: right;
}

#message-page .message-container .message-item.faq .message-area {
    display: flex;
    flex-direction: row;
    padding-left: 0px;
    gap: 1rem;
}

#message-page .message-container .message-item.faq .applicant-area {
    display: flex;
    flex-direction: row;
    gap: 1rem;
}

#message-page .message-container .message-item.faq .applicant-area .applicant-name {
    min-width: 32px;
    text-align: right;
}

#message-page .message-container .message-item.faq .message-area .job-title {
    text-overflow: unset;
}

#message-page .message-container .message-item .message-area .message {
    color: #dd297c;
    max-width: 650px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
}

#message-page .border-2ca9e5 {
    border-left: solid 5px #2ca9e5;
}

#message-page .color-2ca9e5 {
    color: #2ca9e5 !important;
}

#message-page .bg-2ca9e5 {
    background-color: #2ca9e5 !important;
}

#message-detail .message-content {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-top: 2rem;
}

#message-detail .message-item {
    padding: 20px 50px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background: #ffe1ef;
    position: relative;
}

#message-detail .message-item.odd {
    background: #d7eaf3;
}

#message-detail .message-item i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 19px;
}

#message-detail .message-sender {
    color: #dd297c;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
}

#message-detail .message-sender.odd {
    color: #2ca9e5;
}

#message-detail .message-time {
    font-size: 13px;
    color: #000;
}

#message-detail .message-text {}

#message-detail .message-reply {
    margin-top: 40px;
}

#message-detail .message-reply textarea {
    border: 1px #ccc;
    border-radius: 3px;
    border-style: solid;
    display: block;
    line-height: 20px;
    padding: 10px;
    width: 100%;
}

#message-detail .message-reply button {
    width: 200px;
}

.padding-top-0 {
    padding-top: 0;
}

.padding-x-20 {
    padding: 20px 0px !important;
}




@media screen and (max-width: 1200px) {
    main .main-wrapper {
        width: 100%;
        padding: 0px 20px;
    }

    #message-page .message-container .message-item .message-area .message {
        max-width: 65vw;
    }

    #message-page .message-container .message-item .message-area .job-title {
        max-width: 65vw;
    }

    #message-detail .message-reply button {
        width: initial;
        padding: 0px 25px;
    }

    .message-detail-div .btn-wrapper-div {
        display: flex;
        width: 100% !important;
        margin-left: 0 !important;
        gap: 2rem;
        justify-content: flex-end;
    }

}

@media screen and (max-width: 1000px) {
    #result-area .data-item .data-content .main-image {
        width: 200px;
    }

    #result-area .data-item .data-content {
        margin-top: 10px;
        display: flex;
        flex-direction: row;
        gap: 2rem;
    }
}

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

    #register-company .c-form4__row {
        display: flex;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .l-header__nav--btn {
        width: 100% !important;
        margin-top: 20px !important;
    }

    .siteHeader__navBar {
        background: #dd297c;
        margin-top: 60px;
    }

    main .main-wrapper {
        width: 100%;
        padding: 0px 15px;
    }

    #result-area .data-item {
        padding: 30px 15px;
    }

    #result-area .data-item .data-content {
        margin-top: 10px;
        display: flex;
        flex-direction: column;
        gap: 2rem;
        align-items: center;
    }

    #result-area .data-item .data-content .main-image {
        width: 100%;
    }

    #result-area .data-item .data-content .data-detail div {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        line-height: 2;
        align-items: flex-start;
        width: 100%;
    }

    #result-area .data-item .data-content .data-detail {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 2rem;
        align-items: flex-start;
    }

    #result-area .data-item .catch_copy {
        padding-left: 0;
    }

    .job-item-modified {
        padding-left: 0;
    }

    #result-area .data-item .data-content .btn-group {
        width: 100%;
    }

    .siteHeader__topNav {
        overflow: scroll;
    }

    .siteHeader__topNav .topNav {
        width: max-content;
    }

    #message-detail .message-reply {
        margin-top: 0;
    }

    #message-detail .message-reply div {
        width: 100% !important;
        margin-left: 0 !important;
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }

    #result-area .data-item .catch_copy {
        font-size: 16px;
    }

    #message-detail .message-reply button {
        width: 100% !important;
        font-size: 14px;
    }

    #register-job .two-grid-col {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 2rem;
    }

    #register-job .image-row {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 2rem;
    }

    .c-form4 p {
        margin-bottom: 1rem;
    }

    #register-job .four-grid-col {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1.5rem 5rem;
    }

    .btn-wrapper-div {
        display: flex;
        width: 100% !important;
        flex-direction: column;
        gap: 1rem;
    }

    .c-form4 .c-btn1 {
        max-width: 100%;
    }
}

.nodata {
    padding: 50px;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    margin-top: 200px;
}

@media screen and (max-width: 768px) {
    .nodata {
        padding: 50px;
        text-align: center;
        font-size: 20px;
        font-weight: 700;
        margin-top: 100px;
    }
}
.login-campaign-div {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}


/*# sourceMappingURL=style.css.map */