@charset "utf-8";

/*--- cover ---*/

.coverL {
	display: none!important; 
}

.coverTelBtn {
	font-size: 20px;  
}

/*.carousel-item.active {
    position: relative;
    height: auto;
    width: 100%;
    min-height: 960px;
}

.carousel-item img {
    justify-content: center;
    align-items: center;
    position: absolute;
    display: flex;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    max-height: 100%;
    height: 100%;
    max-width: 100%;
    width: 100%;
    margin: auto;
    object-fit: cover;
}*/

/*--- top01 ---*/

.top01ImgBox {
    height: 450px;
}

.top01ImgBox {
	z-index: -1; 
}

.top01.maskGradationRight:after {
	width: 100%;
    background: linear-gradient(90deg, rgba(20, 14, 11, .5) 0%, rgba(17, 12, 10, 1) 80%, rgba(20, 14, 11, 1) 100%);
}  

/*--- top02 ---*/

.topMask01:after {
    content: "";
    position: absolute;
  	top: 0;
    bottom: 0;
    right: 0;
    left: 0;
  	margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    background: url(/system_panel/uploads/images/bg-black-mask.png) no-repeat center / cover;
    z-index: -1;
    transition: all .3s;
}

.top02ImgBox01 {
	transform:rotate(5deg);
}

.top02Illust02 {
    margin: 0 auto 0 30%;
}

.top02ImgBox01 {
    margin: -5% 0 0;
}

/*--- top03 ---*/

.top03 .frame03:after {
    content: "";
    position: absolute;
  	top: 0;
    bottom: 0;
    right: 0;
    left: 0;
  	margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    background: url(/system_panel/uploads/images/bg-white-mask.png) no-repeat center / cover;
    z-index: 1;
}

.top03L .fitImg {
	position: static !important;
}

/*--- top04 ---*/

.top04ImgBox01,.top04Fukidashi,.top02Illust03  {
	transform:rotate(5deg);
}

.top04ImgBox02 {
	transform:rotate(-5deg);
}

/*--- top05 ---*/

.top05L {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
  　gap: 0;
}

/*--- top06 ---*/  

.top06R .fitImg {
	position: static !important;
}

/*--- top07 ---*/

.top07:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 50%;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  	background-color: #E6D5B4;
    z-index: 1;
    transition: all .3s;
}

.top07:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 50%;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: url(/system_panel/uploads/images/common-mask.png) no-repeat, center top;
    z-index: 1;
    transition: all .3s;
}
  
.topLinkImg {
  	min-height: 400px;
}

.top07.jpTit01 {
	margin: 0;
}

.inImgLinkTxtBlock:after {
    content: none;
    position: absolute;
  	top: 0;
    bottom: 0;
    right: 0;
    left: 0;
  	margin: auto;
    display: block;
    max-width: 543px;
    width: 100%;
    height: 110px;
    background: url(/system_panel/uploads/images/bg-title-white.svg) no-repeat center / contain;
    z-index: 5;
  	transition: all .3s;
}

.top07 .inLinkHvrTxtBox p {
	font-size: 13px;
}

.top07Btn {
	display: block; 
}

.inImgLink:hover .inImgLinkTxtBlock:after {
    content: none;
  	transition: all .3s;
}

.inImgLink:hover .top07Btn {
  	display: block;
    bottom: 30px;
}

.inImgLink {
    color: #fff !important;
}

.inImgLink:hover {
    color: #fff !important;
}

.inImgLink .inImgLinkTitle {
    top: 100px;
}


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 375px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:414px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 414px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:576px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
 

  
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 576px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:768px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  
.top01ImgBox {
    height: 450px;
}
  
.top07 .inLinkHvrTxtBox p {
	font-size: 14px;
}
  
.top07Btn {
	display: none; 
}  
  
.inLinkHvrTxtBox p br {
	display: block;  
}
  
.inImgLinkTxtBlock:after {
    content: "";
}
  
.inImgLink .inImgLinkTitle {
    top: auto;
}

.inImgLink:hover .inImgLinkTitle {
    top: 60px;
}

.inImgLink {
    color: #140E0B !important;
}

.inImgLink:hover {
    color: #fff !important;
}
  
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 768px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:992px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 992px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.top01.maskGradationRight:after {
	max-width: 1430px;
	width: 85%;
    background: linear-gradient(90deg, rgba(20, 14, 11, 0) 0%, rgba(17, 12, 10, 1) 80%, rgba(20, 14, 11, 1) 100%) !important;
}  
  
.top01ImgBox {
    height: 500px;
}
  
.top03L .fitImg {
	position: absolute !important;
}
  
.top06R .fitImg {
	position: absolute !important;
}
 
.top07 .inLinkHvrTxtBox p {
	font-size: 14px;
}  
  
.inLinkHvrTxtBox p br {
	display: none;  
}
  
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1024px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1250px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  
.titDeco {
    margin: -9% 0 0 0 !important;
}
  
.coverNavLink {
	font-size: 18px !important;  
}
  
.top01ImgBox {
    height: 600px;
}
  
.top01TxtFrame {
    padding: 0 0 60px 0 !important;
}
  
.top05 .jpTit01 {
    margin: -6% auto 0;
}
  
.top07 .jpTit01 {
    font-size: 40px;
}
  
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1250px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1440px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  
.hPcHamBox02 {
	display: none !important;  
}
  
.top01ImgBox {
    height: 860px;
}
  
.top06TxtBlock {
    margin: -13% 0 0 0% !important;
}
  
 
.top07 .inLinkHvrTxtBox p {
	font-size: 16px;
}  
  

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1440px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1600px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  
.header {
  	display: none;
}
  
.header.is-active {
  	display: block;
    transition: all .3s;
}
  
/*--- cover ---*/
  
.coverL {
	display: block !important; 
	width: 100% !important;
}
  
.coverR {
	width: 100% !important;
  	margin: 0 0 0 auto !important;
}
  
.coverNavLink {
	font-size: 20px !important;  
}
  
.coverTelBtn {
	font-size: 30px;  
}  
  
.top01TxtBlock {
    margin: 0 auto 0 23% !important;
}  
  
.top05 .enTit01, .top06 .enTit01 {
	font-size: 100px;
}  
  
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1600px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1880px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  
  
.top02ImgBox02 {
	margin: 0 0 0 100px !important;   
}
  
  
.top04Row {
    margin: -100px 0 0 0 !important;
}
  
  
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1880px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */