@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap";
*, :before, :after {
    box-sizing: border-box;
    background-repeat: no-repeat
}
:before, :after {
    text-decoration: inherit;
    vertical-align: inherit
}
:where(:root) {
    cursor: default;
    line-height: 1.5;
    overflow-wrap: break-word;
    -moz-tab-size: 4;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%
}
:where(body) {
    margin: 0
}
:where(h1) {
    font-size: 2em;
    margin: .67em 0
}
:where(dl, ol, ul) :where(dl, ol, ul) {
    margin: 0
}
:where(hr) {
    color: inherit;
    height: 0
}
:where(nav) :where(ol, ul) {
    list-style-type: none;
    padding: 0
}
:where(nav li):before {
    content: "​";
    float: left
}
:where(pre) {
    font-family: monospace, monospace;
    font-size: 1em;
    overflow: auto
}
:where(abbr[title]) {
    text-decoration: underline;
    text-decoration: underline dotted
}
:where(b, strong) {
    font-weight: bolder
}
:where(code, kbd, samp) {
    font-family: monospace, monospace;
    font-size: 1em
}
:where(small) {
    font-size: 80%
}
:where(audio, canvas, iframe, img, svg, video) {
    vertical-align: middle
}
:where(iframe) {
    border-style: none
}
:where(svg:not([fill])) {
    fill: currentColor
}
:where(table) {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}
:where(button, input, select) {
    margin: 0
}
:where(button, [type=button i], [type=reset i], [type=submit i]) {
    -webkit-appearance: button
}
:where(fieldset) {
    border: 1px solid #a0a0a0
}
:where(progress) {
    vertical-align: baseline
}
:where(textarea) {
    margin: 0;
    resize: vertical
}
:where([type=search i]) {
    -webkit-appearance: textfield;
    outline-offset: -2px
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto
}
::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}
::-webkit-search-decoration {
    -webkit-appearance: none
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}
:where(dialog) {
    background-color: #fff;
    border: solid;
    color: #000;
    height: -moz-fit-content;
    height: fit-content;
    left: 0;
    margin: auto;
    padding: 1em;
    position: absolute;
    right: 0;
    width: -moz-fit-content;
    width: fit-content
}
:where(dialog:not([open])) {
    display: none
}
:where(details>summary:first-of-type) {
    display: list-item
}
:where([aria-busy=true i]) {
    cursor: progress
}
:where([aria-controls]) {
    cursor: pointer
}
:where([aria-disabled=true i], [disabled]) {
    cursor: not-allowed
}
:where([aria-hidden=false i][hidden]) {
    display: initial
}
:where([aria-hidden=false i][hidden]:not(:focus)) {
    clip: rect(0, 0, 0, 0);
    position: absolute
}
:where(button, input, select, textarea) {
    background-color: transparent;
    border: 1px solid WindowFrame;
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    padding: .25em .375em
}
:where(select) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4'/%3E%3C/svg%3E") no-repeat right center / 1em;
    border-radius: 0;
    padding-right: 1em
}
:where(select[multiple]) {
    background-image: none
}
:where([type=color i], [type=range i]) {
    border-width: 0;
    padding: 0
}
#thtk .bg__yellow {
    background-color: #fffac6;
}
#thtk .bg__white {
    background-color: #fff;
}
#thtk .bg__navy {
    background-color: #a4abd6;
}
#thtk .bg__pink {
    background-color: #f7c4cf;
}
#thtk .bg__green {
    background-color: #d2e7bb;
}
#thtk .bg__purple {
    background-color: #e1c4de;
}
#thtk .bg__blue {
    background-color: #aeddf0;
}
#thtk .bg__orange {
    background-color: #F9D6A1;
}
#thtk .bg__lite-pink {
    background-color: #f8d1e2;
}
#thtk .bg__red {
    background-color: #f7bb9e;
}
#thtk .bg__orange2 {
    background-color: #ECC090;
}
#thtk .bg__pink2 {
    background-color: #FDF0E9;
}
html {
    text-align: left;
    color: #000;
    font-feature-settings: "palt"
}
body {
    min-width: 320px
}
a {
    text-decoration: none;
    color: #000
}
a:hover {
    opacity: .8
}
ul {
    padding: 0;
    list-style: none
}
#mainContents .container {
    padding-top: 0
}
#mainContents .container>.contentsWrapper {
    max-width: 100%;
    padding: 0
}
#thtk .bg__yellow {
    padding: 3em 1.5em
}
#thtk .bg__pink2 {
    padding: 3em 1.5em
}
@media screen and (min-width: 768px) {
    #thtk .bg__yellow {
        padding: 176px 0 296px
    }
    #thtk .bg__pink2 {
        padding: 176px 0 296px
    }
}
#thtk .bg__white {
    padding: 3em 1.5em
}
@media screen and (min-width: 768px) {
    #thtk .bg__white {
        padding: 86px 0 129px
    }
}
#thtk .bg__white p {
    font-size: 2rem;
    text-align: center;
    margin: 0
}
@media screen and (min-width: 768px) {
    #thtk .bg__white p {
        font-size: 2.6rem
    }
}
#thtk .inner {
    padding: 0 1.5em;
    max-width: 1280px;
    display: block;
    margin: auto
}
@media screen and (min-width: 1280px) {
    #thtk .inner {
        padding: 0
    }
}
#thtk .box__white {
    background-color: #fff;
    position: relative;
    padding: 3em 1.5em
}
@media screen and (min-width: 576px) {
    #thtk .box__white {
        padding: 5em 1.5em 3em
    }
}
@media screen and (min-width: 992px) {
    #thtk .box__white {
        padding: 155px 0 150px
    }
}
#thtk .tit__img {
    width: 100%;
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translate(-50%);
    max-width: 600px
}
@media screen and (min-width: 576px) {
    #thtk .tit__img {
        max-width: 850px;
        top: -70px
    }
}
@media screen and (min-width: 992px) {
    #thtk .tit__img {
        max-width: 1050px;
        top: -120px
    }
}
#thtk .box__text {
    display: flex;
    max-width: 850px;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-direction: column;
    margin: auto
}
@media screen and (min-width: 768px) {
    #thtk .box__text {
        gap: 10px;
        flex-direction: row
    }
}
@media screen and (min-width: 768px) {
    #thtk .box__text p {
        font-size: 2.4rem;
        line-height: 2em
    }
}
#thtk .box__text img {
    max-width: 168px;
    display: block;
    margin: auto
}
@media screen and (min-width: 992px) {
    #thtk .box__text img {
        margin: auto 0 auto auto
    }
}
#thtk .box__text2 {
    display: flex;
    max-width: 850px;
    margin: auto
}
@media screen and (min-width: 768px) {
    #thtk .box__text2 p {
        font-size: 2.4rem;
        line-height: 2em
    }
}
#thtk .box__text2 img {
    max-width: 168px;
    display: block;
    margin: auto
}
#thtk .box__price {
    display: flex;
    max-width: 850px;
    width: 100%;
    flex-direction: column;
    margin: 3em auto auto;
    height: 140px;
}
@media screen and (min-width: 768px) {
    #thtk .box__price {
        flex-direction: row;
        margin: 94px auto auto
    }
}
#thtk .box__price div p {
    text-align: center
}
#thtk .box__price div:first-child {
    background-color: #3d62ad;
    color: #fff;
    text-align: center;
    align-items: center;
    padding: 10px
}
@media screen and (min-width: 768px) {
    #thtk .box__price div:first-child {
        width: 213px
    }
}
@media screen and (min-width: 992px) {
    #thtk .box__price div:first-child {
        font-size: 3.5rem;
        padding: 65px 0 45px;
        line-height: 0
    }
}
#thtk .box__price div:first-child span {
    font-size: 2.5rem;
    font-weight: 900
}
@media screen and (min-width: 992px) {
    #thtk .box__price div:first-child span {
        font-size: 5.2rem
    }
}
#thtk .box__price div:last-child {
    background-color: #dcdef0;
    font-size: 2.5rem;
    text-align: center;
    padding: 10px;
}
/* #thtk .box__price div:last-child {
    @media screen and (min-width: 576px) {
        padding: 40px;
    }
} */
@media screen and (min-width: 768px) {
    #thtk .box__price div:last-child {
        width: 637px
    }
}
@media screen and (min-width: 992px) {
    #thtk .box__price div:last-child {
        padding: 65px 0 45px;
        line-height: 0
    }
}
#thtk .box__price div:last-child .num {
    font-size: 3rem;
    color: #e7372f;
    font-weight: 900
}
@media screen and (min-width: 992px) {
    #thtk .box__price div:last-child .num {
        font-size: 5.2rem
    }
}
#thtk .box__price div:last-child .en {
    color: #e7372f;
    font-family: 900;
}
#thtk .bg__navy {
    padding: 5em 0 3em;
}
@media screen and (min-width: 768px) {
    #thtk .bg__navy {
        padding: 260px 0 230px;
    }
}
#thtk .bg__navy .box__price div:first-child {
    background-color: #3d62ad;
    color: #fff
}
#thtk .bg__navy .box__price div:last-child {
    background-color: #dcdef0;
    padding-bottom: 50px;
    @media screen and (min-width: 768px) {
        padding-bottom: 0;
    }
}
#thtk .bg__pink {
    padding: 5em 0 3em;
}
@media screen and (min-width: 768px) {
    #thtk .bg__pink {
        padding: 260px 0 230px;
    }
}
#thtk .bg__pink .box__price div:first-child {
    background-color: #e95383;
    color: #fff
}
#thtk .bg__pink .box__price div:last-child {
    background-color: #fbe3e8
}
#thtk .bg__green {
    padding: 5em 0 3em
}
@media screen and (min-width: 768px) {
    #thtk .bg__green {
        padding: 260px 0 230px
    }
}
#thtk .bg__green .box__price div:first-child {
    background-color: #7ec04d;
    color: #fff
}
#thtk .bg__green .box__price div:last-child {
    background-color: #eaf3df
}
@media screen and (min-width: 768px) {
    #thtk .bg__green .img__area {
        margin-top: 146px
    }
}
#thtk .bg__purple {
    padding: 5em 0 3em
}
@media screen and (min-width: 768px) {
    #thtk .bg__purple {
        padding: 260px 0 230px
    }
}
#thtk .bg__purple .box__price div:first-child {
    background-color: #b963a4;
    color: #fff
}
#thtk .bg__purple .box__price div:last-child {
    background-color: #f0e3ef
}
@media screen and (min-width: 768px) {
    #thtk .bg__purple .img__area {
        margin-top: 164px
    }
}
#thtk .bg__blue {
    padding: 5em 0 3em
}
@media screen and (min-width: 768px) {
    #thtk .bg__blue {
        padding: 260px 0 230px
    }
}
#thtk .bg__blue .box__price div:first-child {
    background-color: #03b8df;
    color: #fff
}
#thtk .bg__blue .box__price div:last-child {
    background-color: #e2f2fa
}
@media screen and (min-width: 768px) {
    #thtk .bg__blue .img__area {
        margin-top: 123px
    }
}
#thtk .bg__orange {
    padding: 5em 0 3em
}
@media screen and (min-width: 768px) {
    #thtk .bg__orange {
        padding: 260px 0 230px
    }
}
@media screen and (min-width: 768px) {
    #thtk .bg__orange .box__price {
        margin-top: 91px
    }
}
#thtk .bg__orange .box__price div:first-child {
    background-color: #EB9500;
    color: #fff
}
#thtk .bg__orange .box__price div:last-child {
    background-color: #fbf2dd
}
@media screen and (min-width: 768px) {
    .bg__orange .img__area {
        margin-top: 146px
    }
}
#thtk .bg__lite-pink {
    padding: 5em 0 3em
}
@media screen and (min-width: 768px) {
    #thtk .bg__lite-pink {
        padding: 260px 0 230px
    }
}
@media screen and (min-width: 768px) {
    #thtk .bg__lite-pink .box__price {
        margin-top: 101px
    }
}
#thtk .bg__lite-pink .box__price div:first-child {
    background-color: #ec7aac;
    color: #fff
}
#thtk .bg__lite-pink .box__price div:last-child {
    background-color: #fce9f2
}
#thtk .bg__red {
    padding: 5em 0 3em
}
@media screen and (min-width: 768px) {
    #thtk .bg__red {
        padding: 260px 0 177px
    }
}
@media screen and (min-width: 768px) {
    #thtk .bg__red .box__price {
        margin-top: 90px
    }
}
#thtk .bg__red .box__price div:first-child {
    background-color: #ed6d46;
    color: #fff
}
#thtk .bg__red .box__price div:last-child {
    background-color: #fce6d9
}

#thtk .bg__orange2 {
    padding: 5em 0 3em
}
@media screen and (min-width: 768px) {
    #thtk .bg__orange2 {
        padding: 260px 0 230px
    }
}
@media screen and (min-width: 768px) {
    #thtk .bg__orange2 .box__price {
        margin-top: 91px
    }
}
#thtk .bg__orange2 .box__price div:first-child {
    background-color: #E66E00;
    color: #fff
}
#thtk .bg__orange2 .box__price div:last-child {
    background-color: #F5DFC6
}
@media screen and (min-width: 768px) {
    .bg__orange2 .img__area {
        margin-top: 146px
    }
}
#thtk .flex__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 43px;
    flex-direction: column
}
@media screen and (min-width: 768px) {
    #thtk .flex__btn {
        flex-direction: row
    }
}
#thtk .flex__btn a {
    max-width: 310px
}
#thtk .tit__area {
    display: block;
    margin: auto;
    padding: 0 1.5em;
    max-width: 549px
}
@media screen and (min-width: 768px) {
    #thtk .tit__area {
        padding: 0
    }
}
#thtk .tit__area+p {
    text-align: center;
    margin-top: 1em;
    padding: 0 1.5em
}
@media screen and (min-width: 768px) {
    #thtk .tit__area+p {
        margin-top: 21px;
        padding: 0
    }
}
#thtk .wrap__map {
    display: block;
    margin: 1em auto auto;
    position: relative;
    max-width: 300px;
    padding: 0 1.5em
}
@media screen and (min-width: 768px) {
    #thtk .wrap__map {
        max-width: 500px
    }
}
@media screen and (min-width: 1200px) {
    #thtk .wrap__map {
        max-width: 1008px;
        margin-top: 96px;
        padding: 0
    }
}
#thtk .btn01, #thtk .btn02, #thtk .btn03, #thtk .btn04, #thtk .btn05, #thtk .btn06, #thtk .btn07, #thtk .btn08, #thtk .btn09 {
    position: absolute;
    max-width: 80px
}
@media screen and (min-width: 768px) {
    #thtk .btn01, #thtk .btn02, #thtk .btn03, #thtk .btn04, #thtk .btn05, #thtk .btn06, #thtk .btn07, #thtk .btn08, #thtk .btn09 {
        max-width: 150px
    }
}
@media screen and (min-width: 1200px) {
    #thtk .btn01, #thtk .btn02, #thtk .btn03, #thtk .btn04, #thtk .btn05, #thtk .btn06, #thtk .btn07, #thtk .btn08, #thtk .btn09 {
        width: inherit;
        max-width: 274px
    }
}
#thtk .btn01 {
    top: 10%;
    left: 3%
}
@media screen and (min-width: 768px) {
    #thtk .btn01 {
        top: 11%;
        left: -1.5%
    }
}
#thtk .btn02 {
    top: 29%;
    left: 3%
}
@media screen and (min-width: 768px) {
    #thtk .btn02 {
        top: 29.5%;
        left: -1.5%
    }
}
#thtk .btn03 {
    top: 15.5%;
    right: 2%
}
@media screen and (min-width: 768px) {
    #thtk .btn03 {
        top: 16.5%;
        right: -5.5%
    }
}
#thtk .btn04 {
    top: 34.5%;
    right: 2%
}
@media screen and (min-width: 768px) {
    #thtk .btn04 {
        top: 35.5%;
        right: -5.5%
    }
}
#thtk .btn05 {
    bottom: 21.5%;
    left: 3%
}
@media screen and (min-width: 768px) {
    #thtk .btn05 {
        bottom: 22%;
        left: -1.5%
    }
}
#thtk .btn06 {
    bottom: 13%;
    right: 2%
}
@media screen and (min-width: 768px) {
    #thtk .btn06 {
        bottom: 16%;
        right: -5.5%
    }
}
#thtk .btn07 {
    bottom: 28%;
    right: 2%
}
@media screen and (min-width: 768px) {
    #thtk .btn07 {
        bottom: 27%;
        right: -5.5%
    }
}
#thtk .btn08 {
    bottom: 3%;
    left: 3%
}
@media screen and (min-width: 768px) {
    #thtk .btn08 {
        bottom: 4.5%;
        left: -1.5%
    }
}
#thtk .btn09 {
    top: 45%;
    left: 3%
}
@media screen and (min-width: 768px) {
    #thtk .btn09 {
        top: 45.5%;
        left: -1.5%
    }
}
#thtk .list__nav {
    display: none;
    place-content: center;
    width: 100%;
    z-index: 10
}
#thtk .list__nav li {
    margin-top: -1px;
    border: 1px #D2E7BB solid;
    padding: .5em 1em .5em 3em;
    text-indent: -3em
}
#thtk.list__nav li a {
    font-weight: 900;
    padding: 1em
}
#thtk .list__nav.show {
    opacity: 1;
    display: grid
}
#thtk .list__info {
    max-width: 850px;
    width: 100%;
    margin: 3em auto auto
}

#thtk .bg__navy {
    .list__info {
        margin-top: 5em;
        @media screen and (min-width: 768px) {
            margin-top: 50px;
        }
    }
    .box__price {
        > div {
            &:last-child {
                position: relative;
                .note {
                    position: absolute;
                    left: 50%;
                    bottom: 17px;
                    font-size: 14px;
                    transform: translateX(-50%);
                    width: 100%;
                    @media screen and (min-width: 768px) {
                        left: 15px;
                        bottom: 15px;
                        transform: inherit;
                        width: auto;
                    }
                }
            }
        }
    }
}
@media screen and (min-width: 768px) {
    .list__info {
        margin: 50px auto auto
    }
}
.list__info li {
    display: flex;
    gap: 6px;
    flex-direction: column;
    align-items: flex-start
}
@media screen and (min-width: 768px) {
    .list__info li {
        flex-direction: row;
        font-size: 2.2rem
    }
}
.list__info li img {
    max-width: 119px;
    margin-top: 5px
}
.list__info li a {
    color: #00a0e9;
    text-decoration: underline
}
.list__info li .note {
    font-size: 1.3rem
}
@media screen and (min-width: 768px) {
    .list__info li .note {
        font-size: 1.5rem
    }
}
.list__info li+li {
    margin-top: 11px
}
.img__area {
    max-width: 952px;
    width: 100%;
    margin: 3em auto auto
}
@media screen and (min-width: 768px) {
    .img__area {
        margin: 150px auto auto
    }
}
.btn__yellow {
    display: block;
    max-width: 538px;
    width: 100%;
    margin: 3em auto auto;
    background-color: #ffe14d;
    color: #000;
    border-radius: 50px;
    text-align: center;
    padding: 15px 0;
    position: relative
}
@media screen and (min-width: 768px) {
    .btn__yellow {
        margin: 150px auto auto;
        font-size: 2.3rem
    }
}
.btn__yellow:link {
    color: #000
}
.btn__yellow:hover {
    text-decoration: none
}
.btn__yellow:visited {
    color: #000
}
.btn__yellow:after {
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 25px;
    width: 15px;
    height: 15px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg)
}
.box__matter {
    max-width: 600px;
    margin: auto;
    padding: 3em 1.5em;
    color: #000
}
@media screen and (min-width: 768px) {
    .box__matter {
        padding: 115px 0 219px
    }
}
.box__matter .tit__box {
    border: 1px #000000 solid;
    text-align: center;
    padding: 5px 0
}
@media screen and (min-width: 768px) {
    .box__matter .tit__box {
        font-size: 2.6rem
    }
}
.box__matter .list__kome {
    margin-top: 1em
}
@media screen and (min-width: 768px) {
    .box__matter .list__kome {
        margin-top: 30px
    }
}
.box__matter .list__kome li {
    font-size: 1.4rem;
    padding: 0 5px
}
.box__matter .list__kome li:last-child {
    text-indent: -1em;
    padding-left: calc(1em + 5px)
}
@media screen and (min-width: 768px) {
    .pc-indent5 {
        text-indent: -4em;
        padding-left: 4em;
        display: inline-block
    }
}
#mainContents .container>.contentsWrapper>.wrapper {
    padding-bottom: 0
}
@media screen and (min-width: 768px) {
    #thtk .space {
        letter-spacing: 1em
    }
}
@media screen and (min-width: 768px) {
    .tit__list {
        font-size: 1.8rem
    }
}
#thtk .onlysp {
    display: inherit
}
@media screen and (min-width: 576px) {
    #thtk .onlysp {
        display: inherit
    }
}
@media screen and (min-width: 768px) {
    #thtk .onlysp {
        display: none
    }
}
@media screen and (min-width: 992px) {
    #thtk .onlysp {
        display: none
    }
}
@media screen and (min-width: 1200px) {
    #thtk .onlysp {
        display: none
    }
}
#thtk .onlypc {
    display: none
}
@media screen and (min-width: 576px) {
    #thtk .onlypc {
        display: none
    }
}
@media screen and (min-width: 768px) {
    #thtk .onlypc {
        display: none
    }
}
@media screen and (min-width: 992px) {
    #thtk .onlypc {
        display: inherit
    }
}
@media screen and (min-width: 1200px) {
    #thtk .onlypc {
        display: inherit
    }
}
#thtk .sansserif, main {
    font-family: Noto Sans JP, sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal
}
#thtk .serif {
    font-family: Noto Sans JP, sans-serif
}
html {
    font-size: 62.5%
}
main {
    font-size: 1.8rem
}
@media screen and (max-width: 575px) {
    main {
        font-size: 1.6rem
    }
}