@charset 'utf-8'; 

@font-face { font-family: 'Font Awesome 7 Free'; font-style: normal; font-weight: 900; font-display: block; src: url('fontawesome/webfonts/fa-solid-900.woff2') format('woff2') }
@font-face { font-family: 'Font Awesome 7 Brands'; font-style: normal; font-weight: 400; font-display: block; src: url('fontawesome/webfonts/fa-brands-400.woff2') format('woff2') }

html { scroll-behavior: smooth }
* { box-sizing: border-box; -webkit-tap-highlight-color: transparent }
body { margin: 0; background-color: #aeaea6; color: #152025; line-height: 1.732; font-size: clamp(16px, calc(0.142vw + 15.47px), 17px); font-family: 'Noto Sans JP', sans-serif }
section, div, dl { display: flow-root }
p { margin: 0 }
a { color: #000 }
a:hover { color: #444 }
ul, ol, dl, dt, dd { margin: 0; padding: 0 }
h1, h2, h3, h4, h5, h6 { margin: 0 }
img { height: auto; border: none; vertical-align: top }
table { border-collapse: collapse }
iframe { border: none }

@-moz-document url-prefix() {
:root { --mypadding: 0px }
}
@supports (-webkit-appearance: none) and (not (-moz-appearance: none)) {
:root { --mypadding: 15px }
}

@keyframes myScrollDown {
0% { transform: translateY(0) }
32% { transform: translateY(67px) }
64% { transform: translateY(0) }
}

#mymodaltoggle { display: none }
#mymodalhamberger { display: block; cursor: pointer }
#mymodalhamberger span { display: block; width: 75px; height: 75px; background: url(../img/common/icon03.png) center center / 25px 24px no-repeat #203428; border-radius: 50% }
#mymodaltoggle:checked + #mymodalhamberger span { background-image: url(../img/common/icon04.png) }
#mymodal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, .88); color: #fff; overflow-y: auto; transition: opacity .3s; z-index: -999; display: flex; justify-content: center; align-items: center }
.mymodal-hide { opacity: 0 }
.mymodal-show { opacity: 1 !important }
#mymodal a { text-decoration: none; color: #fff; transition: .3s }
#mymodal a:hover { opacity: .72 }
#mymodalicons { display: flex; justify-content: center; column-gap: 24px; margin-bottom: 24px }

@media (max-width: 767px) { 
#mymodalhambergerouter { position: fixed; top: 8px; right: 8px; z-index: 9999 }
#mymodalhamberger { transform: scale(.7); transform-origin: top right }
.noscroll { overflow: hidden }
}
@media (min-width: 768px) and (max-width: 1079px) { 
#mymodalhambergerouter { position: fixed; top: 16px; right: 16px; z-index: 9999 }
.noscroll { overflow: hidden }
}
@media (min-width: 1080px) { 
#mymodalhambergerouter { position: fixed; top: 35px; right: 39px; z-index: 9999 }
.noscroll { overflow: hidden; padding-right: var(--mypadding) }
.noscroll #mymodalhambergerouter { right: calc(39px + var(--mypadding)) }
}

@media (max-width: 1079px) { 
body { -webkit-text-size-adjust: 100%; font-feature-settings: 'palt' }
h1, .largeonly { display: none }
#wrapper { position: relative }
header { display: flex; justify-content: space-between; height: 176px }
#headerlogo { width: clamp(200px, calc(17.021vw + 136.17px), 320px); margin: clamp(16px, calc(2.27vw + 7.49px), 32px) 0 0 clamp(16px, calc(2.27vw + 7.49px), 32px) }
#headerlogo img { max-width: 100% }
#headericons { display: none }
#containermainvisual { margin-top: -176px; background: url(../img/common/back01.jpg) center top / 100% no-repeat }
#mainvisual { display: none }
#mainvisualsmall { margin-top: clamp(200px, calc(51.064vw + 8.51px), 560px); padding: 0 32px; text-align: center }
#mainvisualsmall img { max-width: 573px; width: 56% }
#mainvisualscrollouter { display: none }
#mainvisualmessage { margin-top: clamp(40px, calc(3.404vw + 27.23px), 64px); padding: 0 clamp(16px, calc(1.135vw + 11.74px), 24px) }
#mainvisualmessage h2 { font-family: 'Montserrat', sans-serif; font-size: clamp(36px, calc(7.376vw + 8.34px), 88px); color: #fff; text-align: center; letter-spacing: -2px; line-height: 1 }
#mainvisualmessage h2 span { display: inline-block; background: url(../img/common/back02.png) right top / clamp(32px, calc(3.404vw + 19.23px), 56px) clamp(40px, calc(4.397vw + 23.51px), 71px) no-repeat; padding: clamp(24px, calc(2.837vw + 13.36px), 44px) clamp(24px, calc(2.837vw + 13.36px), 44px) 0 }
#mainvisualmessage h3 { font-size: clamp(22px, calc(1.418vw + 16.68px), 32px); color: #603730; text-align: center; font-weight: 900; line-height: 1.5 }
#mainvisualmessage p { margin-top: clamp(24px, calc(3.972vw + 9.11px), 52px); font-weight: 700; font-size: clamp(18px, calc(0.567vw + 15.87px), 22px) }
#mainvisualmessagecards { display: flex; justify-content: center; flex-wrap: wrap; gap: 24px; margin-top: clamp(32px, calc(6.099vw + 9.13px), 75px) }
.mainvisualmessagecard { max-width: 320px }
#mainvisualmessagecards img { max-width: 100% }
#mainvisualmessagecards dl { text-align: center; margin-top: clamp(8px, calc(1.135vw + 3.74px), 16px) }
#mainvisualmessagecards dt { font-size: clamp(20px, calc(0.567vw + 17.87px), 24px); font-weight: 700; line-height: 1.6 }
#mainvisualmessagecards dd { font-family: 'Montserrat', sans-serif; font-size: clamp(16px, calc(0.284vw + 14.94px), 18px); color: #603730; line-height: 1.6; font-weight: 450 }
#containerpagetitle { margin-top: -176px; position: relative; z-index: -1 }
#containerpagetitle img { width: 100%; height: clamp(200px, calc(17.021vw + 136.17px), 320px); object-fit: cover }
#pagetitle { position: absolute; top: clamp(80px, calc(5.674vw + 58.72px), 120px); right: 0; left: 0; text-align: center; line-height: 1.3; text-shadow: 0 0 4px #d3d1ab, 0 0 4px #d3d1ab, 0 0 4px #d3d1ab, 0 0 4px #d3d1ab, 0 0 4px #d3d1ab, 0 0 4px #d3d1ab, 0 0 4px #d3d1ab, 0 0 4px #d3d1ab, 0 0 4px #d3d1ab, 0 0 4px #d3d1ab, 0 0 4px #d3d1ab, 0 0 4px #d3d1ab, 0 0 4px #d3d1ab, 0 0 4px #d3d1ab, 0 0 4px #d3d1ab, 0 0 4px #d3d1ab }
#pagetitle p { font-family: 'Montserrat', sans-serif; font-size: clamp(20px, calc(1.135vw + 15.74px), 28px); font-weight: 700 }
#pagetitle h2 { font-size: clamp(36px, calc(2.837vw + 25.36px), 56px); font-weight: 900 }
#containermysection0102 { margin-top: clamp(48px, calc(11.348vw + 5.45px), 128px); padding: 0 clamp(16px, calc(1.135vw + 11.74px), 24px) 80px; background: url(../img/common/back03.jpg) center bottom / cover no-repeat }
#mysection01 h2 { font-size: clamp(32px, calc(2.27vw + 23.49px), 48px); color: #603730; text-align: center }
#mysection01 h3 { margin-top: 6px; font-family: 'Montserrat', sans-serif; font-size: clamp(17px, calc(0.993vw + 13.28px), 24px); color: #fff; text-align: center; line-height: 1 }
#mysection01 p { margin-top: clamp(24px, calc(2.27vw + 15.49px), 40px); font-weight: 700; font-size: clamp(18px, calc(0.567vw + 15.87px), 22px) }
#mysection01cards { margin-top: clamp(24px, calc(2.27vw + 15.49px), 40px); text-align: center }
#mysection01cards > div:nth-of-type(2) { margin-top: 32px }
#mysection01cards img { max-width: 100% }
.mysection01card ul { display: inline-block; margin: clamp(16px, calc(2.27vw + 7.49px), 32px) auto 0 }
.mysection01card li { font-size: clamp(18px, calc(0.284vw + 16.94px), 20px); font-weight: 700; text-align: left }
#mysection02 { margin-top: clamp(72px, calc(6.809vw + 46.47px), 120px) }
#mysection02titleimg img { max-width: 100% }
#mysection02title { padding: 16px 24px; background-color: #603731; text-align: center }
#mysection02title p { font-family: 'Montserrat', sans-serif; font-size: clamp(17px, calc(0.993vw + 13.28px), 24px); color: #fff; font-weight: 700 }
#mysection02title h2 { color: #fff }
#mysection02title h2 span:nth-of-type(1) { display: block; font-size: clamp(32px, calc(2.27vw + 23.49px), 48px) }
#mysection02title h2 span:nth-of-type(2) { display: block; font-size: clamp(20px, calc(1.135vw + 15.74px), 28px) }
#mysection02price { padding: 24px 24px 40px; background: url(../img/common/back05.png); border-bottom-left-radius: clamp(24px, calc(3.404vw + 11.23px), 48px) }
#mysection02price table { background-color: #4b2a23; width: 100% }
#mysection02price :is(th, td) { border: 1px solid rgba(255, 255, 255, .56); color: #fff; padding: 4px; text-align: left }
#mysection03 { background-color: #121b20 }
.mysection03inner { max-width: 960px; position: relative; margin: 0 auto }
.mysection03img img { max-width: 100% }
.mysection03text { position: absolute; top: 16%; right: 0; left: 0; color: #fff; display: flex; justify-content: center; align-items: center }
.mysection03text h2 { font-size: clamp(36px, calc(1.135vw + 31.74px), 44px); text-align: center; line-height: 1.3 }
.mysection03text h3 { font-family: 'Montserrat', sans-serif; font-size: clamp(20px, calc(0.567vw + 17.87px), 24px); text-align: center }
.mysection03text p { font-size: clamp(17px, calc(0.284vw + 15.94px), 19px); font-weight: 700; margin-top: clamp(16px, calc(0.952vw + 5.71px), 24px); line-height: 1.9; padding: 0 clamp(24px, calc(24.965vw + -69.62px), 200px) }
#mysection03banner { margin-top: clamp(-72px, calc(-5.674vw + -10.72px), -32px); text-align: center; padding: 0 clamp(32px, calc(3.404vw + 19.23px), 56px) }
#mysection03banner img { max-width: 100% }
#mysection03banner span { display: inline-block; padding: 0 8px; background: #f60; color: #fff; font-size: 88%; white-space: nowrap; border-radius: 4px; margin-top: 8px }
#containermysection04 { background-color: #121b20; padding: clamp(72px, calc(7.943vw + 42.21px), 128px) 0 clamp(128px, calc(7.943vw + 98.21px), 184px) }
#mysection04galleryouter h2 { font-family: 'Montserrat', sans-serif; font-size: clamp(36px, calc(1.702vw + 29.62px), 48px); color: #fff; font-weight: 700; text-align: center }
#mysection04gallery { margin-top: 4px; color: #fff }
#splide01 .splide__pagination { bottom: -40px }
#splide01 .splide__pagination__page { border-radius: 0; width: 24px; opacity: 1; background-color: #666 }
#splide01 .is-active { transform: scale(1); background: #fff }
#splide01 img { max-width: 100% }
#containermysection05 { background-color: #000 }
#splide02 img { max-width: 100% }
#mysection05 { display: flex; flex-wrap: wrap; padding: clamp(56px, calc(9.078vw + 21.96px), 120px) clamp(16px, calc(1.135vw + 11.74px), 24px) 0 }
#mysection05map { order: 2; width: 100%; margin-top: 40px }
#mysection05map iframe { width: 100%; height: 400px }
#mysection05outer { order: 1; width: 100% }
#mysection05inner h2 { font-family: 'Montserrat', sans-serif; font-weight: 700; color: #aeaea6; font-size: clamp(24px, calc(0.567vw + 21.87px), 28px); white-space: nowrap; display: flex; justify-content: center; align-items: center; column-gap: 16px }
#mysection05inner h2 span { flex-shrink: 0 }
#mysection05inner h2::before, #mysection05inner h2::after { content: ''; width: 72px; height: 5px; background-color: #5f372d }
#mysection05logo { margin-top: 24px; text-align: center }
#mysection05logo dt img { max-width: 100% }
#mysection05logo dd { color: #fff; font-size: clamp(20px, calc(0.567vw + 17.87px), 24px); font-weight: 700; margin-top: 2px }
#mysection05address { margin-top: 32px }
.mybtn01 a { display: block; text-decoration: none }
.mybtn01inner { border: 1px solid rgb(174, 174, 166, .64); border-radius: 12px; padding: 8px; display: flex; justify-content: space-between }
.mybtn01inner > div:nth-of-type(1) { color: #fff; font-size: clamp(18px, calc(0.284vw + 16.94px), 20px); font-weight: 700; line-height: 1.5; padding: 8px; display: flex; align-items: center; column-gap: 8px }
.mybtn01inner > div:nth-of-type(1) i { font-size: 36px }
.mybtn01inner > div:nth-of-type(2) { width: clamp(40px, calc(1.702vw + 33.62px), 52px); position: relative }
.mybtn01inner > div:nth-of-type(2) span { display: flex; justify-content: center; align-items: center; background-color: #aeaea6; height: 100%; border-radius: 10px }
#mysection05info { margin-top: 24px }
#mysection05info dl { display: flex; color: #fff; font-size: clamp(18px, calc(0.284vw + 16.94px), 20px); font-weight: 700 }
#mysection05info dt { width: clamp(112px, calc(3.404vw + 99.23px), 136px) }
#mysection05sns { margin-top: 32px }
#mysection05photo { margin-top: 32px; text-align: center }
#mysection05photo img { max-width: 100% }
#containermysection06 { padding: clamp(64px, calc(13.617vw + 12.94px), 160px) clamp(16px, calc(1.135vw + 11.74px), 24px); background-color: #000 }
#mysection06 { color: #fff }
#mysection06title p { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: clamp(40px, calc(1.135vw + 35.74px), 48px); line-height: 1; text-align: center }
#mysection06title h2 { font-size: clamp(22px, calc(0.567vw + 19.87px), 26px); text-align: center }
#mysection06news > div { margin-top: 16px }
#mysection06news a { display: block; text-decoration: none; color: #fff; background: url(../img/common/arrow02.png) calc(100% - 16px) center / 13px 13px no-repeat }
#mysection06news dl { padding: clamp(8px, calc(1.135vw + 3.74px), 16px) 48px clamp(8px, calc(1.135vw + 3.74px), 16px) clamp(16px, calc(1.135vw + 11.74px), 24px); border: 1px solid #acacaa; border-radius: 12px; font-size: clamp(16px, calc(0.567vw + 13.87px), 20px) }
#mysection06news dt { color: #acacaa }
#mysection06news dd { padding-right: 0 }
#mysection07 { padding: clamp(72px, calc(7.943vw + 42.21px), 128px) clamp(16px, calc(1.135vw + 11.74px), 24px) }
#mysection07title { text-align: center }
#mysection07title p { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: clamp(40px, calc(9.078vw + 5.96px), 104px); color: #fff; line-height: 1 }
#mysection07title h2 { font-size: clamp(22px, calc(1.135vw + 17.74px), 30px); color: #603730 }
#mysection07info { margin-top: clamp(16px, calc(2.27vw + 7.49px), 32px); text-align: center; font-size: 17px }
#mysection07info dl { font-family: 'Montserrat', sans-serif; font-weight: 700 }
#mysection07info dt { font-size: clamp(22px, calc(0.284vw + 20.94px), 24px); line-height: 1 }
#mysection07info dt strong { font-size: clamp(32px, calc(0.567vw + 29.87px), 36px) }
#mysection07info dd { font-size: 21px; margin-top: 5px }
#mysection07info p { margin-top: 8px }
#mysection07form { margin-top: clamp(48px, calc(2.27vw + 39.49px), 64px); padding: 0 clamp(16px, calc(13.191vw + -33.47px), 109px); background: url(../img/common/back07.png) center bottom / 932px 49px no-repeat, url(../img/common/back07.png) center top / 932px 27px no-repeat, #94948c }
#mysection07form h3 { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: clamp(24px, calc(1.702vw + 17.62px), 36px); color: #fff; text-align: center; background: url(../img/common/back06.png) center top / 64px 53px no-repeat; padding-top: 56px; margin-bottom: clamp(16px, calc(3.404vw + 3.23px), 40px) }
.mycontactform01 { background-color: #c0c1bb; border-radius: 80px; padding: clamp(14px, calc(0.851vw + 10.81px), 20px) clamp(48px, calc(1.135vw + 43.74px), 56px) clamp(14px, calc(0.851vw + 10.81px), 20px) clamp(24px, calc(3.83vw + 9.64px), 51px); position: relative; margin-bottom: clamp(12px, calc(0.567vw + 9.87px), 16px) }
.mycontactform01:has(textarea) { border-radius: 24px }
.mycontactform01::after { position: absolute; top: 14px; right: 16px; content: '※'; color: #fff; background-color: #5c362b; border-radius: 50%; padding: 5px; line-height: 1; font-size: 88% }
.mycontactform02 { border: 2px solid #c0c1bb; border-radius: 80px; padding: clamp(12px, calc(0.851vw + 8.81px), 18px) clamp(46px, calc(1.135vw + 41.74px), 54px) clamp(12px, calc(0.851vw + 8.81px), 18px) clamp(22px, calc(3.83vw + 7.64px), 49px); margin-bottom: clamp(12px, calc(0.567vw + 9.87px), 16px) }
#mysection07form :is(input[type='text'], textarea) { width: 100%; border: none; background-color: transparent; outline: none; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; color: #000; font-size: clamp(16px, calc(0.284vw + 14.94px), 18px) }
#mysection07form :is(input[type='text'], textarea)::placeholder { color: #000 }
#mysection07form :is(input[type='text'], textarea):focus::placeholder { opacity: .24 }
#mysection07formpersonal { height: clamp(280px, calc(14.894vw + 224.15px), 385px); background-color: #2e2e2c; color: #fff; overflow-y: scroll; padding: clamp(16px, calc(3.404vw + 3.23px), 40px) clamp(24px, calc(1.135vw + 19.74px), 32px); border-radius: 32px; line-height: 1.5 }
#mysection07formpersonal h4 { text-align: center; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: clamp(20px, calc(0.567vw + 17.87px), 24px) }
#mysection07formpersonal h5 { text-align: center; font-size: clamp(16px, calc(0.284vw + 14.94px), 18px); font-weight: 700 }
#mysection07formpersonal p { margin-top: clamp(16px, calc(1.135vw + 11.74px), 24px); font-size: 92% }
#mysection07formpersonal ol { margin: clamp(16px, calc(1.135vw + 11.74px), 24px) 0 0 clamp(16px, calc(1.135vw + 11.74px), 24px); font-size: 92% }
#mysection07formpersonal li:not(:first-of-type) { margin-top: 8px }
#mysection07formcheck { margin-top: 16px; text-align: center }
#mysection07formcheck span { display: inline-block; padding: clamp(14px, calc(0.851vw + 10.81px), 20px) clamp(24px, calc(1.135vw + 19.74px), 32px); border-radius: 80px; background-color: #c0c1bb; font-weight: 700 }
#mysection07formcheck label { cursor: pointer }
#mysection07formcheck checkbox { cursor: pointer }
#mysection07formsubmit { margin-top: 32px; text-align: center }
#mysection07formsubmit input[type='submit'] { padding: clamp(24px, calc(1.277vw + 19.21px), 33px) clamp(64px, calc(16.312vw + 2.83px), 179px); color: #fff; font-weight: 900 !important; font-size: clamp(20px, calc(0.567vw + 17.87px), 24px); background-color: #603731; cursor: pointer; border: none; transition: .3s; border-top-right-radius: 40px; border-bottom-left-radius: 40px }
#mysection07formsubmit input[type='submit']:disabled { cursor: not-allowed; opacity: .4 }
#mysection07formsubmit input[type='submit']:not(:disabled):hover { opacity: .8 }
#maincontents { padding: 0 clamp(16px, calc(1.135vw + 11.74px), 24px) }
#containerposts { margin: 8px 0 40px; padding: 24px clamp(24px, calc(4.539vw + 6.98px), 56px); background-color: #fff; border-radius: 8px }
#myarchives { display: flex; flex-wrap: wrap; gap: 24px; justify-content: center }
.myarchive { border: 1px solid #ccc; border-radius: 8px }
.myarchive a { display: block; padding: 16px; text-decoration: none }
.myarchivethum img { max-width: 100% }
.myarchivedate { margin-top: 8px; font-family: 'Montserrat', sans-serif; color: #888; font-size: 92%; font-weight: 500; letter-spacing: 1px }
.myarchivetitle { font-size: 112%; font-weight: 800; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden }
.myarchiveexcerpt { margin-top: 4px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #333; font-size: 94% }
.blogpagination { margin-top: 24px; display: flex; justify-content : center; align-items: center; column-gap: 6px }
.blogpagination a { text-decoration: none; display: inline-block; padding: 0 8px; border-radius: 4px; background-color: #333; color: #fff; font-size: 88% }
.blogpagination .current { font-weight: 900 }
.mysinglemaincategory { font-size: 88%; color: #888 }
#mysinglepost h2 { margin-top: clamp(16px, calc(1.135vw + 11.74px), 24px); border-bottom: 4px solid #eee; padding-bottom: 12px; font-size: clamp(20px, calc(1.135vw + 15.74px), 28px); line-height: 1.4 }
.mysinglemaindate { margin-top: 8px; font-family: 'Montserrat', sans-serif; color: #888; font-weight: 500; letter-spacing: 1px }
.mysinglearticle { margin-top: clamp(16px, calc(2.27vw + 7.49px), 32px) }
.mysinglearticle p + p { margin-top: clamp(16px, calc(1.135vw + 11.74px), 24px) }
.mysinglepager { margin-top: 40px; display: flex; justify-content: center; column-gap: 16px }
.mysinglepager a { text-decoration: none; display: inline-block; padding: 0 8px; border-radius: 4px; background-color: #333; color: #fff; font-size: 88% }
footer { background-color: #fff; margin-bottom: 62px; padding: clamp(56px, calc(3.404vw + 43.23px), 80px) clamp(16px, calc(1.135vw + 11.74px), 24px) }
#footerinfo { font-weight: 700; font-size: 16px; line-height: 1.4; text-align: center }
#footerlogo img { max-width: 80% }
#footerlogo dd { margin-top: 8px }
#footeraddress { margin-top: clamp(24px, calc(2.27vw + 15.49px), 40px); background: url(../img/common/back08.png) center top / 18px 24px no-repeat; padding-top: 28px }
#footerphone { margin-top: 16px }
#footerright { text-align: center; margin-top: 24px }
#footersns a { text-decoration: none }
#footersns i { font-size: 40px }
#footercopy { margin-top: 12px; font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 14px }
#mymodal dl { line-height: 1.5; text-align: center }
#mymodal dt { font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 12px }
#mymodal dd { font-weight: 700; font-size: clamp(18px, calc(0.284vw + 16.94px), 20px) }
#mymodal nav div:not(:first-of-type) { margin-top: clamp(12px, calc(0.567vw + 9.87px), 16px); padding-top: clamp(12px, calc(0.567vw + 9.87px), 16px); border-top: 1px solid #444 }
.smalltac { text-align: center }
#pt { position: fixed; bottom: 0; right: 0; display: none; width: 40px; height: 40px; opacity: 0; transition: .5s }
#pt a { display: block; height: 100%; color: #fff; text-decoration: none; background-color: #000 }
#pt span { height: 100%; display: flex; justify-content: center; align-items: center }
#pt i { font-size: 20px }
}

@media (max-width: 640px) { 
.myarchive { width: 100% }
}
@media (min-width: 641px) and (max-width: 1079px) { 
.myarchive { width: calc(50% - 12px) }
}

@media (min-width: 1080px) { 
h1, .smallonly { display: none }
h2 { font-weight: 900 }
#wrapper { position: relative; max-width: 1920px; margin: 0 auto }
header { display: flex; justify-content: space-between; height: 176px }
#headerlogo { width: clamp(320px, calc(19.286vw + 111.71px), 482px); margin: clamp(32px, calc(5.238vw + -24.57px), 76px) 0 0 clamp(32px, calc(5.833vw + -31px), 81px) }
#headerlogo img { max-width: 100% }
#headericons { display: flex; justify-content: flex-end; column-gap: 27px; margin: 54px 142px 0 0 }
#headericons a { transition: .3s }
#headericons a:hover { opacity: .72 }
#containermainvisual { margin-top: -176px; background: url(../img/common/back01.jpg) center top / 100% no-repeat }
#mainvisual { margin-top: clamp(160px, calc(14.286vw + 5.71px), 280px) }
#mainvisual img { max-width: 100% }
#mainvisualsmall { display: none }
#mainvisualscrollouter { margin: clamp(184px, calc(14.643vw + 25.86px), 307px) 0 0 clamp(24px, calc(1.19vw + 11.14px), 34px); display: flex; column-gap: 24px; align-items: center }
#mainvisualscroll { width: 4px; height: 112px; background-color: #243930; order: 1 }
#mainvisualscroll span { display: block; width: 4px; height: 45px; background-color: #bd6d0e; animation: myScrollDown 2s infinite; transition: .3s }
#mainvisualscrolltext { font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 700; color: #76765a; order: 2 }
#mainvisualmessage { margin-top: clamp(64px, calc(15.714vw + -105.71px), 196px); padding: 0 24px }
#mainvisualmessage h2 { font-family: 'Montserrat', sans-serif; font-size: clamp(88px, calc(7.143vw + 10.86px), 148px); color: #fff; text-align: center; letter-spacing: clamp(-8px, calc(-0.476vw + 1.14px), -4px); line-height: 1 }
#mainvisualmessage h2 span { display: inline-block; background: url(../img/common/back02.png) right top / clamp(56px, calc(3.214vw + 21.29px), 83px) clamp(71px, calc(4.048vw + 27.29px), 105px) no-repeat; padding: clamp(44px, calc(1.667vw + 26px), 58px) clamp(44px, calc(2.857vw + 13.14px), 68px) 0 }
#mainvisualmessage h3 { font-size: clamp(32px, calc(1.429vw + 16.57px), 44px); color: #603730; text-align: center; font-weight: 900; line-height: 1.5 }
#mainvisualmessage p { max-width: 1096px; margin: 52px auto 0; font-weight: 800; font-size: clamp(22px, calc(0.238vw + 19.43px), 24px); line-height: 2 }
#mainvisualmessagecards { display: flex; justify-content: space-between; max-width: 1284px; margin: 75px auto 0 }
.mainvisualmessagecard { width: 30.295% }
#mainvisualmessagecards img { max-width: 100% }
#mainvisualmessagecards dl { text-align: center; margin-top: 16px }
#mainvisualmessagecards dt { font-size: 24px; font-weight: 800; line-height: 1.6 }
#mainvisualmessagecards dd { font-family: 'Montserrat', sans-serif; font-size: 18px; color: #603730; line-height: 1.6; font-weight: 450 }
#containerpagetitle { margin-top: -176px; position: relative; z-index: -1 }
#containerpagetitle img { max-width: 100% }
#pagetitle { position: absolute; top: clamp(80px, calc(11.429vw + -43.43px), 176px); right: 0; left: 0; text-align: center; line-height: 1.4; text-shadow: 0 0 4px #d3d1ab, 0 0 4px #d3d1ab, 0 0 4px #d3d1ab, 0 0 4px #d3d1ab, 0 0 4px #d3d1ab, 0 0 4px #d3d1ab, 0 0 4px #d3d1ab, 0 0 4px #d3d1ab, 0 0 4px #d3d1ab, 0 0 4px #d3d1ab, 0 0 4px #d3d1ab, 0 0 4px #d3d1ab, 0 0 4px #d3d1ab, 0 0 4px #d3d1ab, 0 0 4px #d3d1ab, 0 0 4px #d3d1ab }
#pagetitle p { font-family: 'Montserrat', sans-serif; font-size: clamp(28px, calc(0.952vw + 17.71px), 36px); font-weight: 700 }
#pagetitle h2 { font-size: clamp(56px, calc(1.429vw + 40.57px), 68px); font-weight: 900 }
#containermysection0102 { margin-top: clamp(128px, calc(8.095vw + 40.57px), 196px); padding: 0 24px; background: url(../img/common/back03.jpg) center calc(100% - clamp(-170px, calc(-10.714vw + 35.71px), -80px)) / 100% no-repeat }
#mysection01 { max-width: 1284px; margin: 0 auto }
#mysection01 h2 { font-size: clamp(48px, calc(1.429vw + 32.57px), 60px); color: #603730; text-align: center }
#mysection01 h3 { margin-top: 6px; font-family: 'Montserrat', sans-serif; font-size: clamp(24px, calc(0.714vw + 16.29px), 30px); color: #fff; text-align: center; line-height: 1 }
#mysection01 p { max-width: 1096px; margin: clamp(40px, calc(1.071vw + 28.43px), 49px) auto 0; font-weight: 800; font-size: clamp(22px, calc(0.238vw + 19.43px), 24px); line-height: 2 }
#mysection01cards { display: flex; justify-content: space-between; margin-top: clamp(40px, calc(1.905vw + 19.43px), 56px) }
.mysection01card { width: 47.274% }
.mysection01card img { max-width: 100% }
.mysection01card ul { list-style-image: url(../img/common/back04.png); margin: clamp(32px, calc(1.31vw + 17.86px), 43px) 0 0 41px }
.mysection01card li { padding-left: 8px; font-size: clamp(20px, calc(0.238vw + 17.43px), 22px); font-weight: 800 }
.mysection01card li:not(:first-of-type) { margin-top: 7px }
#mysection02 { max-width: 1667px; margin: 120px auto 0; position: relative; z-index: 1 }
#mysection02titleouter { position: relative }
#mysection02titleimg img { max-width: 100% }
#mysection02title { position: absolute; bottom: clamp(32px, calc(4.405vw + -15.57px), 69px); left: clamp(56px, calc(15.714vw + -113.71px), 188px) }
#mysection02title p { font-family: 'Montserrat', sans-serif; font-size: clamp(24px, calc(0.714vw + 16.29px), 30px); color: #000; font-weight: 700 }
#mysection02title h2 { display: flex; align-items: center; column-gap: clamp(24px, calc(1.905vw + 3.43px), 40px); color: #fff }
#mysection02title h2 span:nth-of-type(1) { font-size: clamp(48px, calc(1.429vw + 32.57px), 60px) }
#mysection02title h2 span:nth-of-type(2) { font-size: clamp(28px, calc(0.952vw + 17.71px), 36px); letter-spacing: clamp(0, calc(0.357vw + -3.86px), 3px) }
#mysection02price { padding: 48px clamp(56px, calc(15.714vw + -113.71px), 188px); background: url(../img/common/back05.png); border-bottom-left-radius: clamp(72px, calc(9.286vw + -28.29px), 150px) }
#mysection02price table { width: 100%; background-color: #4b2a23 }
#mysection02price :is(th, td) { border: 1px solid rgba(255, 255, 255, .56); color: #fff; padding: 8px 16px; text-align: left }
#mysection03 { display: flex; margin-top: clamp(-170px, calc(-10.714vw + 35.71px), -80px); background-color: #121b20 }
.mysection03inner { width: 50%; position: relative }
.mysection03img img { max-width: 100% }
.mysection03text { position: absolute; top: clamp(192px, calc(39.643vw + -236.14px), 525px); right: clamp(56px, calc(4.524vw + 7.14px), 94px); left: clamp(56px, calc(4.524vw + 7.14px), 94px); color: #fff }
.mysection03text h2 { font-size: clamp(44px, calc(1.905vw + 23.43px), 60px); text-align: center; line-height: 1.3 }
.mysection03text h3 { font-family: 'Montserrat', sans-serif; font-size: clamp(24px, calc(0.714vw + 16.29px), 30px); text-align: center }
.mysection03text p { font-size: clamp(19px, calc(0.595vw + 12.57px), 24px); font-weight: 800; margin-top: clamp(16px, calc(0.952vw + 5.71px), 24px); line-height: 1.9 }
#mysection03banner { margin-top: clamp(-74px, calc(-4.048vw + 3.71px), -40px); text-align: center; padding: 0 56px; position: relative }
#mysection03banner img { max-width: 100%; transition: .3s }
#mysection03banner img:hover { transform: scale(.92) }
#mysection03banner span { display: inline-block; position: absolute; top: -32px; left: 50%; transform: translateX(-50%); padding: 0 8px; background: #f60; color: #fff; font-size: 88%; white-space: nowrap; border-radius: 4px; opacity: 0; pointer-events: none; transition: .3s }
#mysection03banner:hover span { opacity: 1 }
#containermysection04 { background-color: #121b20; padding: clamp(128px, calc(12.857vw + -10.86px), 236px) 0 clamp(184px, calc(10.238vw + 73.43px), 270px) }
#mysection04galleryouter h2 { font-family: 'Montserrat', sans-serif; font-size: clamp(48px, calc(1.429vw + 32.57px), 60px); color: #fff; font-weight: 700; text-align: center }
#mysection04gallery { margin-top: 4px; color: #fff }
#splide01 .splide__pagination { bottom: -40px }
#splide01 .splide__pagination__page { border-radius: 0; width: 40px; opacity: 1; background-color: #666 }
#splide01 .is-active { transform: scale(1); background: #fff }
#splide01 img { max-width: 100% }
#containermysection05 { background-color: #000 }
#splide02 img { max-width: 100% }
#mysection05 { display: flex; justify-content: space-between; max-width: 1474px; margin: 0 auto; padding: 120px 24px clamp(40px, calc(9.524vw + -62.86px), 120px) }
#mysection05map { width: 51.967% }
#mysection05map iframe { width: 100%; height: 100% }
#mysection05outer { width: 44.097% }
#mysection05inner { max-width: 480px; margin: 0 auto }
#mysection05inner h2 { font-family: 'Montserrat', sans-serif; font-weight: 700; color: #aeaea6; font-size: clamp(28px, calc(0.952vw + 17.71px), 36px); white-space: nowrap; display: flex; justify-content: center; align-items: center; column-gap: 16px }
#mysection05inner h2 span { flex-shrink: 0 }
#mysection05inner h2::before, #mysection05inner h2::after { content: ''; width: 118px; height: 7px; background-color: #5f372d }
#mysection05logo { margin-top: clamp(32px, calc(1.31vw + 17.86px), 43px); text-align: center }
#mysection05logo dt img { max-width: 100% }
#mysection05logo dd { color: #fff; font-size: 24px; font-weight: 900; margin-top: 2px }
#mysection05address { margin-top: clamp(40px, calc(1.548vw + 23.29px), 53px) }
.mybtn01 a { display: block; text-decoration: none }
.mybtn01inner { border: 1px solid rgb(174, 174, 166, .64); border-radius: 12px; padding: 8px; display: flex; justify-content: space-between; transition: .3s }
.mybtn01inner > div:nth-of-type(1) { color: #fff; font-size: clamp(20px, calc(0.238vw + 17.43px), 22px); font-weight: 900; line-height: 1.5; padding: 8px 16px; display: flex; align-items: center; column-gap: 8px }
.mybtn01inner > div:nth-of-type(1) i { font-size: 36px }
.mybtn01inner > div:nth-of-type(2) { width: 52px; position: relative }
.mybtn01inner > div:nth-of-type(2) span { display: flex; justify-content: center; align-items: center; background-color: #aeaea6; height: 100%; border-radius: 10px }
.mybtn01 a:hover .mybtn01inner { opacity: .72 }
#mysection05info { margin-top: clamp(24px, calc(1.429vw + 8.57px), 36px) }
#mysection05info dl { display: flex; color: #fff; font-size: clamp(20px, calc(0.238vw + 17.43px), 22px); font-weight: 900 }
#mysection05info dt { width: 136px }
#mysection05sns { margin-top: 42px }
#mysection05photo { margin-top: clamp(40px, calc(2.381vw + 14.29px), 60px) }
#mysection05photo img { max-width: 100% }
#containermysection06 { padding: clamp(160px, calc(9.524vw + 57.14px), 240px) 24px clamp(160px, calc(8.571vw + 67.43px), 232px); background-color: #000 }
#mysection06 { max-width: 1320px; margin: 0 auto; display: flex; justify-content: space-between; color: #fff }
#mysection06title p { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: clamp(48px, calc(1.429vw + 32.57px), 60px); line-height: 1 }
#mysection06title h2 { font-size: clamp(26px, calc(0.476vw + 20.86px), 30px) }
#mysection06news { width: 73.939% }
#mysection06news > div:not(:first-of-type) { margin-top: 16px }
#mysection06news a { display: block; text-decoration: none; color: #fff; background: url(../img/common/arrow02.png) calc(100% - 32px) center / 13px 13px no-repeat; transition: .3s }
#mysection06news a:hover { background-position: calc(100% - 24px) center; opacity: .8 }
#mysection06news dl { padding: clamp(16px, calc(0.357vw + 12.14px), 19px) 64px clamp(16px, calc(0.357vw + 12.14px), 19px) clamp(24px, calc(1.905vw + 3.43px), 40px); border: 1px solid #acacaa; border-radius: 12px; font-size: clamp(20px, calc(0.238vw + 17.43px), 22px); font-weight: 900 }
#mysection06news dt { color: #acacaa }
#mysection06news dd { padding-right: 0 }
#mysection07 { max-width: 932px; margin: 0 auto; padding: clamp(128px, calc(9.762vw + 22.57px), 210px) 0 clamp(128px, calc(12.619vw + -8.29px), 234px) }
#mysection07title { text-align: center }
#mysection07title p { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: clamp(104px, calc(5.476vw + 44.86px), 150px); color: #fff; line-height: 1 }
#mysection07title h2 { font-size: 30px; color: #603730 }
#mysection07info { margin-top: clamp(32px, calc(1.905vw + 11.43px), 48px); text-align: center; font-size: 18px }
#mysection07info dl { font-family: 'Montserrat', sans-serif; font-weight: 700; letter-spacing: 1px }
#mysection07info dt { font-size: 24px; line-height: 1 }
#mysection07info dt strong { font-size: 36px }
#mysection07info dd { font-size: 21px; margin-top: 5px }
#mysection07info p { margin-top: 15px }
#mysection07form { margin-top: clamp(64px, calc(5.357vw + 6.14px), 109px); padding: 0 109px; background: url(../img/common/back07.png) center bottom / 932px 49px no-repeat, url(../img/common/back07.png) center top / 932px 27px no-repeat, #94948c }
#mysection07form h3 { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 36px; color: #fff; text-align: center; background: url(../img/common/back06.png) center top / 64px 53px no-repeat; padding-top: 56px; margin-bottom: 40px }
.mycontactform01 { background-color: #c0c1bb; border-radius: 80px; padding: 20px 56px 20px 51px; position: relative; margin-bottom: 16px }
.mycontactform01:has(textarea) { border-radius: 32px }
.mycontactform01::after { position: absolute; top: 20px; right: 22px; content: '※'; color: #fff; background-color: #5c362b; border-radius: 50%; padding: 7px; line-height: 1 }
.mycontactform02 { border: 2px solid #c0c1bb; border-radius: 80px; padding: 18px 54px 18px 49px; margin-bottom: 16px }
#mysection07form :is(input[type='text'], textarea) { width: 100%; border: none; background-color: transparent; outline: none; font-family: 'Noto Sans JP', sans-serif; font-weight: 600; color: #000; font-size: 18px }
#mysection07form :is(input[type='text'], textarea)::placeholder { color: #000 }
#mysection07form :is(input[type='text'], textarea):focus::placeholder { opacity: .24 }
#mysection07formpersonal { height: 385px; background-color: #2e2e2c; color: #fff; overflow-y: scroll; padding: 40px 32px; border-radius: 32px; line-height: 1.5 }
#mysection07formpersonal h4 { text-align: center; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 24px }
#mysection07formpersonal h5 { text-align: center; font-size: 18px; font-weight: 700 }
#mysection07formpersonal p { margin-top: 24px; font-size: 92% }
#mysection07formpersonal ol { margin: 24px 0 0 24px; font-size: 92% }
#mysection07formpersonal li:not(:first-of-type) { margin-top: 8px }
#mysection07formcheck { margin-top: 16px; text-align: center }
#mysection07formcheck span { display: inline-block; padding: 20px 32px; border-radius: 80px; background-color: #c0c1bb; font-weight: 700 }
#mysection07formcheck label { cursor: pointer }
#mysection07formcheck checkbox { cursor: pointer }
#mysection07formsubmit { margin-top: 32px; text-align: center }
#mysection07formsubmit input[type='submit'] { padding: 33px 179px; color: #fff; font-weight: 900 !important; font-size: 24px; background-color: #603731; cursor: pointer; border: none; transition: .3s; border-top-right-radius: 40px; border-bottom-left-radius: 40px }
#mysection07formsubmit input[type='submit']:disabled { cursor: not-allowed; opacity: .4 }
#mysection07formsubmit input[type='submit']:not(:disabled):hover { opacity: .8 }
#maincontents { padding: 0 24px }
#containerposts { max-width: 1312px; margin: 16px auto 64px; padding: 56px 72px; background-color: #fff; border-radius: 16px }
#myarchives { display: flex; flex-wrap: wrap; gap: 24px 1.97% }
.myarchive { width: 32.02%; border: 1px solid #ccc; border-radius: 8px; transition: .3s }
.myarchive:hover { opacity: .72; border-color: #f60 }
.myarchive a { display: block; padding: 16px; text-decoration: none }
.myarchivethum img { max-width: 100% }
.myarchivedate { margin-top: 8px; font-family: 'Montserrat', sans-serif; color: #888; font-size: 92%; font-weight: 500; letter-spacing: 1px }
.myarchivetitle { font-size: 112%; font-weight: 800; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden }
.myarchiveexcerpt { margin-top: 4px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #333; font-size: 94% }
.blogpagination { margin-top: 40px; display: flex; justify-content : center; align-items: center; column-gap: 8px }
.blogpagination a { text-decoration: none; display: inline-block; padding: 0 8px; border-radius: 4px; transition: .3s; background-color: #333; color: #fff }
.blogpagination a:hover { opacity: .64 }
.blogpagination .current { font-weight: 900 }
.mysinglemaincategory { font-size: 92%; color: #888 }
#mysinglepost h2 { margin-top: 24px; border-bottom: 4px solid #eee; padding-bottom: 12px; font-size: clamp(28px, calc(0.238vw + 25.43px), 30px); line-height: 1.4; font-weight: 800 }
.mysinglemaindate { margin-top: 8px; font-family: 'Montserrat', sans-serif; color: #888; font-weight: 500; letter-spacing: 1px }
.mysinglearticle { margin-top: 32px }
.mysinglearticle p + p { margin-top: 24px }
.mysinglepager { margin-top: 40px; display: flex; justify-content: center; column-gap: 24px }
.mysinglepager a { text-decoration: none; display: inline-block; padding: 0 8px; border-radius: 4px; transition: .3s; background-color: #333; color: #fff }
.mysinglepager a:hover { opacity: .64 }
footer { background-color: #fff; margin-bottom: 62px; padding: clamp(80px, calc(4.762vw + 28.57px), 120px) 24px clamp(80px, calc(5.238vw + 23.43px), 124px) }
#footer { display: flex; justify-content: space-between; align-items: flex-end; max-width: 1660px; margin: 0 auto }
#footerinfo { font-weight: 700; font-size: 16px; line-height: 1.4; letter-spacing: 1px }
#footerlogo img { max-width: 100% }
#footerlogo dd { margin-top: 8px }
#footeraddress { margin-top: 40px; background: url(../img/common/back08.png) left top / 18px 24px no-repeat; padding-left: 28px }
#footerphone { margin-top: 20px }
#footerright { text-align: right }
#footersns a { text-decoration: none }
#footersns i { font-size: 28px }
#footercopy { margin-top: 12px; font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 14px; letter-spacing: .2px }
#mymodal dl { line-height: 1.5; text-align: center }
#mymodal dt { font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 13px }
#mymodal dd { font-weight: 700; font-size: 20px }
#mymodal nav div:not(:first-of-type) { margin-top: 12px; padding-top: 12px; border-top: 1px solid #444 }
.largetac { text-align: center }
#pt { position: fixed; bottom: 0; right: 0; display: none; width: 72px; height: 72px; opacity: 0; transition: .5s }
#pt a { display: block; height: 100%; color: #fff; text-decoration: none; background-color: #000 }
#pt span { height: 100%; display: flex; justify-content: center; align-items: center }
#pt i { font-size: 24px }
}

@media (min-width: 1921px) { 
#mymodalhambergerouter { right: calc(50% - 921px) }
.noscroll #mymodalhambergerouter { right: calc(50% - 921px + var(--mypadding)) }
#pt { right: calc(50% - 960px) }
}


/* spでのフォーム崩れ対策 */
@media (max-width: 767px) { 
	#mysection07formcheck span {
	margin: 0;
	padding: 0;
	border-radius: 0;
	background-color: transparent;
	}
	#mysection07formsubmit input[type='submit']:disabled {
	display: block;
	margin-right: auto;
	margin-left: auto;
	}
}


/* スマホ用br */
.br_sp {
display: none;
}
@media (max-width:767px) {
	.br_sp {
	display: block;
	}
}