@charset "utf-8";
/* CSS Document */



/*common*/
:root {
  --color00_10: rgba(255,255,255,1.0);
  --color00_09: rgba(255,255,255,0.9);
  --color00_08: rgba(255,255,255,0.8);
  --color00_07: rgba(255,255,255,0.7);
  --color00_06: rgba(255,255,255,0.6);
  --color00_05: rgba(255,255,255,0.5);
  --color00_04: rgba(255,255,255,0.4);
  --color00_03: rgba(255,255,255,0.3);
  --color00_02: rgba(255,255,255,0.2);
  
  --color01_10: rgba(251,186,10,1.0);
  --color01_09: rgba(251,186,10,0.9);
  --color01_08: rgba(251,186,10,0.8);
  --color01_07: rgba(251,186,10,0.7);
  --color01_06: rgba(251,186,10,0.6);
  --color01_05: rgba(251,186,10,0.5);
  --color01_04: rgba(251,186,10,0.4);
  --color01_03: rgba(251,186,10,0.3);
  --color01_02: rgba(251,186,10,0.2);
  --color01_01: rgba(251,186,10,0.1);
  
  --color02_10: rgba(210,0,0,1.0);
  --color03: ;
  --color04: ;
  --color05: ;
  
  --color99_10: rgba(0,0,0,1.0);
  --color99_09: rgba(0,0,0,0.9);
  --color99_08: rgba(0,0,0,0.8);
  --color99_07: rgba(0,0,0,0.7);
  --color99_06: rgba(0,0,0,0.6);
  --color99_05: rgba(0,0,0,0.5);
  --color99_04: rgba(0,0,0,0.4);
  --color99_03: rgba(0,0,0,0.3);
  --color99_02: rgba(0,0,0,0.2);
  --color99_01: rgba(0,0,0,0.1);
  
  --com_px01: 1px;
  --com_px02: 2px;
}


html { font-size: 62.5%; font-feature-settings: "palt"; scroll-behavior: smooth; color: var(--color99_10); background: var(--color00_10);}
a { text-decoration: none;}
body { font-family: "Noto Sans JP", sans-serif; font-weight: 500; min-height: 100vh;}

a,
a::before,
a::after,
a:hover,
a:hover::before,
a:hover::after { transition: ease .5s;}

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

a img { transform: scale(1); transition: ease .5s;}
a:hover img { transform: scale(1); transition: ease .5s; opacity: 0.7;}

.dela-gothic-one { font-family: "Dela Gothic One", sans-serif; font-weight: 400; font-style: normal;}
.bebas-neue { font-family: "Bebas Neue", sans-serif; font-weight: 400; font-style: normal;}




/*PC 1680*/
@media screen and (min-width: 1680px) {


/*----------------------------*/
body { font-size: 20px; line-height: 1.8; background: var(--color00_10); color: var(--color99_10); display: flex; flex-direction: column;}
.wrap { width: 100%; min-height: 100vh; overflow: hidden; display: flex; flex-direction: column;}

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

.spMenu { display: none;}
	
a[href^="tel:"] { pointer-events: none;}

/*----------------------------*/

.wrap { position: relative;}


header { max-width: 1536px; height: 190px; margin: auto; position: absolute; top: 40px; left: 0; right: 0; z-index: 100;}
header .inner { display: flex; justify-content: space-between; align-items: center;}
header .inner .logo { width: 267px;}
header .inner .logo a { display: block;}
header .inner nav {}
header .inner nav ul { display: flex; flex-direction: row; width: 1050px; height: 94px; background: var(--color00_09); border-radius: 10px; box-shadow: 0px 0px 10px 0px rgba(251, 186, 10, 0.5); padding-left: 50px;}
header .inner nav ul li { width: auto; height: 94px;}
header .inner nav ul li a { display: block; width: 200px; height: 94px; text-align: center; align-content: center; border-radius: 10px; position: relative;}
header .inner nav ul li a::after { content: ""; position: absolute; width: auto; height: 5px; left: 10px; right: 10px; bottom: 5px; background: var(--color01_09); transform: translateY(10px); opacity: 0;}
header .inner nav ul li a:hover::after { content: ""; background: var(--color01_10); transform: translateY(0px); opacity: 1;}
header .inner nav ul li a:hover { color: var(--color01_10);}
header .inner nav ul li:nth-last-of-type(1) a { background: var(--color01_09);}
header .inner nav ul li:nth-last-of-type(1) a:hover { color: var(--color00_10);}
header .inner nav ul li:nth-last-of-type(1) a:hover::after { content: ""; background: var(--color00_10);}

header .inner nav ul li.current a::after { content: ""; background: var(--color01_10); transform: translateY(0px); opacity: 1;}
header .inner nav ul li.current a { color: var(--color01_10);}
header .inner nav ul li.current:nth-last-of-type(1) a { color: var(--color00_10);}
header .inner nav ul li.current:nth-last-of-type(1) a::after { content: ""; background: var(--color00_10);}


/*----------------------------*/

.header { width: 100%; height: 510px; padding-top: 280px; background: var(--color00_10);; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative;}
.header::after { content: ""; width: 1000px; aspect-ratio: 100 / 15; clip-path: polygon(100% 0%, 100% 100%, 0% 100%); display: block; position: absolute; bottom: 0; right: 0; z-index: 30; background: var(--color01_08);}
.header .inner { width: 1536px; margin: auto; display: flex;justify-content: flex-start; align-items: center;}
.header .inner h2 { font-size: 60px; white-space: nowrap;}
.header .inner h2::before { content: attr(data-en); font-size: 18px; color: var(--color01_10); display: block;}


/*----------------------------*/

main { flex: 1;}
main .contents { width: 100%; display: flex; flex-direction: column;  margin: auto;}


/*----------------------------*/

footer { background: var(--color01_10); padding: 50px 0 0;}
footer .inner { max-width: 1536px; margin: auto; display: flex; flex-direction: column;}
footer .inner .fot { display: flex; justify-content: space-between; padding: 0 0 120px;}
footer .inner .fot .fotL { display: flex; flex-direction: column;}
footer .inner .fot .fotL .logo { width: 267px; margin-bottom: 50px;}
footer .inner .fot .fotL .name {}
footer .inner .fot .fotL .txt { margin-bottom: 20px;}
footer .inner .fot .fotL .txt address { font-style: normal;}
footer .inner .fot .fotL .tel { font-size: 36px;}
footer .inner .fot .fotL .tel p { padding-left: 50px; position: relative; display: flex; align-items: center;}
footer .inner .fot .fotL .tel p::before { content: "\f095"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 36px; line-height: 0; position: absolute; left: 5px; transform: rotate(10deg);}
footer .inner .fot .fotL .time {}
footer .inner .fot .fotL .txt2 { font-size: 16px; margin-bottom: 20px;}
footer .inner .fot .fotL .btn_contact {}
footer .inner .fot .fotL .btn_contact a { display: flex; width: 300px; height: 72px; padding-left: 80px; align-items: center; background: var(--color99_10); color: var(--color00_10); position: relative;}
footer .inner .fot .fotL .btn_contact a::before { content: "\f0e0"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 26px; position: absolute; left: 40px;}
footer .inner .fot .fotL .btn_contact a::after  { content: "\f061"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 26px; position: absolute; right: 60px;}
footer .inner .fot .fotL .btn_contact a:hover { background: var(--color99_08);}
footer .inner .fot .fotL .btn_contact a:hover::after  { content: "\f061"; right: 50px;}

footer .inner .fot .fotR { display: flex; justify-content: flex-end; padding: 70px 0 0;}
footer .inner .fot .fotR a { padding: 0 5px; display: inline-block; position: relative;}
footer .inner .fot .fotR a::after { content: ""; width: 0; height: 2px; background: var(--color99_10); position: absolute; left: 0; bottom: 4px;}
footer .inner .fot .fotR a:hover::after { content: ""; width: 100%;}
footer .inner .fot .fotR .box { display: flex; flex-direction: column; line-height: 2.2;}
footer .inner .fot .fotR .box:nth-of-type(1) { width: 230px;}
footer .inner .fot .fotR .box:nth-of-type(2) { width: 280px;}
footer .inner .fot .fotR .box:nth-of-type(2) ul li:nth-of-type(3) { margin-bottom: 24px;}
footer .inner .fot .fotR .box:nth-of-type(3) { width: 230px;}
footer .inner .fot .fotR .box:nth-of-type(4) { width: 260px;}
footer .inner .fot .fotR .box:nth-of-type(4) ul { margin-bottom: 40px;}
footer .inner .fot .fotR .box:nth-of-type(4) h4 { margin-bottom: 20px;}
footer .inner .fot .fotR .box h4 { font-size: 22px; font-weight: 600;}
footer .inner .fot .fotR .box h4:nth-of-type(1) { margin-bottom: 30px;}
footer .inner .fot .fotR .box ul { margin-left: 0.5em; display: flex; flex-direction: column;}
footer .inner .fot .fotR .box ul li { display: inline-block;}
footer .inner .fot .fotR .box ul li a { display: inline-block;}
footer .inner .cp { display: flex; justify-content: space-between; align-items: center; border-top: solid var(--com_px01) var(--color99_10); padding: 20px 0 80px;}
footer .inner .cp .qr { height: 120px; display: flex; gap: 20px;}
footer .inner .cp .qr a { display: inline-block;}
footer .inner .cp .qr a img { width: auto; height: 120px; background: var(--color00_10); padding: 10px;}
footer .inner .cp .txt {}
 
 

/*----------------------------*/

.sideMenu { position: fixed; top: 20%; right: 0; width: 80px; height: auto; padding: 30px 0; display: flex; flex-direction: column; justify-content: center; align-items: center; background: var(--color99_10); border-radius: 15px 0 0 15px; z-index: 1000; border: solid var(--com_px02) var(--color00_10); border-right: none;}
.sideMenu p { writing-mode: vertical-rl; font-size: 20px; color: var(--color00_10); margin-bottom: 20px;}
.sideMenu ul { display: flex; flex-direction: column; gap: 15px; width: 50px;}
.sideMenu ul li { width: 100%;}
 
 

/*----------------------------*/

#page-top { position: fixed; bottom: 40px; right: 40px; z-index: 999;}
#page-top a { font-size: 60px; line-height: 0; text-decoration: none; color: var(--color99_10); width: 60px; height: 60px; display: block; transition: all .3s ease; background: #FFF; border-radius: 50%;}
#page-top a:hover { opacity: 0.5;}
#page-top a:hover img { transform: scale(1);}


/*----------------------------*/

.header {}
.header h2 { font-size: 60px; white-space: nowrap;}
.header h2::before { content: attr(data-en); font-size: 18px; color: var(--color01_10); display: block;}


/*----------------------------*/

input[type="text"],
input[type="tel"],
input[type="email"],
textarea { width: 100%; padding: 9px; border: solid var(--com_px01) var(--color99_02); border-radius: 5px; background: var(--color00_10);}
select { width: auto; padding: 5px 20px; background: var(--color00_10); border: solid var(--com_px01) var(--color99_02); border-radius: 5px;}

input[type="submit"] { padding: 10px 100px; background: var(--color99_10); color: var(--color00_10); border: solid var(--com_px01) var(--color99_06); cursor: pointer; border-radius: 5px; letter-spacing: 0.5em; transition: ease .5s;}
input[type="submit"]:hover { background: var(--color00_10); color: var(--color99_10); transition: ease .5s;}


/*----------------------------*/

.bnr_contact { width: 100%; height: 200px; background: url("../images/com/btn_bg.jpg") center center no-repeat; background-size: cover; margin-top: 80px; padding: 40px 80px; border-radius: 5px; display: flex; justify-content: space-between; align-items: center;}
.bnr_contact .txt {}
.bnr_contact .txt h3 { color: var(--color00_10); margin: 0 0 10px;}
.bnr_contact .txt p { color: var(--color00_10);}
.bnr_contact .btn {}
.bnr_contact .btn a { width: 400px; height: 70px; padding: 0 0 0 60px; background: var(--color01_10); display: flex; align-items: center; border-radius: 5px; position: relative;}
.bnr_contact .btn a::after  { content: "\f061"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 26px; position: absolute; right: 60px;}
.bnr_contact .btn a:hover { background: var(--color01_08);}
.bnr_contact .btn a:hover::after  { content: "\f061"; right: 50px;}


/*----------------------------*/

.wp-pagenavi { padding: 100px 0 0; display: flex; justify-content: center;}
.wp-pagenavi * { width: 50px; height: 50px; padding: 0;}
.wp-pagenavi .current,
.wp-pagenavi a,
.wp-pagenavi a:hover { display: flex; justify-content: center; align-items: center; border: none !important; margin: 0 5px !important;}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink { border: none;}

.wp-pagenavi .current { background: var(--color01_04);}
.wp-pagenavi .page { background: var(--color01_10);}
.wp-pagenavi .page:hover { background: var(--color01_04);}

.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .nextpostslink:hover { background: var(--color01_04);}


}




/*PC 1679*/
@media print, screen and (min-width: 768px) and ( max-width: 1679px) {


/*----------------------------*/
body { font-size: 1.1905vw; line-height: 1.8; background: var(--color00_10); color: var(--color99_10); display: flex; flex-direction: column;}
.wrap { width: 100%; min-height: 100vh; overflow: hidden; display: flex; flex-direction: column;}

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

.spMenu { display: none;}
	
a[href^="tel:"] { pointer-events: none;}

/*----------------------------*/

.wrap { position: relative;}


header { max-width: 91.4286vw; height: 11.3095vw; margin: auto; position: absolute; top: 2.3810vw; left: 0; right: 0; z-index: 100;}
header .inner { display: flex; justify-content: space-between; align-items: center;}
header .inner .logo { width: 15.8929vw;}
header .inner .logo a { display: block;}
header .inner nav {}
header .inner nav ul { display: flex; flex-direction: row; width: 62.5000vw; height: 5.5952vw; background: var(--color00_09); border-radius: 0.5952vw; box-shadow: 0.0000vw 0.0000vw 0.5952vw 0.0000vw rgba(251, 186, 10, 0.5); padding-left: 2.9762vw;}
header .inner nav ul li { width: auto; height: 5.5952vw;}
header .inner nav ul li a { display: block; width: 11.9048vw; height: 5.5952vw; text-align: center; align-content: center; border-radius: 0.5952vw; position: relative;}
header .inner nav ul li a::after { content: ""; position: absolute; width: auto; height: 0.2976vw; left: 0.5952vw; right: 0.5952vw; bottom: 0.2976vw; background: var(--color01_09); transform: translateY(0.5952vw); opacity: 0;}
header .inner nav ul li a:hover::after { content: ""; background: var(--color01_10); transform: translateY(0.0000vw); opacity: 1;}
header .inner nav ul li a:hover { color: var(--color01_10);}
header .inner nav ul li:nth-last-of-type(1) a { background: var(--color01_09);}
header .inner nav ul li:nth-last-of-type(1) a:hover { color: var(--color00_10);}
header .inner nav ul li:nth-last-of-type(1) a:hover::after { content: ""; background: var(--color00_10);}

header .inner nav ul li.current a::after { content: ""; background: var(--color01_10); transform: translateY(0.0000vw); opacity: 1;}
header .inner nav ul li.current a { color: var(--color01_10);}
header .inner nav ul li.current:nth-last-of-type(1) a { color: var(--color00_10);}
header .inner nav ul li.current:nth-last-of-type(1) a::after { content: ""; background: var(--color00_10);}


/*----------------------------*/

.header { width: 100%; height: 30.3571vw; padding-top: 16.6667vw; background: var(--color00_10);; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative;}
.header::after { content: ""; width: 59.5238vw; aspect-ratio: 100 / 15; clip-path: polygon(100% 0%, 100% 100%, 0% 100%); display: block; position: absolute; bottom: 0; right: 0; z-index: 30; background: var(--color01_08);}
.header .inner { width: 91.4286vw; margin: auto; display: flex;justify-content: flex-start; align-items: center;}
.header .inner h2 { font-size: 3.5714vw; white-space: nowrap;}
.header .inner h2::before { content: attr(data-en); font-size: 1.0714vw; color: var(--color01_10); display: block;}


/*----------------------------*/

main { flex: 1;}
main .contents { width: 100%; display: flex; flex-direction: column;  margin: auto;}


/*----------------------------*/

footer { background: var(--color01_10); padding: 2.9762vw 0 0;}
footer .inner { max-width: 91.4286vw; margin: auto; display: flex; flex-direction: column;}
footer .inner .fot { display: flex; justify-content: space-between; padding: 0 0 7.1429vw;}
footer .inner .fot .fotL { display: flex; flex-direction: column;}
footer .inner .fot .fotL .logo { width: 15.8929vw; margin-bottom: 2.9762vw;}
footer .inner .fot .fotL .name {}
footer .inner .fot .fotL .txt { margin-bottom: 1.1905vw;}
footer .inner .fot .fotL .txt address { font-style: normal;}
footer .inner .fot .fotL .tel { font-size: 2.1429vw;}
footer .inner .fot .fotL .tel p { padding-left: 2.9762vw; position: relative; display: flex; align-items: center;}
footer .inner .fot .fotL .tel p::before { content: "\f095"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 2.1429vw; line-height: 0; position: absolute; left: 0.2976vw; transform: rotate(10deg);}
footer .inner .fot .fotL .time {}
footer .inner .fot .fotL .txt2 { font-size: 0.8333vw; margin-bottom: 1.1905vw;}
footer .inner .fot .fotL .btn_contact {}
footer .inner .fot .fotL .btn_contact a { display: flex; width: 17.8571vw; height: 4.2857vw; padding-left: 4.7619vw; align-items: center; background: var(--color99_10); color: var(--color00_10); position: relative;}
footer .inner .fot .fotL .btn_contact a::before { content: "\f0e0"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 1.5476vw; position: absolute; left: 2.3810vw;}
footer .inner .fot .fotL .btn_contact a::after  { content: "\f061"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 1.5476vw; position: absolute; right: 3.5714vw;}
footer .inner .fot .fotL .btn_contact a:hover { background: var(--color99_08);}
footer .inner .fot .fotL .btn_contact a:hover::after  { content: "\f061"; right: 2.9762vw;}

footer .inner .fot .fotR { display: flex; justify-content: flex-end; padding: 4.1667vw 0 0;}
footer .inner .fot .fotR a { padding: 0 0.2976vw; display: inline-block; position: relative;}
footer .inner .fot .fotR a::after { content: ""; width: 0; height: 0.1190vw; background: var(--color99_10); position: absolute; left: 0; bottom: 0.2381vw;}
footer .inner .fot .fotR a:hover::after { content: ""; width: 100%;}
footer .inner .fot .fotR .box { display: flex; flex-direction: column; line-height: 2.2;}
footer .inner .fot .fotR .box:nth-of-type(1) { width: 13.6905vw;}
footer .inner .fot .fotR .box:nth-of-type(2) { width: 16.6667vw;}
footer .inner .fot .fotR .box:nth-of-type(2) ul li:nth-of-type(3) { margin-bottom: 1.4286vw;}
footer .inner .fot .fotR .box:nth-of-type(3) { width: 13.6905vw;}
footer .inner .fot .fotR .box:nth-of-type(4) { width: 15.4762vw;}
footer .inner .fot .fotR .box:nth-of-type(4) ul { margin-bottom: 2.3810vw;}
footer .inner .fot .fotR .box:nth-of-type(4) h4 { margin-bottom: 1.1905vw;}
footer .inner .fot .fotR .box h4 { font-size: 1.3095vw; font-weight: 600;}
footer .inner .fot .fotR .box h4:nth-of-type(1) { margin-bottom: 1.7857vw;}
footer .inner .fot .fotR .box ul { margin-left: 0.5em; display: flex; flex-direction: column;}
footer .inner .fot .fotR .box ul li { display: inline-block;}
footer .inner .fot .fotR .box ul li a { display: inline-block;}
footer .inner .cp { display: flex; justify-content: space-between; align-items: center; border-top: solid var(--com_px01) var(--color99_10); padding: 1.1905vw 0 4.7619vw;}
footer .inner .cp .qr { height: 7.1429vw; display: flex; gap: 1.1905vw;}
footer .inner .cp .qr a { display: inline-block;}
footer .inner .cp .qr a img { width: auto; height: 7.1429vw; background: var(--color00_10); padding: 0.5952vw;}
footer .inner .cp .txt {}
 
 

/*----------------------------*/

.sideMenu { position: fixed; top: 20%; right: 0; width: 4.7619vw; height: auto; padding: 1.7857vw 0; display: flex; flex-direction: column; justify-content: center; align-items: center; background: var(--color99_10); border-radius: 0.8929vw 0 0 0.8929vw; z-index: 1000; border: solid var(--com_px02) var(--color00_10); border-right: none;}
.sideMenu p { writing-mode: vertical-rl; font-size: 1.1905vw; color: var(--color00_10); margin-bottom: 1.1905vw;}
.sideMenu ul { display: flex; flex-direction: column; gap: 0.8929vw; width: 2.9762vw;}
.sideMenu ul li { width: 100%;}
 
 

/*----------------------------*/

#page-top { position: fixed; bottom: 2.3810vw; right: 2.3810vw; z-index: 999;}
#page-top a { font-size: 3.5714vw; line-height: 0; text-decoration: none; color: var(--color99_10); width: 3.5714vw; height: 3.5714vw; display: block; transition: all .3s ease; background: #FFF; border-radius: 50%;}
#page-top a:hover { opacity: 0.5;}
#page-top a:hover img { transform: scale(1);}


/*----------------------------*/

.header {}
.header h2 { font-size: 3.5714vw; white-space: nowrap;}
.header h2::before { content: attr(data-en); font-size: 1.0714vw; color: var(--color01_10); display: block;}


/*----------------------------*/

input[type="text"],
input[type="tel"],
input[type="email"],
textarea { width: 100%; padding: 0.5357vw; border: solid var(--com_px01) var(--color99_02); border-radius: 0.2976vw; background: var(--color00_10);}
select { width: auto; padding: 0.2976vw 1.1905vw; background: var(--color00_10); border: solid var(--com_px01) var(--color99_02); border-radius: 0.2976vw;}

input[type="submit"] { padding: 0.5952vw 5.9524vw; background: var(--color99_10); color: var(--color00_10); border: solid var(--com_px01) var(--color99_06); cursor: pointer; border-radius: 0.2976vw; letter-spacing: 0.5em; transition: ease .5s;}
input[type="submit"]:hover { background: var(--color00_10); color: var(--color99_10); transition: ease .5s;}


/*----------------------------*/

.bnr_contact { width: 100%; height: 11.9048vw; background: url("../images/com/btn_bg.jpg") center center no-repeat; background-size: cover; margin-top: 4.7619vw; padding: 2.3810vw 4.7619vw; border-radius: 0.2976vw; display: flex; justify-content: space-between; align-items: center;}
.bnr_contact .txt {}
.bnr_contact .txt h3 { color: var(--color00_10); margin: 0 0 0.5952vw;}
.bnr_contact .txt p { color: var(--color00_10);}
.bnr_contact .btn {}
.bnr_contact .btn a { width: 23.8095vw; height: 4.1667vw; padding: 0 0 0 3.5714vw; background: var(--color01_10); display: flex; align-items: center; border-radius: 0.2976vw; position: relative;}
.bnr_contact .btn a::after  { content: "\f061"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 1.5476vw; position: absolute; right: 3.5714vw;}
.bnr_contact .btn a:hover { background: var(--color01_08);}
.bnr_contact .btn a:hover::after  { content: "\f061"; right: 2.9762vw;}


/*----------------------------*/

.wp-pagenavi { padding: 5.9524vw 0 0; display: flex; justify-content: center;}
.wp-pagenavi * { width: 2.9762vw; height: 2.9762vw; padding: 0;}
.wp-pagenavi .current,
.wp-pagenavi a,
.wp-pagenavi a:hover { display: flex; justify-content: center; align-items: center; border: none !important; margin: 0 0.2976vw !important;}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink { border: none;}

.wp-pagenavi .current { background: var(--color01_04);}
.wp-pagenavi .page { background: var(--color01_10);}
.wp-pagenavi .page:hover { background: var(--color01_04);}

.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .nextpostslink:hover { background: var(--color01_04);}


}




/*sp*/
@media only screen and (max-width: 767px) {


/*----------------------------*/
body { font-size: 3.1250vw; background: var(--color00); color: var(--color99);}
.wrap { width: 100%; overflow: hidden; position: relative;}

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

.spMenu { display: none;}

/*a[href^="tel:"] { pointer-events: none;}*/

/*----------------------------*/

.wrap { position: relative;}

header { width: 100%; margin: auto; position: absolute; z-index: 9100; top: 0; left: 0;}
header .inner { width: 90.6250vw; margin: auto; display: flex; justify-content: space-between; padding: 4.6875vw 0 0; position: relative;}
header h1 { width: 25.0000vw; position: relative; z-index: 1000;}
header h1 a { display: block;}
header .hamburger { width: 7.5000vw; height: 5.9375vw; padding: 0.6250vw; position: absolute; top: 9.3750vw; right: calc( (100% - 90.6250vw) / 2); z-index: 9200; background: var(--color99_03);/* border: solid var(--com_px01) var(--color99_10);*/}
header .hamburger a { display: block; height: 100%; position: relative; cursor: pointer; transition: ease .5s;}
header .hamburger a span { width: 100%; height: 0.6250vw; border-radius: 0.3125vw; background: var(--color00_10); position: absolute; left: 0; transition: ease .2s;}
header .hamburger a span:nth-of-type(1) { top: 0.3125vw;}
header .hamburger a span:nth-of-type(2) { top: calc( 50% - 0.3125vw);}
header .hamburger a span:nth-of-type(3) { bottom: 0.3125vw;}

header .hamburger.active { background: transparent;}
header .hamburger.active a { display: block; height: 100%; position: relative; cursor: pointer; transition: ease .5s;}
header .hamburger.active a span { width: 100%; height: 0.6250vw; border-radius: 0.3125vw; background: var(--color99_10); position: absolute; left: 0; transition: ease .2s;}
header .hamburger.active a span:nth-of-type(1) { top: 2.0313vw; transform: rotate(30deg);}
header .hamburger.active a span:nth-of-type(2) { top: calc( 50% - 0.3125vw); transform: translateX(-100%); opacity: 0;}
header .hamburger.active a span:nth-of-type(3) { bottom: 2.0313vw; transform: rotate(-30deg);}


/*----------------------------*/

.header { width: 100%; height: 46.8750vw; padding-top: 26.5625vw; background: var(--color00_10);; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative;}
.header::after { content: ""; width: 62.5000vw; aspect-ratio: 100 / 15; clip-path: polygon(100% 0%, 100% 100%, 0% 100%); display: block; position: absolute; bottom: 0; right: 0; z-index: 30; background: var(--color01_08);}
.header .inner { width: 100%; margin: auto; display: flex; justify-content: center; align-items: center;}
.header .inner h2 { font-size: 6.2500vw; white-space: nowrap; text-align: center;}
.header .inner h2::before { content: attr(data-en); font-size: 2.8125vw; color: var(--color01_10); display: block;}


/*----------------------------*/

main { flex: 1;}
main .contents { width: 100%; display: flex; flex-direction: column;  margin: auto;}


/*----------------------------*/

footer { background: var(--color01_10); padding: 7.8125vw 0 15.6250vw;}
footer .inner { width: 100%; margin: auto; display: flex; flex-direction: column;}
footer .inner .fot { display: flex; justify-content: center; padding: 0 0 9.3750vw;}
footer .inner .fot .fotL { display: flex; flex-direction: column; align-items: center;}
footer .inner .fot .fotL .logo { width: 41.7188vw; margin-bottom: 7.8125vw;}
footer .inner .fot .fotL .name {}
footer .inner .fot .fotL .txt { margin-bottom: 3.1250vw;}
footer .inner .fot .fotL .txt address { font-style: normal;}
footer .inner .fot .fotL .tel { font-size: 5.6250vw;}
footer .inner .fot .fotL .tel p { padding-left: 7.8125vw; position: relative; display: flex; align-items: center;}
footer .inner .fot .fotL .tel p::before { content: "\f095"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 5.6250vw; line-height: 0; position: absolute; left: 0.7813vw; transform: rotate(10deg);}
footer .inner .fot .fotL .time {}
footer .inner .fot .fotL .txt2 { font-size: 2.1875vw; margin-bottom: 3.1250vw;}
footer .inner .fot .fotL .btn_contact {}
footer .inner .fot .fotL .btn_contact a { display: flex; width: 46.8750vw; height: 11.2500vw; padding-left: 12.5000vw; align-items: center; background: var(--color99_10); color: var(--color00_10); position: relative;}
footer .inner .fot .fotL .btn_contact a::before { content: "\f0e0"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 4.0625vw; position: absolute; left: 6.2500vw;}
footer .inner .fot .fotL .btn_contact a::after  { content: "\f061"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 4.0625vw; position: absolute; right: 9.3750vw;}
footer .inner .fot .fotL .btn_contact a:hover { background: var(--color99_08);}
footer .inner .fot .fotL .btn_contact a:hover::after  { content: "\f061"; right: 7.8125vw;}

footer .inner .cp { display: flex; flex-direction: column; justify-content: space-between; align-items: center; border-top: solid var(--com_px01) var(--color99_10); padding: 3.1250vw 0 12.5000vw;}
footer .inner .cp .qr { height: 21.8750vw; display: flex; gap: 1.5625vw;}
footer .inner .cp .qr a { display: inline-block;}
footer .inner .cp .qr a img { width: auto; height: 15.6250vw; background: var(--color00_10); padding: 1.5625vw;}
footer .inner .cp .txt {}
 
 

/*----------------------------*/

.sideMenu { position: fixed; bottom: 0; right: 0; width: 100%; height: auto; padding: 3.1250vw 0; display: flex; flex-direction: row; justify-content: center; align-items: center; background: var(--color99_10); z-index: 1000;}
.sideMenu p { font-size: 3.1250vw; color: var(--color00_10); margin-right: 3.1250vw;}
.sideMenu ul { display: flex; flex-direction: row; gap: 2.3438vw; width: 46.8750vw;}
.sideMenu ul li { width: 9.3750vw;}
 
 

/*----------------------------*/


#page-top { position: fixed; bottom: 6.2500vw; right: 6.2500vw; z-index: 999;}
#page-top a { font-size: 9.3750vw; line-height: 0; text-decoration: none; color: var(--color99_10); width: 9.3750vw; height: 9.3750vw; display: block; transition: all .3s ease; background: #FFF; border-radius: 50%;}
#page-top a:hover { opacity: 0.5;}
#page-top a:hover img { transform: scale(1);}


html.is-scroll-lock,
body.is-scroll-lock { overflow: hidden; }


.spMenu { transform: translateX(200%); opacity: 0; width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: block; z-index: 9000; transition: all .3s ease;}
.spMenu.active { transform: translateX(0); opacity: 1.0; width: 100%; height: 100%; background: var(--color01_10); position: fixed; top: 0; left: 0; display: block; z-index: 9000;}
.spMenu .inner { width: 100%; height: 100%; padding: 31.2500vw 0 4.6875vw; margin: auto; position: relative;}
.spMenu .inner ul { width: 100%; padding: 0; display: flex; flex-wrap: wrap; margin: auto;}
.spMenu .inner ul li { width: 100%; font-size: 3.1250vw; font-weight: 600; padding: 3.1250vw 9.3750vw; position: relative; display: flex; align-items: center;}
.spMenu .inner ul li:nth-child(2n+1) { background: var(--color99_01);}
.spMenu .inner ul li::before { content: "\f0da"; font-family: "Font Awesome 6 Free"; color: var(--color99_10); margin-right: 2.3438vw;}
.spMenu .inner ul li a { color: var(--color99_10); display: block;}
.spMenu .inner ul li a:hover {}



.side_btn { position: fixed; z-index: 60; top: 30%; right: 0; width: 12.5000vw; display: none; flex-direction: column; gap: 1.5625vw; overflow: hidden;}
.side_btn a { display: block; transform: translateX(0.7813vw);}
.side_btn a:hover { transform: translateX(0);}
.side_btn a:hover img { opacity: 1.0;}


/*----------------------------*/

input[type="text"],
input[type="tel"],
input[type="email"],
textarea { width: 100%; padding: 1.4063vw; border: solid var(--com_px01) var(--color99_02); border-radius: 0.7813vw; background: var(--color00_10);}
select { width: auto; padding: 0.7813vw 3.1250vw; background: var(--color00_10); border: solid var(--com_px01) var(--color99_02); border-radius: 0.7813vw;}

input[type="submit"] { padding: 1.5625vw 15.6250vw; background: var(--color99_10); color: var(--color00_10); border: solid var(--com_px01) var(--color99_06); cursor: pointer; border-radius: 0.7813vw; letter-spacing: 0.5em; transition: ease .5s;}
input[type="submit"]:hover { background: var(--color00_10); color: var(--color99_10); transition: ease .5s;}




/*----------------------------*/

.bnr_contact { width: 100%; height: 43.7500vw; background: url("../images/com/btn_bg.jpg") center center no-repeat; background-size: cover; margin-top: 12.5000vw; padding: 6.2500vw 3.1250vw; border-radius: 0.7813vw; display: flex; justify-content: space-between; align-items: center; flex-direction: column;}
.bnr_contact .txt { text-align: center;}
.bnr_contact .txt h3 { color: var(--color00_10); margin: 0 0 1.5625vw;}
.bnr_contact .txt p { color: var(--color00_10);}
.bnr_contact .btn {}
.bnr_contact .btn a { width: 62.5000vw; height: 10.9375vw; padding: 0 0 0 9.3750vw; background: var(--color01_10); display: flex; align-items: center; border-radius: 0.7813vw; position: relative;}
.bnr_contact .btn a::after  { content: "\f061"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 4.0625vw; position: absolute; right: 9.3750vw;}
.bnr_contact .btn a:hover { background: var(--color01_08);}
.bnr_contact .btn a:hover::after  { content: "\f061"; right: 7.8125vw;}


/*----------------------------*/

.wp-pagenavi { padding: 15.6250vw 0 0; display: flex; justify-content: center;}
.wp-pagenavi * { width: 6.2500vw; height: 6.2500vw; padding: 0;}
.wp-pagenavi .current,
.wp-pagenavi a,
.wp-pagenavi a:hover { display: flex; justify-content: center; align-items: center; border: none !important; margin: 0 0.7813vw !important;}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink { border: none;}

.wp-pagenavi .current { background: var(--color01_04);}
.wp-pagenavi .page { background: var(--color01_10);}
.wp-pagenavi .page:hover { background: var(--color01_04);}

.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .nextpostslink:hover { background: var(--color01_04);}


}




@media screen and (width: 640px) {


/*----------------------------*/
body { font-size: 20px; background: var(--color00); color: var(--color99);}
.wrap { width: 100%; overflow: hidden; position: relative;}

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

.spMenu { display: none;}

/*a[href^="tel:"] { pointer-events: none;}*/

/*----------------------------*/

.wrap { position: relative;}


header { width: 100%; margin: auto; position: absolute; z-index: 9100; top: 0; left: 0;}
header .inner { width: 580px; margin: auto; display: flex; justify-content: space-between; padding: 30px 0 0; position: relative;}
header h1 { width: 160px; position: relative; z-index: 1000;}
header h1 a { display: block;}
header .hamburger { width: 48px; height: 38px; padding: 4px; position: absolute; top: 60px; right: calc( (100% - 580px) / 2); z-index: 9200; background: var(--color99_03);/* border: solid var(--com_px01) var(--color99_10);*/}
header .hamburger a { display: block; height: 100%; position: relative; cursor: pointer; transition: ease .5s;}
header .hamburger a span { width: 100%; height: 4px; border-radius: 2px; background: var(--color00_10); position: absolute; left: 0; transition: ease .2s;}
header .hamburger a span:nth-of-type(1) { top: 2px;}
header .hamburger a span:nth-of-type(2) { top: calc( 50% - 2px);}
header .hamburger a span:nth-of-type(3) { bottom: 2px;}

header .hamburger.active { background: transparent;}
header .hamburger.active a { display: block; height: 100%; position: relative; cursor: pointer; transition: ease .5s;}
header .hamburger.active a span { width: 100%; height: 4px; border-radius: 2px; background: var(--color99_10); position: absolute; left: 0; transition: ease .2s;}
header .hamburger.active a span:nth-of-type(1) { top: 13px; transform: rotate(30deg);}
header .hamburger.active a span:nth-of-type(2) { top: calc( 50% - 2px); transform: translateX(-100%); opacity: 0;}
header .hamburger.active a span:nth-of-type(3) { bottom: 13px; transform: rotate(-30deg);}


/*----------------------------*/

.header { width: 100%; height: 300px; padding-top: 170px; background: var(--color00_10);; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative;}
.header::after { content: ""; width: 400px; aspect-ratio: 100 / 15; clip-path: polygon(100% 0%, 100% 100%, 0% 100%); display: block; position: absolute; bottom: 0; right: 0; z-index: 30; background: var(--color01_08);}
.header .inner { width: 100%; margin: auto; display: flex; justify-content: center; align-items: center;}
.header .inner h2 { font-size: 40px; white-space: nowrap; text-align: center;}
.header .inner h2::before { content: attr(data-en); font-size: 18px; color: var(--color01_10); display: block;}


/*----------------------------*/

main { flex: 1;}
main .contents { width: 100%; display: flex; flex-direction: column;  margin: auto;}


/*----------------------------*/

footer { background: var(--color01_10); padding: 50px 0 100px;}
footer .inner { width: 100%; margin: auto; display: flex; flex-direction: column;}
footer .inner .fot { display: flex; justify-content: center; padding: 0 0 60px;}
footer .inner .fot .fotL { display: flex; flex-direction: column; align-items: center;}
footer .inner .fot .fotL .logo { width: 267px; margin-bottom: 50px;}
footer .inner .fot .fotL .name {}
footer .inner .fot .fotL .txt { margin-bottom: 20px;}
footer .inner .fot .fotL .txt address { font-style: normal;}
footer .inner .fot .fotL .tel { font-size: 36px;}
footer .inner .fot .fotL .tel p { padding-left: 50px; position: relative; display: flex; align-items: center;}
footer .inner .fot .fotL .tel p::before { content: "\f095"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 36px; line-height: 0; position: absolute; left: 5px; transform: rotate(10deg);}
footer .inner .fot .fotL .time {}
footer .inner .fot .fotL .txt2 { font-size: 14px; margin-bottom: 20px;}
footer .inner .fot .fotL .btn_contact {}
footer .inner .fot .fotL .btn_contact a { display: flex; width: 300px; height: 72px; padding-left: 80px; align-items: center; background: var(--color99_10); color: var(--color00_10); position: relative;}
footer .inner .fot .fotL .btn_contact a::before { content: "\f0e0"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 26px; position: absolute; left: 40px;}
footer .inner .fot .fotL .btn_contact a::after  { content: "\f061"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 26px; position: absolute; right: 60px;}
footer .inner .fot .fotL .btn_contact a:hover { background: var(--color99_08);}
footer .inner .fot .fotL .btn_contact a:hover::after  { content: "\f061"; right: 50px;}

footer .inner .cp { display: flex; flex-direction: column; justify-content: space-between; align-items: center; border-top: solid var(--com_px01) var(--color99_10); padding: 20px 0 80px;}
footer .inner .cp .qr { height: 140px; display: flex; gap: 10px;}
footer .inner .cp .qr a { display: inline-block;}
footer .inner .cp .qr a img { width: auto; height: 100px; background: var(--color00_10); padding: 10px;}
footer .inner .cp .txt {}

 

/*----------------------------*/

.sideMenu { position: fixed; bottom: 0; right: 0; width: 100%; height: auto; padding: 20px 0; display: flex; flex-direction: row; justify-content: center; align-items: center; background: var(--color99_10); z-index: 1000;}
.sideMenu p { font-size: 20px; color: var(--color00_10); margin-right: 20px;}
.sideMenu ul { display: flex; flex-direction: row; gap: 15px; width: 300px;}
.sideMenu ul li { width: 60px;}
 
 

/*----------------------------*/


#page-top { position: fixed; bottom: 40px; right: 40px; z-index: 999;}
#page-top a { font-size: 60px; line-height: 0; text-decoration: none; color: var(--color99_10); width: 60px; height: 60px; display: block; transition: all .3s ease; background: #FFF; border-radius: 50%;}
#page-top a:hover { opacity: 0.5;}
#page-top a:hover img { transform: scale(1);}


html.is-scroll-lock,
body.is-scroll-lock { overflow: hidden; }


.spMenu { transform: translateX(200%); opacity: 0; width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: block; z-index: 9000; transition: all .3s ease;}
.spMenu.active { transform: translateX(0); opacity: 1.0; width: 100%; height: 100%; background: var(--color01_10); position: fixed; top: 0; left: 0; display: block; z-index: 9000;}
.spMenu .inner { width: 100%; height: 100%; padding: 200px 0 30px; margin: auto; position: relative;}
.spMenu .inner ul { width: 100%; padding: 0; display: flex; flex-wrap: wrap; margin: auto;}
.spMenu .inner ul li { width: 100%; font-size: 20px; font-weight: 600; padding: 20px 60px; position: relative; display: flex; align-items: center;}
.spMenu .inner ul li:nth-child(2n+1) { background: var(--color99_01);}
.spMenu .inner ul li::before { content: "\f0da"; font-family: "Font Awesome 6 Free"; color: var(--color99_10); margin-right: 15px;}
.spMenu .inner ul li a { color: var(--color99_10); display: block;}
.spMenu .inner ul li a:hover {}



.side_btn { position: fixed; z-index: 60; top: 30%; right: 0; width: 80px; display: none; flex-direction: column; gap: 10px; overflow: hidden;}
.side_btn a { display: block; transform: translateX(5px);}
.side_btn a:hover { transform: translateX(0);}
.side_btn a:hover img { opacity: 1.0;}


/*----------------------------*/

input[type="text"],
input[type="tel"],
input[type="email"],
textarea { width: 100%; padding: 9px; border: solid var(--com_px01) var(--color99_02); border-radius: 5px; background: var(--color00_10);}
select { width: auto; padding: 5px 20px; background: var(--color00_10); border: solid var(--com_px01) var(--color99_02); border-radius: 5px;}

input[type="submit"] { padding: 10px 100px; background: var(--color99_10); color: var(--color00_10); border: solid var(--com_px01) var(--color99_06); cursor: pointer; border-radius: 5px; letter-spacing: 0.5em; transition: ease .5s;}
input[type="submit"]:hover { background: var(--color00_10); color: var(--color99_10); transition: ease .5s;}




/*----------------------------*/

.bnr_contact { width: 100%; height: 280px; background: url("../images/com/btn_bg.jpg") center center no-repeat; background-size: cover; margin-top: 80px; padding: 40px 20px; border-radius: 5px; display: flex; justify-content: space-between; align-items: center; flex-direction: column;}
.bnr_contact .txt { text-align: center;}
.bnr_contact .txt h3 { color: var(--color00_10); margin: 0 0 10px;}
.bnr_contact .txt p { color: var(--color00_10);}
.bnr_contact .btn {}
.bnr_contact .btn a { width: 400px; height: 70px; padding: 0 0 0 60px; background: var(--color01_10); display: flex; align-items: center; border-radius: 5px; position: relative;}
.bnr_contact .btn a::after  { content: "\f061"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 26px; position: absolute; right: 60px;}
.bnr_contact .btn a:hover { background: var(--color01_08);}
.bnr_contact .btn a:hover::after  { content: "\f061"; right: 50px;}


/*----------------------------*/

.wp-pagenavi { padding: 100px 0 0; display: flex; justify-content: center;}
.wp-pagenavi * { width: 40px; height: 40px; padding: 0;}
.wp-pagenavi .current,
.wp-pagenavi a,
.wp-pagenavi a:hover { display: flex; justify-content: center; align-items: center; border: none !important; margin: 0 5px !important;}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink { border: none;}

.wp-pagenavi .current { background: var(--color01_04);}
.wp-pagenavi .page { background: var(--color01_10);}
.wp-pagenavi .page:hover { background: var(--color01_04);}

.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .nextpostslink:hover { background: var(--color01_04);}


}