@font-face{ font-family: "dnp-shuei-mincho-pr6n", sans-serif; font-weight: 400; font-style: normal;}
@font-face{ font-family: "dnp-shuei-mincho-pr6n", sans-serif; font-weight: 600; font-style: normal;}

a { text-decoration:none; color: #4d4d4d; }
a:hover { text-decoration:none; color: #AEAEAE; }
@media screen and (min-width: 600px){
a[href^="tel:"]{ pointer-events: none; }
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
svg{ display:block; position: absolute; height: 100%; width: 100%; top:0; left:0;}
div{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
h1, h2{ margin: 0 0; padding: 0 0; }
small{ color: #fff; }

body{ margin: 0 0; padding: 0 0; width: 100%; height: 100%; background-color: rgba(255,255,255,1); font-family: "dnp-shuei-mincho-pr6n", "sans-serif"; font-weight: 400; font-style: normal; text-align: left; color: rgba(51,41,38,1); -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -o-text-size-adjust: 100%; text-size-adjust: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}
img{ border: 0; vertical-align: bottom; line-height: 0;}
html{ font-size: 62.5%; line-height: 1rem; font-weight: normal; height: 100%; scroll-behavior: smooth; }

.clear {clear: both; width: 100%; border: 0px; height: 1px;}
.nowrap { white-space: nowrap;}
#main { margin: 3.7rem auto 0 auto; padding: 0 3.7rem; max-width: 1084px; background-color: rgba(255,255,255,1); text-align: center; overflow: hidden; }
@media screen and (max-width: 600px){
#main { margin: 2rem auto 0 auto;  padding: 0 1rem;}
}
#footer { margin: 0 0; padding: 2rem 0; max-width: 100%; background-color: rgba(51,41,38,1); overflow: hidden; }
#footer-enter { margin: 0 auto; padding: 0 2rem; max-width: 1084px; text-align: center; overflow: hidden; }

.font01 { font-family: "dnp-shuei-mincho-pr6n", "sans-serif"; font-weight: 400; font-style: normal; font-size: 1.6rem;}
.font02 { font-family: "dnp-shuei-mincho-pr6n", "sans-serif"; font-weight: 600; font-style: normal; font-size: 1.6rem;}
.font03 { font-family: "dnp-shuei-mincho-pr6n", "sans-serif"; font-weight: 400; font-style: normal; font-size: clamp(1.8rem, 0.656rem + 1.25vw, 2.6rem);}
.font04 { font-family: "dnp-shuei-mincho-pr6n", "sans-serif"; font-weight: 400; font-style: normal; font-size: clamp(2.7rem, 1.16rem + 1.41vw, 3.6rem);}
.font05 { font-family: "dnp-shuei-mincho-pr6n", "sans-serif"; font-weight: 400; font-style: normal; font-size: 1.4rem;}
.font06 { font-family: "dnp-shuei-mincho-pr6n", "sans-serif"; font-weight: 400; font-style: normal; font-size: clamp(3.5rem, 1.398rem + 6.14vw, 9.6rem);}
.font07 { font-family: "dnp-shuei-mincho-pr6n", "sans-serif"; font-weight: 400; font-style: normal; font-size: clamp(1.6rem, 0.783rem + 1.09vw, 2.6rem);}
.font08 { font-family: "dnp-shuei-mincho-pr6n", "sans-serif"; font-weight: 400; font-style: normal; font-size: 1.8rem;}
.font09 { font-family: "dnp-shuei-mincho-pr6n", "sans-serif"; font-weight: 400; font-style: normal; font-size: 4.2rem;}
.font10 { font-family: "dnp-shuei-mincho-pr6n", "sans-serif"; font-weight: 600; font-style: normal; font-size: 1.8rem;}
.font11 { font-family: "dnp-shuei-mincho-pr6n", "sans-serif"; font-weight: 400; font-style: normal; font-size: clamp(10rem, 5.682rem + 2.84vw, 12.5rem);}
.font12 { font-family: "dnp-shuei-mincho-pr6n", "sans-serif"; font-weight: 400; font-style: normal; font-size: 1.2rem;}
.font13 { font-family: "dnp-shuei-mincho-pr6n", "sans-serif"; font-weight: 400; font-style: normal; font-size: 2.9rem;}
.font14 { font-family: "dnp-shuei-mincho-pr6n", "sans-serif"; font-weight: 400; font-style: normal; font-size: clamp(10rem, 5.234rem + 1.96vw, 10.8rem);}
.font15 { font-family: "dnp-shuei-mincho-pr6n", "sans-serif"; font-weight: 400; font-style: normal; font-size: clamp(2.0rem, 0.455rem + 1.59vw, 2.7rem);}
.font16 { font-family: "dnp-shuei-mincho-pr6n", "sans-serif"; font-weight: 400; font-style: normal; font-size: clamp(3.0rem, 0.739rem + 2.27vw, 4.0rem);}
.font17 { font-family: "dnp-shuei-mincho-pr6n", "sans-serif"; font-weight: 600; font-style: normal; font-size: clamp(2.0rem, 0.455rem + 1.59vw, 2.7rem);}
.font18 { font-family: "dnp-shuei-mincho-pr6n", "sans-serif"; font-weight: 400; font-style: normal; font-size: 2.6rem;}
.font19 { font-family: "dnp-shuei-mincho-pr6n", "sans-serif"; font-weight: 600; font-style: normal; font-size: clamp(3.5rem, 0.293rem + 4.22vw, 5.7rem);}
.font20 { font-family: "dnp-shuei-mincho-pr6n", "sans-serif"; font-weight: 600; font-style: normal; font-size: clamp(3.0rem, 0.739rem + 2.27vw, 4.0rem);}
.font21 { font-family: "dnp-shuei-mincho-pr6n", "sans-serif"; font-weight: 600; font-style: normal; font-size: clamp(1.6rem, 0.766rem + 0.63vw, 2rem);}
.lingheight01 { line-height: 3.4rem;}
.lingheight02 { line-height: 4.5rem;}
.lingheight03 { line-height: 5rem;}
.lingheight04 { line-height: 1.8rem;}
.lingheight05 { line-height: 1rem;}
.lingheight06 { line-height: 2.5rem;}
.lingheight07 { line-height: 1.3rem;}
.lingheight08 { margin: 0 0.5rem; vertical-align: -220%;}
.lingheight11 { line-height: 3rem;}
.lingheight12 { line-height: 2.2rem;}
.lingheight13 { line-height: 3.9rem;}
.lingheight14 { line-height: 0.5rem;}
.lingheight15 { line-height: 3.9rem;}
.lettrespace01 { letter-spacing: 0.3rem;}
.lettrespace02 { letter-spacing: 0.1rem;}
.color01 { color: rgba(51,41,38,1);}
.color02 { color: rgba(255,255,255,1);}
.color03 { color: rgba(51,41,38,0.1);}
.color04 { color: rgba(253,141,62,1);}
.color05 { color: rgba(51,41,38,0.5);}
.text-style { font-style: oblique;}
.text-style02 { text-decoration: underline;}
.magin01 { margin: 1rem 0 0.2rem 0; padding: 0 0;}
.magin02 { margin: 0 0; padding: 0 0 0.5rem 0;}
.bg01 { margin: 0 0; padding: 0.5rem; background-color: rgba(253,141,62,1);}
.bg02 { margin: 0 0; padding: 0.5rem; background-color: rgba(51,41,38,1); }
.bg03 { margin: 0 0; padding: 0.5rem; background-color: rgba(51,41,38,0.2);}
.bg04 { background-color: rgba(255,255,255,1);}

@media screen and (max-width: 800px){
.lingheight01 { line-height: 3rem;}
.lingheight02 { line-height: 3.4rem;}
.lingheight03 { line-height: 4.8rem;}
.lingheight04 { line-height: 1.5rem;}
.lingheight11 { line-height: 2.8rem;}
.lingheight13 { line-height: 3rem;}
}
@media screen and (max-width: 600px){
.lingheight01 { line-height: 2.8rem;}
.lingheight03 { line-height: 4rem;}
.lingheight06 { line-height: 2rem; }
}
ol { margin: 0; padding: 0;}
ol li.one{ list-style: none; padding-left: 1.5em; text-indent: -1.4em;}
ul { margin: 0 0; padding: 0 0;}
ul li.two{ margin: 0; padding: 0 0 1rem 0; list-style: none;}
ul li.three{margin: 0; padding: 0 0; list-style: none;}
ul#flex { margin: 0 0; padding: 2rem 0; display: flex; list-style: none;}
ul#flex li.date{ margin: 0 0; padding: 0 0;}
ul#flex li.data{ margin: 0 0; padding: 0 0;}
@media screen and (max-width: 600px){
ul#flex { margin: auto; flex-direction: column; align-items: center;}
ul#flex li.date{ margin: 0 auto; display: inline-block;}
ul#flex li.data{ margin: 0 auto; display: inline-block;}
}

/* 点滅 */

.blinking{ -webkit-animation:blink 1.5s ease-in-out infinite alternate; -moz-animation:blink 1.5s ease-in-out infinite alternate; animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{ 0% {opacity:0;} 100% {opacity:1;}
}
@-moz-keyframes blink{ 0% {opacity:0;} 100% {opacity:1;}
}
@keyframes blink{ 0% {opacity:0;} 100% {opacity:1;}
}

#logo { margin: 0 auto; padding: 2rem 0 0 0; text-align: left; width: 30%; max-width: 301px; filter: drop-shadow(0px 0px 6px rgba(255, 255, 255, 1)); transform: translateZ(0); z-index: 3; position: absolute;}
#logo a{ display: block; }
#logo02 { margin: 1rem 0 0 0; padding: 0 0; text-align: left; width: 45%; max-width: 134px; filter: drop-shadow(0px 0px 6px rgba(255, 255, 255, 1)); transform: translateZ(0);}
#logo02 a{ display: block; }
#logo03 { margin: 0 0; padding: 0 0 0.5rem 0; text-align: left; width: 80%; max-width: 700px; }
#logo03 img{ width: 100%; }
#logo04 { margin: 0 0; padding: 0 0 2rem 0; text-align: left; width: 80%; max-width: 297px; }
#logo04 img{ width: 100%; }
@media screen and (max-width: 600px){
#logo { display:  none;}
#logo02 { display:  none;}
}
@media screen and (max-width: 800px){
#logo04 { margin: 0 auto; text-align: center;}
}
@media screen and (min-width: 600px) {
#logo03 { display:  none;}
}

#webwide { margin: 0 0; padding: 0 0; width: 100%; text-align: center; position: relative;  }
#spwide { margin: 0.5rem 0 0 0; padding: 0 0; width: 100%; text-align: center; position: relative;}
@media screen and (max-width: 600px){
#webwide { display:  none;}
}
@media screen and (min-width: 600px) {
 #spwide  { display:  none;}
}

.Inner {margin-left: auto;margin-right: auto;width: 100%;display: flex;flex-direction: column;
}
.Inner-Card {margin-top: 0px;width: 100%;
}
.Inner-Card-Wrapper {display: flex;
}
.Inner-Card-Wrapper-Slide {width: 100%!important;/*スライドの横幅*/
}
@media screen and (max-width: 600px){width: 100%!important;/*スライドの横幅*/
}
.Inner-Card-Wrapper-Slide-Item {position: relative;width: 100%;
}
.Inner-Card-Wrapper-Slide-Item-ImgBox {width: 100%;
}
.Inner-Card-Wrapper-Slide-Item-ImgBox-Img {width: 100%;padding-top: 70%;/*スライドの縦横比*/
}
@media screen and (max-width: 600px){
.Inner-Card-Wrapper-Slide-Item-ImgBox-Img {width: 100%;padding-top: 110%;/*スライドの縦横比*/
}
}
/* fb */
/* スマホ用 */
/* PCでは横幅500pxで表示 */
.fb-wrap{
/* 以下2行は不要かも */
max-width: 500px; width: 100%;  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; border: 1px dotted #999; display: block; }

/* 896px以下は横幅100%、中央寄せ*/
@media screen and (max-width: 1000px) {
 .fb-wrap{width: 100%;text-align: center !important;margin: 0 auto !important;}
.fb-page {text-align: center !important;margin: 0 auto !important;}
}


#top-text { margin: 0 0; padding: 2.5rem; width: 70%; max-width: 469px; height: auto; background: rgba(51,41,38,0.8); text-align: center; position: absolute; top: 78%; z-index: 3;}
#top-bg { margin: 2rem 0 2rem auto; padding: 0 0 0 5rem; width: 95%; height: auto; background: url("../_img/top_wide02.jpg") bottom center; background-size: cover;}
#top-text02 { margin: 0 0 0 auto; padding: 3rem 0 3rem 0; width: 100%; height: auto; background: linear-gradient(-90deg, rgba(255, 255, 255, 1)30%, rgba(255, 255, 255, 0)70%); text-align: right;}
#top-bg02 { margin: 3rem 0 1rem auto; padding: 0rem 0 4rem 0;  height: auto; background-image: url("../_img/arrow01.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; text-align: right; display: inline-block;}
@media screen and (max-width: 900px) {
#top-text02 { background: linear-gradient(-90deg, rgba(255, 255, 255, 1)50%, rgba(255, 255, 255, 0)100%);}
}
@media screen and (max-width: 900px) {
#top-text02 { padding: 15rem 0 3rem 0;}
}
@media screen and (max-width: 600px) {
#top-text { margin: 0 0; padding: 1.5rem; max-width: 320px; top:70%; left:10; transform: translate(-70%, -10);}
#top-bg { margin: 2rem 0 2rem auto; padding: 0 0;}
#top-text02 { padding: 4rem 0 3rem 0; width: 100%; background: rgba(255, 255, 255, 1);}
}
@media screen and (max-width: 450px) {
#top-text { width: 95%;}
#top-text02 { padding: 8rem 0 3rem 0;}
}

#contents-box01 { margin: 13rem 0 5rem 0; padding: 0 0; width: 100%; height: auto; text-align: center;}
#contents-box02 { margin: 8rem 0 0 0; padding: 0 0; width: 100%; height: auto; text-align: center;}
#contents-box03 { margin: 13rem 0 5rem 0; padding: 2rem; width: 100%; height: auto; background: url("../_img/box-bg01.jpg") repeat-x top, url("../_img/box-bg02.jpg") repeat-x bottom; text-align: center;}
#contents-box04 { margin: 0 0 5rem 0; padding: 2rem 2rem 6rem 2rem; width: 100%; height: auto; background: url("../_img/box-bg03.jpg") repeat center; text-align: center;}
#contents-box05 { margin: 0 0 2rem 0; padding: 8rem 1rem 5rem 1rem; background-color: rgba(51,41,38,0.1); width: 100%; height: auto; text-align: center;}
#contents-box06 { margin: 0 0 5rem 0; padding: 0 0; width: 100%; height: auto;}
#contents-box06 img { max-width: 100%; height: auto;}
#text-box01 { margin: 5rem 0 0 0; padding: 0 0; width: 100%; height: auto; text-align: center;}
#text-box02 { margin: -1% 0 0 0; padding: 0 0; width: 100%; height: auto; text-align: center;}
#text-box03 { margin: 6rem auto 2rem auto; padding: 0 0; width: 90%; height: auto; text-align: justify;}
#text-box04 { margin: 2rem auto; padding: 0 0; width: 90%; height: auto; text-align: right;}
#text-box05 { margin: 2rem auto; padding: 0 0; width: 90%; height: auto; text-align: justify;}
#text-box06 { margin: -2% 0 0 0; padding: 0 0; width: 100%; height: auto; text-align: center;}
#text-box07 { margin: 0 0; padding: 1rem 0; width: 100%; height: auto; text-align: left;}
#text-box08 { margin: 0 0; padding: 1rem 0 1rem 2rem; width: 100%; height: auto; text-align: left;}
#text-box09 { margin: 0 0; padding: 0.5rem 0 0.5rem 2rem; width: 100%; height: auto; text-align: left;}
#text-box10 { margin: 5rem 0 0 0; padding: 0 0; width: 100%; height: auto; text-align: center;}
#text-box11 { margin: 0 0; padding: 0 0; width: 100%; height: auto;}
#text-box12 { margin: 0 0; padding: 0 0 0 1rem; width: 100%; height: auto;}
#text-box13 { margin: 6rem 0 0 0; padding: 0 0; width: 100%; height: auto; text-align: center;}
@media screen and (max-width: 800px) {
#text-box03 { margin: 4rem auto 2rem auto;}
#text-box06 { margin: -3% 0 0 0;}
}
@media screen and (max-width: 600px) {
#contents-box01 { margin: 4rem 0 0 0;}
#contents-box03 { margin: 8rem 0 0 0;}
#text-box03 { margin: 2rem auto;}
#text-box06 { margin: -3% 0 0 0;}
#text-box10 { margin: 1rem 0 0 0;}
#text-box11 { margin: 0 auto; padding: 0 0; text-align: center;}
#text-box12 { margin: 0 auto; padding: 1rem 0 0 0; text-align: center;}
}

#flame01 { margin: 0 0; padding: 0 0; width: 100%; position: relative; display: flex; text-align: center; border: solid rgba(51,41,38,1); border-width: 1px 0 1px 0;}
#flame02 { margin: 2rem 0; padding: 0 0; width: 100%; position: relative; display: flex; gap: 1rem; text-align: center; border: solid rgba(51,41,38,1); border-width: 0 0;}
#flame03 { margin: 0 0; padding: 1rem 0; width: 100%; text-align: right;}
#flame04 { margin: 2rem 0; padding: 0 0; width: 100%; position: relative; display: flex; flex-wrap: wrap; gap: 1em; text-align: center; border: solid rgba(51,41,38,1); border-width: 0 0 0 0;}
#flame05 { margin: 4rem auto 0 auto; padding: 40 0 4rem 0; width: 90%; max-width: 740px; text-align: center; border: solid rgba(51,41,38,1); border-width: 1px 0 0 0;}
#flame06 { margin: 0 0; padding: 0 0; width: 100%; position: relative; display: flex; gap: 1em; text-align: center;}
#flame07 { margin: 2rem 0; padding: 0 0; width: 100%; position: relative; display: flex; gap: 2em; text-align: center;}
#flame08 { margin: 1rem auto 0 auto; padding: 0 0; text-align: center; display: inline-block; overflow: hidden;}
#flame09 { margin: 1rem auto; padding: 0 0; position: relative; display: flex; flex-wrap: wrap; gap: 0em; text-align: center;}
#shop01 { margin: 0 0; padding: 4rem; width: 50%; text-align: justify; border: solid rgba(51,41,38,1); border-width: 0 1px 0 0;}
#shop02 { margin: 0 0; padding: 4rem; width: 50%; text-align: justify; border: solid rgba(51,41,38,1); border-width: 0 0;}
#shopflame01 { margin: 0 auto; padding: 0 0; width: 100%; height: auto; text-align: center;}
#shopcarrierflame { margin: 2rem 0 0 0; padding: 2rem; width: 100%; height: auto; background-color: rgba(51,41,38,0.1); text-align: center;}
#shopimages { margin: 0 0; padding: 0 0; width: 50%; text-align: justify;}
#shopimages img { max-width: 100%; height: auto;}
#castflame { margin: 1rem auto; padding: 0 1rem; width: 18%; height: auto; text-align: center; flex-basis: auto;}
#castflame02 { margin: 0 auto; padding: 5rem 0; width: 100%; text-align: center; border: solid rgba(51,41,38,1); border-width: 0 0 1px 0;}
#castflame03 { margin: 0 auto; padding: 5rem 0; width: 100%; text-align: center; border: solid rgba(51,41,38,1); border-width: 0 0 0 0;}
#castflame03 img { max-width: 100%; height: auto;}
#cast01 { margin: 0 auto; padding: 0 0; width: 100%; height: auto; text-align: center;}
#cast01 a:hover{ display: block; opacity: 0.5;}
#castimages { margin: 1rem auto; padding: 0 0; width: 85%; max-width: 454px; height: auto; border-radius: 50%; overflow: hidden;}
#castimages img { max-width: 100%; height: auto;}
#castbutton { margin: 1rem auto; padding: 0 0; width: 100%; max-width: 435px; height: auto; text-align: right; display: table; overflow: hidden; vertical-align: bottom; overflow: hidden;}
#castbutton img { max-width: 100%; height: auto;}
#column01 { margin: 0 0; padding: 0 0; width: 50%; text-align: justify; position: relative;}
#column01 img { max-width: 100%; height: auto;}
#columntitle01 { margin: 0 0; padding: 0 0; width: 100%; height: auto; border: solid rgba(51,41,38,1); border-width: 1px 0 0 1px;}
#columntitleentertop { margin: 0 0; padding: 3.5rem 0 0 3rem; width: 100%;}
#columntitleenterbottom { margin: 0 0 1rem 0; padding: 0 0 1rem 0; width: 100%; height: auto; position: absolute; left: 0; bottom: 0; border: solid rgba(51,41,38,1); border-width: 0 0 1px 0;}
#columntitleenterbottom02 { margin: 1rem 0; padding: 1rem 0; width: 100%; height: auto; text-align: left; border: solid rgba(51,41,38,1); border-width: 0 0 1px 0;}
#schedule01 { margin: 0 auto; padding: 0 0; width: 50%; text-salign: justify; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}
#schedule02 { margin: 0 auto; padding: 0 0 2rem 0; width: 100%; text-salign: justify; background: url("../_img/arrow02.jpg") no-repeat bottom left;}
#schedule03 { margin: 0.5rem 0 0 auto; padding: 0 0; text-salign: right;}
#schedule04 { margin: 0 auto 0 0; padding: 0 0; text-salign: left;}
#schedule05 { margin: 1rem auto; padding: 0 0; height: auto; text-align: center;}
#schedule06 { margin: 0 auto; padding: 0 0; background-color: rgba(51,41,38,0.1); width: 14rem; height: 14rem; text-align: center; border-radius: 50%; position: relative;}
#schedule07 { position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); justify-content: center; white-space: nowrap;}
#shoplogo { margin: 0 auto; padding: 0 0; text-align: center; max-width: 100%; height: auto; object-fit: cover;}
#shoplogo img { max-width: 100%; height: auto;}
#shoplogo02 { margin: 0 auto; padding: 0 0; text-align: center; max-width: 100%; height: auto; object-fit: cover;}
#shoplogo02 img { max-width: 100%; height: auto;}
#shoplogo03 { margin: 0 auto; padding: 0 0; text-align: center; max-width: 100%; height: auto; object-fit: cover;}
#shoplogo03 img { max-width: 100%; height: auto;}
#shopname { margin: 0 auto; padding: 0.5rem; background-color: rgba(51,41,38,1); text-align: center; max-width: 100%; height: auto;}
@media screen and (max-width: 600px){
#flame06 { flex-direction: column; gap: 0em;}
#flame07 { flex-direction: column; gap: 0em;}
#column01 { width: 100%;}
#schedule01 { width: 100%;}
#castflame { display: none;}
#columntitle01 { margin: 0 0; padding: 0 0 5rem 0;}
#columntitleenterbottom { display: none;}
}
@media screen and (max-width: 800px){
#castflame  { width: 30%;}
#castimages {width: 80%;}
#flame01 { width: 100%; display: block;}
#shop01{ padding: 4rem 2rem; width: 100%; border-width: 0 0 1px 0;}
#shop02{ padding: 4rem 2rem; width: 100%;}
#shoplogo { max-width: 410px;}
#shoplogo03 { max-width: 410px;}
#shoplogo02 { display: none;}
#schedule05 { width: 50%;}
}
@media screen and (max-width: 410px){
#shoplogo { max-width: 100%;}
#schedule06 { width: 12rem; height: 12rem;}
}
@media screen and (min-width: 800px) {
#shoplogo03 { display: none;}
}
@media screen and (min-width: 600px) {
#columntitleenterbottom02 { display: none;}
}

#catch01{ margin: 0 0 0 0; padding: 1rem 0 0 0; width: 100%; text-align: left;}
#catch02{ margin: -0.5% 0 2.5rem 0; padding: 0 0; text-align: left; max-width: 600px; top: 10%;}

table{ border-collapse: collapse; margin: 0 auto; width: 100%;}
.tb01 th,
.tb01 td{ padding: 1.5rem; text-align: justify;}
.tb01 th.chang01 { padding: 1rem; background: rgba(255,255,255,1);}


#pagelinkbutton01 { margin: -4rem 0 0 auto; padding: 0 0; width: 90%; max-width: 454px; text-align: right; z-index: 10;}
#pagelinkbutton02 { margin: -4rem auto 0 0; padding: 0 0; width: 90%; max-width: 454px; text-align: left; z-index: 10;}
#pagelinkbutton03 { margin: 0 auto; padding: 0 0 10rem 0; width: 100%; text-align: center;}
#pagelinkbutton04 { margin: 0 auto; padding: 0 0 1rem 0; width: 100%; text-align: center;}
#iconbox { margin: 0 auto; padding: 0 0; text-align: center;}
#iconbox img { max-width: 10%; height: auto;}
.btn a {
position: relative;
display: block;
margin: 0 0 0 auto;
border: solid rgba(51,41,38,1); border-width: 1px 1px 1px 1px;
width: 280px;
padding: 15px 0;
background-color: rgba(255,255,255,0.7);
text-decoration: none;
text-align: center;
}
.btn a:hover {
background-color: rgba(51,41,38,0.5);
color: rgba(255,255,255,1);
}
.btn02 a {
position: relative;
display: block;
margin: 0 auto 0 0;
border: solid rgba(51,41,38,1); border-width: 1px;
width: 280px;
padding: 15px 0;
background-color: rgba(255,255,255,0.7);
text-decoration: none;
text-align: center;
}
.btn02 a:hover {
background-color: rgba(51,41,38,0.5);
color: rgba(255,255,255,1);
}
.btn03 a {
position: relative;
display: block;
margin: 0 auto;
border: solid rgba(51,41,38,1); border-width: 1px;
width: 280px;
padding: 15px 0;
background-color: rgba(255,255,255,0.7);
text-decoration: none;
text-align: center;
}
.btn03 a:hover {
background-color: rgba(51,41,38,0.5);
color: rgba(255,255,255,1);
}
.btn04 a {
position: relative;
display: block;
margin: 0 auto;
border: solid rgba(51,41,38,1); border-width: 1px;
width: 280px;
padding: 15px 0;
background-color: rgba(253,141,62,1);
text-decoration: none;
text-align: center;
}
.btn04 a:hover {
background-color: rgba(253,141,62,0.7);
color: rgba(255,255,255,1);
}
/* アイコンのスタイル */
.btn-arrow-right a::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 15px;
width: 9px;
height: 9px;
margin: auto;
border-top: 2px solid rgba(253,141,62,1);
border-right: 2px solid rgba(253,141,62,1);
transform: rotate(45deg);
box-sizing: border-box;
}
.btn-arrow-white a::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 15px;
width: 9px;
height: 9px;
margin: auto;
border-top: 2px solid rgba(255,255,255,1);
border-right: 2px solid rgba(255,255,255,1);
transform: rotate(45deg);
box-sizing: border-box;
}
@media screen and (max-width: 600px){
.btn a { margin: 0 auto; width: 100%; max-width: 454px; overflow: hidden;}
.btn02 a { margin: 0 auto; width: 100%; max-width: 454px; overflow: hidden;}
.btn03 a { margin: 0 auto; width: 100%; overflow: hidden;}
.btn04 a { margin: 0 auto; width: 100%; overflow: hidden;}
#pagelinkbutton01 { margin: -4rem  auto 0 auto; padding: 0 0; width: 98%;}
#pagelinkbutton02 { margin: -4rem auto 0 auto; padding: 0 0; width: 98%;}
}

.arrow_box {
position: relative;
width: 95%; max-width: 1024px;
margin: 6rem auto 3rem auto;
padding: 2rem 2rem;
background: rgba(255,255,255,1);
border: solid rgba(51,41,38,1);
border-width: 1px 1px 0 1px;
}
.arrow_box:after, .arrow_box:before {
bottom: 100%;
left: 50%;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.arrow_box:after {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: rgba(255,255,255,1);
border-width: 30px;
margin-left: -30px;
}
.arrow_box:before {
border-color: rgba(0, 0, 0, 0);
border-bottom-color: rgba(51,41,38,1);
border-width: 31px;
margin-left: -31px;
}

.arrow_box02 {
position: relative;
margin: 2rem auto;
padding: 2rem 2rem;
background:  rgba(230,230,230,1);
border: solid rgba(51,41,38,1);
border-width: 1px 1px 1px 1px;
display: inline-block;
}
.arrow_box02:after, .arrow_box02:before {
top: 100%;
left: 50%;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.arrow_box02:after {
border-color: rgba(255, 255, 255, 0);
border-top-color: rgba(230,230,230,1);
border-width: 10px;
margin-left: -10px;
}
.arrow_box02:before {
border-color: rgba(0, 0, 0, 0);
border-top-color: rgba(51,41,38,1);
border-width: 11px;
margin-left: -11px;
}

.up {
position: fixed;
z-index: 90;
bottom: -100px;
right: 3%;
border-radius: 50%;
cursor: pointer;
}
.up span {
position: relative;
height: 50px;
width: 50px;
display: block;
border-radius: 50%;
box-shadow: 0 6px 17px -7px rgba(122, 132, 135, .1);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background: rgba(51,41,38,.2);
-webkit-transition: 0.7s cubic-bezier(0.33, 1, 0.68, 1);
transition: 0.7s cubic-bezier(0.33, 1, 0.68, 1);
}
@supports not (backdrop-filter: blur(30px)) {
.up span {background: rgba(255,255,255,.8);
}
}
@media all and (-ms-high-contrast: none) {
.up span {background: rgba(255,255,255,.8);
}
}
.up span:before, .up span:after {
content: "";
position: absolute;
top: 49%;
width: 32%;
height: 3px;
background: rgba(255,255,255,.5);
display: block;
border-radius: 12px;
}
.up span:before {
left: 24%;
-webkit-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg);
}
.up span:after {
right: 24%;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}
.up span:hover {
-webkit-transform: translateY(-5%);
transform: translateY(-5%);
box-shadow: 0 10px 20px -6px rgba(122, 132, 135, .3);
opacity: .95;
}