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


@font-face {
  font-family: 'Minion Variable';
  src: url('../font/MinionVariableConcept-Roman.otf') format('opentype');
}


/* Global ----------------------------------------------------------------- */
html {
	font-size: 14px;
	width: 100%;
	height: 100%;
	line-height: 1.8em;
}

body {
min-width: auto;
color: rgba(34,34,34,1.00);
font-family: 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: 'liga';
width: 100%;
height: 100%;
background: rgba(255,255,255,1.0);
position: relative;
}

a:link,
a:visited {
color: rgba(0,0,0,1.00);
text-decoration: none;
vertical-align: baseline;
transition: all 0.4s;
}
a:hover {
text-decoration: none;
color: rgba(167,167,167,1.00);
}


.sp-br {
	display: inline-block;
}
.pc-br {
	display: none;
}
.sp-block {
	display: block;
}
.pc-block {
	display: none;
}




@media print, screen and (min-width: 375px) {

}

@media print, screen and (min-width: 768px) {
.sp-br {
	display: none;
}
.pc-br {
	display: inline-block;
}
.sp-block {
	display: none;
}
.pc-block {
	display: block;
}

}

@media print, screen and (min-width: 1024px) {

}

@media print, screen and (min-width: 1200px) {

}

@media print, screen and (min-width: 1400px) {
}









/* Layout ----------------------------------------------------------------- */
article {
overflow: hidden;
}
section {
font-size: 13.5px;
line-height: 1.6em;
	position: relative;
}


/*
<section class="contents-block" id="paypay">
	<div class="contents-block-in">


		<div class="contents-box animation">
			<div class="cont-photo"><img src="images/paypay_img.jpg" alt="PayPayでお支払いをすると　PayPayポイント最大5％戻ってくる　PayPayクーポン" width="2000" height="1762" class="pc-block" loading="lazy"><img src="images/paypay_img_sp.jpg" alt="PayPayでお支払いをすると　PayPayポイント最大5％戻ってくる　PayPayクーポン" width="740" height="2048" class="sp-block" loading="lazy"></div>
		</div><!-- contents-box -->
*/
section img {
	height: auto;
	width: 100%;
	margin: 0px auto;
	display: block;
}
section.contents-block {
padding: 15% 0px;
overflow: hidden;
position: relative;
}
section .contents-block-in {
padding: 0px 15px;
margin: 0px auto;
position: relative;
z-index: 2;
}

.tophalf {
padding-top: 15px !important;
}
.bottomhalf {
padding-bottom: 15px !important;
}
.topzero {
padding-top: 0px !important;
}
.bottomzero {
padding-bottom: 0px !important;
}


.whiteback {
background-color: rgba(255,255,255,1.00) !important;
}
.gray-back {
background-color: rgba(245,245,245,1.00) !important;
}
.pink {
background-color: rgba(220,208,229,1.00) !important;
}


.container {
overflow: hidden;
}




.cont-text {
text-align: justify;
text-justify: inter-ideograph;
}
.cont-text p {
padding: 0em 0px 1.5em;
}
.cont-text p:last-child {
padding: 0px;
}
.cont-text a,
.kome-text a,
.default-table a {
text-decoration: underline !important;
color: rgba(0,0,0,1.00);
}



@media print, screen and (min-width: 375px) {
article {
}
section {
font-size: 14px;
line-height: 1.6em;
}
section.contents-block {
padding: 14% 0px;
}
section .contents-block-in {
padding: 0px 20px;
}

.tophalf {
padding-top: 17px !important;
}
.bottomhalf {
padding-bottom: 17px !important;
}


/*
.container.fixedheader {
  margin-top: 56px;
}
*/


#page-title-box {
padding: calc(17px + 56px) 0px 35px;
}

}



@media print, screen and (min-width: 768px) {
article {
}
section {
font-size: 14px;
line-height: 1.6em;
}
section.contents-block {
padding: 10% 0px;
}
section .contents-block-in {
padding: 0px 30px;
}


.tophalf {
padding-top: 25px !important;
}
.bottomhalf {
padding-bottom: 25px !important;
}


/*
.container.fixedheader {
	margin-top: 70px;
}
*/


.cont-catch-alphabet {
font-size: 9vw;
line-height: 1.4em;
letter-spacing: 0.05em;
}

#page-title-box {
padding: calc(25px + 70px) 0px 50px;
}

}



@media print, screen and (min-width: 1024px) {
article {
}
section {
font-size: 15px;
line-height: 1.7em;
}
section.contents-block {
padding: 7% 0px;
}
section .contents-block-in {
padding: 0px 35px;
max-width: 1000px;
}

.tophalf {
padding-top: 30px !important;
}
.bottomhalf {
padding-bottom: 30px !important;
}


/*
.container.fixedheader {
	margin-top: 80px;
}
*/


.cont-catch-alphabet {
font-size: 8vw;
line-height: 1.4em;
letter-spacing: 0.05em;
}

#page-title-box {
padding: calc(30px + 80px) 0px 60px;
}

}



@media print, screen and (min-width: 1200px) {
article {
}
section.contents-block {
padding: 7% 0px;
}


.tophalf {
padding-top: 35px !important;
}
.bottomhalf {
padding-bottom: 35px !important;
}


/*
.container.fixedheader {
	margin-top: 86px;	
}
*/


#page-title-box {
padding: calc(35px + 86px) 0px 70px;
}

}



@media print, screen and (min-width: 1400px) {

section.contents-block {
padding: 7% 0px;
}
section .contents-block-in {
padding: 0px;
}

.tophalf {
padding-top: 40px !important;
}
.bottomhalf {
padding-bottom: 40px !important;
}


}












/* Header ----------------------------------------------------------------- */

header {
text-align: center;
line-height: 1.0em;
z-index: 100;
width: 100%;
transition: all 0.3s;
padding: 0px;
background-color: rgba(255,255,255,1.00);
position: relative;
border-bottom: 1px solid rgba(179,216,111,1.00);
}
header .header-top-out {
width: 100%;
position: relative;
z-index: 1;
}
header img {
	height: auto;
	width: 100%;
	display: block;
}



header .header-top {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
header .header-top > li {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
header .header-top > li:first-child {
display: flex;
justify-content: center;
align-items: center;
order: 1;
padding: 0px 15px;
}
header .header-top > li:last-child {
border-bottom: 1px solid rgba(179,216,111,1.00);
padding: 5px 10px;
display: flex;
justify-content: flex-end;
align-items: center;
order: 0;
}
header .header-top > li:last-child a {
width: 34%;
}




/* facilities-box */
header .facilities-box {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 0px 0px 10px;
}
header .facilities-box > dd {
-ms-flex-preferred-size: 33.33%;
flex-basis: 33.33%;
display: flex;
justify-content: center;
align-items: center;
padding: 10px 0px 0px;
}
header .facilities-box > dd a {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
header .facilities-box > dd img {
width: 87%;
}


/*
header .facilities-box > dd:nth-child(1) {
-ms-flex-preferred-size: 35%;
flex-basis: 35%;
}
header .facilities-box > dd:nth-child(2) {
-ms-flex-preferred-size: 35%;
flex-basis: 35%;
}
header .facilities-box > dd:nth-child(3) {
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
}
header .facilities-box > dd:nth-child(4) {
-ms-flex-preferred-size: 35%;
flex-basis: 35%;
}
header .facilities-box > dd:nth-child(5) {
-ms-flex-preferred-size: 58%;
flex-basis: 58%;
}
*/

/* ステラ削除 */
header .facilities-box > dd:nth-child(1) {
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
}
header .facilities-box > dd:nth-child(2) {
-ms-flex-preferred-size: 40%;
flex-basis: 40;
}
header .facilities-box > dd:nth-child(3) {
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
}
header .facilities-box > dd:nth-child(4) {
-ms-flex-preferred-size: 58%;
flex-basis: 58%;
}






@media print, screen and (min-width: 375px) {

}





@media print, screen and (min-width: 768px) {
header .header-top > li:first-child {
padding: 0px 25px;
}
header .header-top > li:last-child {
padding: 8px 25px;
}
header .header-top > li:last-child a {
width: 25%;
max-width: 214px; 
}

/* facilities-box */
header .facilities-box {
padding: 0px 0px 14px;
width: 65%;
}
header .facilities-box > dd {
padding: 14px 0px 0px;
}
header .facilities-box > dd img {
width: 85%;
}

}




@media print, screen and (min-width: 1024px) {
header .header-top-out {
padding: 10px 0px;
}
header .header-top {
}
header .header-top > li {
}
header .header-top > li:first-child {
justify-content: flex-start;
-ms-flex-preferred-size: 80%;
flex-basis: 80%;
order: 0;
padding: 0px 0px 0px 25px;
}
header .header-top > li:last-child {
border: none;
padding: 0px 25px 0px 0px;
order: 1;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
}
header .header-top > li:last-child a {
width: 100%;
max-width: 214px;
}



/* facilities-box */
header .facilities-box {
padding: 0px;
width: 100%;
justify-content: flex-start;
}
header .facilities-box > dd {
-ms-flex-preferred-size: 16.66%;
flex-basis: 16.66%;
padding: 0px;
justify-content: flex-start;
}
header .facilities-box > dd img {
width: 80%;
}


/*
header .facilities-box > dd:nth-child(1) {
-ms-flex-preferred-size: 17.5%;
flex-basis: 17.5%;
}
header .facilities-box > dd:nth-child(2) {
-ms-flex-preferred-size: 17.5%;
flex-basis: 17.5%;
}
header .facilities-box > dd:nth-child(3) {
-ms-flex-preferred-size: 15%;
flex-basis: 15%;
}
header .facilities-box > dd:nth-child(4) {
-ms-flex-preferred-size: 17.5%;
flex-basis: 17.5%;
}
header .facilities-box > dd:nth-child(5) {
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
}
*/

/* ステラ削除 */
header .facilities-box > dd:nth-child(1) {
-ms-flex-preferred-size: 17.5%;
flex-basis: 17.5%;
}
header .facilities-box > dd:nth-child(2) {
-ms-flex-preferred-size: 17.5%;
flex-basis: 17.5%;
}
header .facilities-box > dd:nth-child(3) {
-ms-flex-preferred-size: 17.5%;
flex-basis: 17.5%;
}
header .facilities-box > dd:nth-child(4) {
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
}

}




@media print, screen and (min-width: 1400px) {
header .header-top-out {
padding: 15px 0px;
}



/* facilities-box */
header .facilities-box {
width: 100%;
}
header .facilities-box > dd img {
	width: calc(100% - 40px);
}

/*
header .facilities-box > dd:nth-child(1) {
-ms-flex-preferred-size:calc(172px + 40px);
flex-basis: calc(172px + 40px);
}
header .facilities-box > dd:nth-child(2) {
-ms-flex-preferred-size:calc(172px + 40px);
flex-basis: calc(172px + 40px);
}
header .facilities-box > dd:nth-child(3) {
-ms-flex-preferred-size:calc(135px + 40px);
flex-basis: calc(135px + 40px);
}
header .facilities-box > dd:nth-child(4) {
-ms-flex-preferred-size:calc(172px + 40px);
flex-basis: calc(172px + 40px);
}
header .facilities-box > dd:nth-child(5) {
-ms-flex-preferred-size:calc(232px + 40px);
flex-basis: calc(232px + 40px);
}
*/

/* ステラ削除 */
header .facilities-box > dd:nth-child(1) {
-ms-flex-preferred-size:calc(172px + 40px);
flex-basis: calc(172px + 40px);
}
header .facilities-box > dd:nth-child(2) {
-ms-flex-preferred-size:calc(172px + 40px);
flex-basis: calc(172px + 40px);
}
header .facilities-box > dd:nth-child(3) {
-ms-flex-preferred-size:calc(172px + 40px);
flex-basis: calc(172px + 40px);
}
header .facilities-box > dd:nth-child(4) {
-ms-flex-preferred-size:calc(232px + 40px);
flex-basis: calc(232px + 40px);
}

}




@media print, screen and (min-width: 1400px) {

}
















/* .default-table */
.default-table {
display: table;
width: 100%;
}
.default-table th,
.default-table td {
text-align: left;
font-size: 14px;
line-height: 1.6em;
padding: 0px;
font-weight: normal;
display: block;
}
.default-table th {
white-space: nowrap;
}
.default-table td {
padding: 0px 0px 15px;
font-weight: bold;
}










@media print, screen and (min-width: 375px) {
/* .default-table */
.default-table th,
.default-table td {
font-size: 15px;
line-height: 1.6em;
}

}



@media print, screen and (min-width: 768px) {
/* .default-table */
.default-table th,
.default-table td {
font-size: 15px;
line-height: 1.6em;
}

}




@media print, screen and (min-width: 1024px) {

/* .default-table */
.default-table {
display: table;
width: auto;
}
.default-table th,
.default-table td {
font-size: 16px;
line-height: 1.7em;
padding: 5px 0px;
display: table-cell;
}
.default-table th {
padding: 5px 20px 5px 0px;
}
.default-table td {
padding: 5px 0px;
}

}



@media print, screen and (min-width: 1200px) {

}


@media print, screen and (min-width: 1400px) {

}


























/* Footer ----------------------------------------------------------------- */
#footer-global {
margin: 0px;
overflow: hidden;
width: 100%;
font-size: calc(100vw / 25);
line-height: 1.5em;
position: relative;
color: rgba(100,100,100,1.00);
}
#footer-global img {
height: auto;
width: 100%;
margin: 0px auto;
transition: all 0.4s;
}
#footer-global a:hover img {
opacity: 0.6;
}
#footer-global .footer-in {
position: relative;
width: 100%;
z-index: 1;
padding: 14% 0px 28%;
}

/* .footer__head */
.footer__head {
padding: 0px 15px 5px;
}
.footer__head .footer__nav {
}
.footer__head .footer__nav li {
padding: 0px 0px 10px;
}

/* .footer__foot */
.footer__foot {
padding: 15px;
}
.footer_shogyo {
width: 70%;
margin: 0px auto 8%;
max-width: 332px;
}
#footer-global .copyright {
font-size: calc(100vw / 28);
line-height: 1.4em;
}



@media print, screen and (min-width: 375px) {
/* Footer ----------------------------------------------------------------- */
#footer-global {
font-size: 14px;
line-height: 1.5em;
}
#footer-global .footer-in {
padding: 13% 0px 27%;
}

/* .footer__head */
.footer__head {
padding: 0px 15px 5px;
}
.footer__head .footer__nav li {
padding: 0px 0px 14px;
}


/* .footer__foot */
.footer__foot {
padding: 15px;
}
.footer_shogyo {
width: 70%;
margin: 0px auto 8%;
}
#footer-global .copyright {
font-size: 12px;
line-height: 1.4em;
}

}



@media print, screen and (min-width: 768px) {
#footer-global {
font-size: 14px;
line-height: 1.5em;
}
#footer-global .footer-in {
padding: 8% 0px 20%;
max-width: 1100px;
margin: 0px auto;
}

/* .footer__head */
.footer__head {
padding: 0px 25px 5px;
text-align: center;
}
.footer__head .footer__nav li {
padding: 0px 14px 10px;
display: inline-block;
}
.footer__head .footer__nav li a {
white-space: nowrap;
text-align: center;
}
.footer__head .footer__nav li a br {
display: none;
}


/* .footer__foot */
.footer__foot {
padding: 15px;
}
.footer_shogyo {
width: 70%;
margin: 0px auto 5%;
}
#footer-global .copyright {
font-size: 12px;
line-height: 1.4em;
text-align: center;
display: block;
}

}



@media print, screen and (min-width: 1024px) {
/* Footer ----------------------------------------------------------------- */
#footer-global {
font-size: 15px;
line-height: 1.5em;
}
#footer-global .footer-in {
padding: 7% 0px 18%;
}

/* .footer__head */
.footer__head .footer__nav li {
padding: 0px 16px 10px;
display: inline-block;
}

/* .footer__foot */
.footer_shogyo {
margin: 0px auto 4%;
}
#footer-global .copyright {
font-size: 13px;
line-height: 1.4em;
}

}


@media print, screen and (min-width: 1200px) {

}



@media print, screen and (min-width: 1400px) {
#footer-global .footer-in {
padding: 7% 0px;
}

}































/* page-tab */
.page-tab-out {
position: relative;
padding: 0px 15px;
}
.page-tab {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.page-tab li {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding: 0px 0px 4px;
}
.page-tab li a {
padding: 0px;
border: 2px solid rgba(255,255,255,1.00);
border-radius: 5px;
font-weight: bold;
font-size: calc(100vw / 23);
line-height: 1.25em;
position: relative;
background-color: rgba(232,53,52,1.00);
color: rgba(255,255,255,1.00);
transition: all 0.3s;
height: 3em;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
}

.page-tab li a p {
text-align: center;
}
.page-tab li a:after {
content: "";
width: 12px;
height: 12px;
display: block;
position: absolute;
/* border: 1px solid;
  border-color: rgba(0,34,99,1.00) rgba(0,34,99,1.00) transparent transparent;
   */
transform: rotate(90deg);
transition: all 0.3s;
right: 5px;
top: calc(50% - 6px);
background-image: url(../images/plink_arrow_w.svg);
background-position: center top;
background-size: 100% auto;
background-repeat: no-repeat;
}

.page-tab li a:hover,
.page-tab li a.active,
.page-tab li a.cat02:hover,
.page-tab li a.cat03:hover {
background-color: rgba(136,136,136,1.00);
/* color: rgba(255,255,255,1.00); */
}
.page-tab li a:hover:after,
.page-tab li a.active:after {
/* background-image: url(../images/arrow_w.svg); */
}


.page-tab li a.cat02 {
background-color: rgba(0,102,177,1.00);
}
.page-tab li a.cat03 {
background-color: rgba(118,122,186,1.00);
}


@media print, screen and (min-width: 375px) {
/* page-tab */
.page-tab li {
padding: 0px 0px 5px;
}
.page-tab li a {
font-size: 16px;
line-height: 1.3em;
}

.page-tab li a:after {
width: 15px;
height: 15px;
right: 8px;
top: calc(50% - 7px);
}

}





@media print, screen and (min-width: 768px) {
.page-tab-out {
padding: 0px 25px;
}
.page-tab {
max-width: 1200px;
}
.page-tab li {
-ms-flex-preferred-size: calc(33.33% - 1px);
flex-basis: calc(33.33% - 1px);
}
.page-tab li.space-s {
display: none;
}
.page-tab li a {
padding: 0px 5px;
font-size: 16px;
line-height: 1.3em;
height: 3.5em;
}

.page-tab::before{
  content:"";
  display: block;
  width:calc(33.33% - 1px);
  order:1;
}

}






@media print, screen and (min-width: 1024px) {
/* #top-tab */
.page-tab-out {
padding: 0px 30px;
}
.page-tab-out::after {
content: '';
width: 100%;
height: 1px;
left: 0px;
bottom: 0px;
position: absolute;
border-bottom: 3px solid rgba(255,255,255,1.00);/* z-index: -1; */
}
.page-tab {
display: table;
width: 100%;
}

.page-tab li {
display: table-cell;
padding: 0px 1px 0px 0px;
vertical-align: middle;
width: 33.33%;
}
.page-tab.nowrap li {
white-space: nowrap;
}

.page-tab li a {
font-size: 21px;
line-height: 1.3em;
border-radius: 7px 7px 0px 0px;
border: 3px solid rgba(255,255,255,1.00);
height: 3.2em;
}

.page-tab li a:after {
width: 19px;
height: 19px;
right: 10px;
top: calc(50% - 9px);
}

}






@media print, screen and (min-width: 1200px) {

/* #top-tab */
.page-tab-out {
padding: 0px;
}
.page-tab {
margin: 0px auto;
}
.page-tab li a {
font-size: 26px;
line-height: 1.3em;
}
.page-tab li a:after {
width: 22px;
height: 22px;
right: 10px;
top: calc(50% - 9px);
}

}





@media print, screen and (min-width: 1400px) {

}