.cardlist {background:#000;padding:7vh 10vh;display:flex;position:relative;z-index:3000;}
.cardlist .collist {width:100%;}
.cardlist .inner {padding:0.3rem;position:relative;}
.cardlist .inner .box {width:100%;height:100%;position:relative;overflow:hidden;}
.cardlist img {width:100%;}
.cardlist .inner .imagearea {position:relative;}
.cardlist .inner .imagearea img {width:100%;height:auto;}
.cardlist .inner .cover {position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0);}
.cardlist .inner:hover .cover {background:rgba(0,0,0,0.75);transition:1s;}

.cardlist .inner a {width:100%;height:100%;display:block;position:relative;
position:absolute;top:0px;left:0px;width:100%;height:100%;}
.cardlist .inner .textbox {position:absolute;top:0px;left:0px;width:100%;height:100%;}
.cardlist .inner h2 {font-size:1.4rem;color:#fff;text-shadow:0px 0px 3px rgba(0,0,0,0.5);}
.cardlist .inner h3 {font-size:1.0rem;color:#fff;text-shadow:0px 0px 3px rgba(0,0,0,0.5);}
.cardlist .inner span.btn {background:none;border:solid #fff 0.2em;font-weight:bold;color:#fff;}
.cardlist .inner span.btn:hover {background:#fff;color:#000;}
/*PC*/
@media (min-width: 897px){
	.cardlist .inner .textbox {position:absolute;top:0%;right:0%;padding:3vh;
	-ms-writing-mode: tb-rl;writing-mode: vertical-rl;}
	.cardlist .inner p {position:absolute;bottom:3vh;left:5%;width:90%; font-size:0.9rem;color:#fff;opacity:0;text-align:center; }
	.cardlist .inner:hover p {opacity:1;transition:1s; }
}
/*SP*/
@media (max-width: 896px){
	.cardlist {padding:7vh 3vh;}
	.cardlist .inner {padding:0rem 0rem 0.7rem 0rem;height:auto;}
	.cardlist .inner .cover {background:rgba(0,0,0,0.4);}
	.cardlist .inner:hover .cover {background:rgba(0,0,0,0.4);transition:1s;}
	.cardlist .inner p {opacity:1;}
	.cardlist .inner span.btn {display:none;}
	.cardlist .inner .box {padding:0vh;height:auto;overflow:auto; }
	.cardlist .inner .textbox {top:50%;left:auto;right:5vh;transform:translateY(-50%);height:auto;}
	.cardlist .inner h3 {font-size:1.4rem;color:#fff;text-shadow:0px 0px 3px rgba(0,0,0,0.5);text-align:right;}
	.cardlist .inner h2 {font-size:2.0rem;color:#fff;text-shadow:0px 0px 3px rgba(0,0,0,0.5);text-align:right;margin-bottom:0.3em;}
	.cardlist .inner p {font-size:1.2rem;line-height:1.3em;color:#fff;text-shadow:0px 0px 3px rgba(0,0,0,0.5);text-align:right;padding-right:4vh;display:none;}
	.cardlist .inner img.arrow {position:absolute;top:50%;right:1vh;transform:translateY(-50%);width:2vh;}
	.cardlist .inner a:hover {text-decoration:none;}
}



.ctaarea {display:flex;position:relative;z-index:3000;}
.ctaarea .textbox {width:50vw;padding:3vw 3vw 3vw 5vw;
background:#000 url(../img/cmn/bg_ctaarea.jpg) no-repeat center center;background-size:cover;}
.ctaarea .textbox h2 {font-size:3.5rem;line-height:1.2em;font-weight:normal;margin-bottom:0.2em;}
.ctaarea .textbox h3 {font-size:1.2rem;font-weight:bold;color:#888;}
.ctaarea .textbox p {font-size:1.0rem;margin-top:1vw;}
.ctaarea .textbox a.btn {width:15rem;margin-top:0.5em;}
.ctaarea .mapbox {width:50vw;}
.ctaarea .mapbox iframe {width:100%;height:100%;filter:grayscale(100%);}
/*SP*/
@media (max-width: 896px){
	.ctaarea {display:block;}
	.ctaarea .textbox {width:100%;}
	.ctaarea .mapbox {width:100%;height:100vw;}
	.ctaarea .textbox p {font-size:1.4rem;margin-top:1.5em;}
	.ctaarea .textbox a.btn {font-size:1.4rem;margin-top:0.5em;width:80%;}
}

/**************************************** フッター ****************************************/
.footerarea {position:relative;z-index:3000;}
.pankuzuarea {width:100%;padding-bottom:0.8rem;}
.pankuzuarea .pankuzu {font-size:0.8rem;color:#999;}
.pankuzuarea span {display:inline-block;padding:0.2em 0.2em;}
.pankuzuarea span:nth-child(1){ padding-left:0px;}
.pankuzuarea a {color:#999;display:inline-block;padding:0.2em 0.2em;}

.footer01 {display:flex;padding:3vw 15vw 3vw 15vw;background:#012;}
.footermenu01 {width:42%;}
.footermenu02 {width:42%;}
.footermenu03 {width:16%;padding:0px 1vw;}
.footermenu01 .menuwrap ul.menuitem li a {font-size:0.8rem;color:#999;display:inline-block;padding:0.6em 0.2em;}/*line-height:3.8em;*/
.footermenu01 .menuwrap ul.menuitem li a:hover {}

.footermenu02 p {font-size:0.9rem;line-height:2.0em;color:#fff;}
.footermenu02 .box {background:rgba(255,255,255,0.05);margin-bottom:0.5vw;padding:1vw;}
.footermenu02 .box a {color:#fff;text-decoration:none;}
.footermenu02 .box a[href^="tel:"] {transition:color 0.2s ease,text-decoration-color 0.2s ease;}
.footermenu02 .box a[href^="tel:"]:hover,
.footermenu02 .box a[href^="tel:"]:focus-visible {color:#7fd3ff;text-decoration:underline;text-underline-offset:0.15em;}

a[href^="tel:"] {transition:color 0.2s ease,text-decoration-color 0.2s ease;}
a[href^="tel:"]:hover,
a[href^="tel:"]:focus-visible {text-decoration:underline;text-underline-offset:0.15em;}

.footermenu03 .menuwrap ul.menuitem li a {width:100%;margin-top:0px;margin-bottom:0.3vw;font-size:0.8rem;
display:inline-block;padding:1em 0em;text-align:center;
background:#234;color:#fff;border:solid #456 0.1rem;}
.footermenu03 .menuwrap ul.menuitem li a:hover {}

.footer02 {background:#000;display:flex;padding:1vw 15vw;}
.footermenu04 {width:55%;}
.footermenu04 .menuwrap ul.menuitem li {display:inline-block;}
.footermenu04 .menuwrap ul.menuitem li a {font-size:0.8rem;color:#fff;}
.footermenu03 .menuwrap ul.menuitem li a:hover {}

.footermenu04 a {color:#999;display:inline-block;padding:0px 1em;}

.copyright {width:45%;font-size:0.8rem;color:#999;text-align:right;}

.fixicon {position:fixed;bottom:3vw;right:3vw;width:6vw;z-index:9000;transform:translateX(30vw);text-align:center;}
.fixicon img {width:100%;}
.fixicon.on {transform:translateX(0vw);transition:0.4s;}

.pegetop {position:fixed;bottom:3vw;right:3vw;height:6vw;width:6vw;display:none;}


/*SP*/
@media (max-width: 896px){
	.pankuzuarea {padding:5vh 10vw 0vw 10vw;}
	.pankuzuarea .pankuzu {font-size:1.4rem;line-height:2.0em;}

	.footer01 {display:block;padding:0px;}
	.footermenu01 {width:100%;}
	.footermenu02 {width:100%;padding:0px 1vw;}
	.footermenu03 {width:100%;padding:0px 2vw;}
	.footermenu01 p {font-size:1.4rem;line-height:2.0em;}
	.footermenu01 .collist {display:flex;flex-wrap:wrap;padding:3vh 10vw 2vw 10vw;}
	.footermenu01 .collist .inner {width:50%;padding-bottom:3vh;}
	.footermenu01 .menuwrap ul.menuitem li a {font-size:1.4rem;}
	.footermenu02 .box {padding:2vh 10vw;}
	.footermenu02 p {font-size:1.3rem;}
	.footermenu03 a.btn {margin-bottom:1vw;font-size:1.4rem;}
	.footer02 {display:block;padding:2vh 10vw;}
	.footermenu04 {width:100%;font-size:1.4rem;}
	.footermenu04 a {width:100%;padding:1vh 0px;}
	.footermenu03 .menuwrap ul.menuitem li a {font-size:1.4rem;margin:0px 5% 1vh 5%;width:90%;}
	.footermenu04 .menuwrap ul.menuitem {margin-bottom:5vh;}
	.footermenu04 .menuwrap ul.menuitem li {display:block;}
	.footermenu04 .menuwrap ul.menuitem li a {font-size:1.2rem;display:block;}
	.footer02 {padding:2vh 2vh;}
	.copyright {width:100%;font-size:1.2rem;}
	.fixicon {bottom:5vw;right:5vw;height:20vw;width:20vw;}
	.pegetop {bottom:5vw;right:5vw;height:20vw;width:20vw;display:none;}

}
/*PC*/
@media (min-width: 897px){
}