/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");

/* line 5, ../../../../../.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */

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


/* line 22, ../../../../../.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */

html {
    line-height: 1;
}


/* line 24, ../../../../../.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */

ol,
ul {
    list-style: none;
}


/* line 26, ../../../../../.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */

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


/* line 28, ../../../../../.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */

caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}


/* line 30, ../../../../../.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */

q,
blockquote {
    quotes: none;
}


/* line 103, ../../../../../.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */

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


/* line 32, ../../../../../.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */

a img {
    border: none;
}


/* line 116, ../../../../../.rbenv/versions/3.0.0/lib/ruby/gems/3.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */

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


/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */


/* line 6, ../sass/_common.scss */

* {
    box-sizing: border-box;
}


/* line 10, ../sass/_common.scss */

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


/* line 14, ../sass/_common.scss */

img {
    max-width: 100%;
    height: auto;
}


/* line 19, ../sass/_common.scss */

.mv {
    max-width: 950px;
    width: 100%;
}


/* line 24, ../sass/_common.scss */

.btn-area-last {
    margin: 100px 0 90px;
}

@media screen and (max-width: 750px) {
    /* line 24, ../sass/_common.scss */
    .btn-area-last {
        margin: 50px 0 90px;
    }
}


/* line 29, ../sass/_common.scss */

.btn-area-last .btn-last {
    border-radius: 10px;
    overflow: hidden;
    display: inline-block;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3);
    transition: .6s;
    width: calc(100% - 30px);
    max-width: 700px;
}


/* line 37, ../sass/_common.scss */

.btn-area-last .btn-last img {
    width: 700px;
    height: auto;
}


/* line 41, ../sass/_common.scss */

.btn-area-last .btn-last:hover {
    box-shadow: 10px 10px 10px transparent;
}


/* line 47, ../sass/_common.scss */

.container {
    max-width: 870px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}


/* line 54, ../sass/_common.scss */

.notice {
    font-size: 14px;
    margin-top: 46px;
}

@media screen and (max-width: 750px) {
    /* line 54, ../sass/_common.scss */
    .notice {
        font-size: 10px;
    }
}


/* line 62, ../sass/_common.scss */

.wrapper {
    font-family: 'Noto Sans JP', sans-serif;
    max-width: 950px;
    width: calc(100% - 30px);
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 751px) {
    /* line 63, ../sass/_common.scss */
    .wrapper .sp {
        display: none;
    }
}

@media screen and (max-width: 750px) {
    /* line 68, ../sass/_common.scss */
    .wrapper .pc {
        display: none;
    }
}


/* line 73, ../sass/_common.scss */

.wrapper .mt-20 {
    margin-top: 20px;
    display: inline-block;
}

@media screen and (min-width: 751px) {
    /* line 76, ../sass/_common.scss */
    .wrapper .mt-20.sp {
        display: none;
    }
}


/* line 88, ../sass/_common.scss */

.wrapper .nagano-area,
.wrapper .shuto-area,
.wrapper .nagoya-area {
    width: 100%;
    max-width: 870px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}


/* line 97, ../sass/_common.scss */

.wrapper u {
    text-decoration: none;
    border-bottom: 1px solid #E60037;
}


/* line 101, ../sass/_common.scss */

.wrapper .btn-area {
    padding: 0 10px 10px 10px;
    width: 100%;
    max-width: 870px;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    border-radius: 0 0 30px 30px;
    border-top: none;
}

@media screen and (max-width: 750px) {
    /* line 101, ../sass/_common.scss */
    .wrapper .btn-area {
        padding: 0 4px 4px 4px;
        border-radius: 0 0 15px 15px;
    }
}


/* line 116, ../sass/_common.scss */

.wrapper .btn-area .bg-white {
    display: flex;
    justify-content: center;
    background: #fff;
    align-items: center;
    height: 100%;
    padding: 40px 20px;
    border-radius: 10px 10px 24px 24px;
    flex-wrap: wrap;
    gap: 25px;
}

@media screen and (max-width: 750px) {
    /* line 116, ../sass/_common.scss */
    .wrapper .btn-area .bg-white {
        padding: 20px 40px;
        border-radius: 10px 10px 12px 12px;
        gap: 0;
    }
}


/* line 130, ../sass/_common.scss */

.wrapper .btn-area a {
    transition: .6s;
}


/* line 132, ../sass/_common.scss */

.wrapper .btn-area a:hover {
    opacity: .6;
}


/* line 137, ../sass/_common.scss */

.wrapper .nagano-area {
    margin-top: 46px;
}


/* line 142, ../sass/_common.scss */

.wrapper .nagano-area .btn-area {
    background-color: #11B29F;
}


/* line 144, ../sass/_common.scss */

.wrapper .nagano-area .btn-area a {
    width: calc(100% / 2 - 15px);
    max-width: 370px;
    display: inline-block;
}

@media screen and (max-width: 750px) {
    /* line 144, ../sass/_common.scss */
    .wrapper .nagano-area .btn-area a {
        width: 100%;
        max-width: 100%;
        margin-top: 20px;
    }
    /* line 152, ../sass/_common.scss */
    .wrapper .nagano-area .btn-area a:first-of-type {
        margin-top: 0;
    }
}


/* line 159, ../sass/_common.scss */

.wrapper .shuto-area {
    margin-top: 46px;
}


/* line 164, ../sass/_common.scss */

.wrapper .shuto-area .btn-area {
    background-color: #B8A4CF;
}


/* line 166, ../sass/_common.scss */

.wrapper .shuto-area .btn-area a {
 /*    width: calc(100% / 2 - 15px);
    max-width: 390px; */
    display: inline-block;
}

@media screen and (max-width: 750px) {
    /* line 166, ../sass/_common.scss */
    .wrapper .shuto-area .btn-area a {
        width: 100%;
        max-width: 100%;
        margin-top: 20px;
    }
    /* line 174, ../sass/_common.scss */
    .wrapper .shuto-area .btn-area a:first-of-type {
        margin-top: 0;
    }
}


/* line 181, ../sass/_common.scss */

.wrapper .nagoya-area {
    margin-top: 46px;
}


/* line 186, ../sass/_common.scss */

.wrapper .nagoya-area .btn-area {
    background-color: #F7B175;
}


/* line 188, ../sass/_common.scss */

.wrapper .nagoya-area .btn-area a {
    width: calc(100% / 2 - 15px);
    max-width: 390px;
    display: inline-block;
}

@media screen and (max-width: 750px) {
    /* line 188, ../sass/_common.scss */
    .wrapper .nagoya-area .btn-area a {
        width: 100%;
        max-width: 100%;
        margin-top: 20px;
    }
    /* line 196, ../sass/_common.scss */
    .wrapper .nagoya-area .btn-area a:first-of-type {
        margin-top: 0;
    }
}


/* line 203, ../sass/_common.scss */

.wrapper h2 {
    margin-top: 160px;
}

@media screen and (max-width: 750px) {
    /* line 203, ../sass/_common.scss */
    .wrapper h2 {
        margin-top: 60px;
    }
}


/* line 209, ../sass/_common.scss */

.wrapper h3 {
    font-size: 26px;
    font-weight: bold;
}

@media screen and (max-width: 750px) {
    /* line 209, ../sass/_common.scss */
    .wrapper h3 {
        font-size: 13px;
        text-align: center;
    }
}


/* line 217, ../sass/_common.scss */

.wrapper .flex {
    margin-top: 24px;
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 750px) {
    /* line 217, ../sass/_common.scss */
    .wrapper .flex {
        display: block;
    }
}


/* line 225, ../sass/_common.scss */

.wrapper .flex .price img {
    width: 310px;
    padding-right: 20px;
}

@media screen and (max-width: 750px) {
    /* line 225, ../sass/_common.scss */
    .wrapper .flex .price img {
        width: 184px;
        padding-right: 0;
    }
}


/* line 235, ../sass/_common.scss */

.wrapper .flex>p img {
    width: 392px;
}


/* line 240, ../sass/_common.scss */

.wrapper .price {
    margin-top: 24px;
    margin-bottom: 28px;
}


/* line 244, ../sass/_common.scss */

.wrapper .area {
    margin-top: 24px;
}


/* line 247, ../sass/_common.scss */

.wrapper .detail-btn {
    margin-top: 42px;
}


/* line 249, ../sass/_common.scss */

.wrapper .detail-btn img {
    width: 402px;
}


/* line 253, ../sass/_common.scss */

.wrapper .content-box {
    margin-top: 64px;
}

@media screen and (max-width: 750px) {
    /* line 253, ../sass/_common.scss */
    .wrapper .content-box {
        margin-top: 24px;
    }
}

@media screen and (max-width: 750px) {
    /* line 259, ../sass/_common.scss */
    .wrapper .content-box .mx-full {
        margin: 0 -16px;
    }
}


/* line 263, ../sass/_common.scss */

.wrapper .content-box .content-area {
    border: 3px solid;
    border-top: none;
    border-radius: 0 0 20px 20px;
    padding: 20px 20px 40px;
    margin-top: -3px;
}

@media screen and (max-width: 750px) {
    /* line 263, ../sass/_common.scss */
    .wrapper .content-box .content-area {
        padding: 20px 40px 40px;
        border: 1px solid;
        border-radius: 0 0 10px 10px;
    }
}


/* line 275, ../sass/_common.scss */

.wrapper .content-box p {
    font-size: 14px;
    line-height: calc(20 / 14);
}

@media screen and (max-width: 750px) {
    /* line 275, ../sass/_common.scss */
    .wrapper .content-box p {
        font-size: 10px;
    }
}


/* line 283, ../sass/_common.scss */

.wrapper .content-box.nagano-a h3 {
    color: #009944;
}


/* line 286, ../sass/_common.scss */

.wrapper .content-box.nagano-a .content-area {
    border-color: #009944;
}


/* line 291, ../sass/_common.scss */

.wrapper .content-box.nagano-b h3 {
    color: #8DC21E;
}


/* line 294, ../sass/_common.scss */

.wrapper .content-box.nagano-b .content-area {
    border-color: #8DC21E;
}


/* line 299, ../sass/_common.scss */

.wrapper .content-box.nagano-c h3 {
    color: #EF8486;
}

@media screen and (max-width: 750px) {
    /* line 299, ../sass/_common.scss */
    .wrapper .content-box.nagano-c h3 {
        margin: 0 -20px;
    }
}


/* line 305, ../sass/_common.scss */

.wrapper .content-box.nagano-c .content-area {
    border-color: #EF8486;
}


/* line 310, ../sass/_common.scss */

.wrapper .content-box.shuto-a h3 {
    color: #886AAD;
}


/* line 313, ../sass/_common.scss */

.wrapper .content-box.shuto-a .content-area {
    border-color: #886AAD;
}


/* line 317, ../sass/_common.scss */

.wrapper .content-box.shuto-a .price img {
    width: 574px;
}


/* line 323, ../sass/_common.scss */

.wrapper .content-box.shuto-b h3 {
    color: #896AAD;
}


/* line 326, ../sass/_common.scss */

.wrapper .content-box.shuto-b .content-area {
    border-color: #896AAD;
}


/* line 330, ../sass/_common.scss */

.wrapper .content-box.shuto-b .price img {
    width: 652px;
}


/* line 336, ../sass/_common.scss */

.wrapper .content-box.nagoya-a h3 {
    color: #EE771D;
}


/* line 339, ../sass/_common.scss */

.wrapper .content-box.nagoya-a .content-area {
    border-color: #EE771D;
}


/* line 343, ../sass/_common.scss */

.wrapper .content-box.nagoya-a .price img {
    width: 532px;
}


/* line 349, ../sass/_common.scss */

.wrapper .content-box.nagoya-b h3 {
    color: #EF771D;
}


/* line 352, ../sass/_common.scss */

.wrapper .content-box.nagoya-b .content-area {
    border-color: #EF771D;
}


/* line 356, ../sass/_common.scss */

.wrapper .content-box.nagoya-b .price img {
    width: 658px;
}

.notice2 {
    font-size: 16px!important;
    margin-top:5px;
    text-align: center!important;
    @media screen and (max-width: 750px) {
        font-size: 14px!important;
    }
}